resize - font-size を変更した後に tinymce のサイズを変更するにはどうすればよいですか?

Question

問題 : フォント サイズを 38pt などに変更すると、テキストがエディターから出てしまいます。

私はtinymce 4.0を使用しています。

これはtinymceをロードするための私のスクリプトです

<script type="text/javascript">
tinymce.init({
        selector: "div#textareasDiv",
        theme: "modern",
        inline: true,
        plugins: [ "textcolor,table"],
        toolbar1: " bold italic underline | alignleft aligncenter alignright alignjustify | forecolor backcolor | fontselect |  fontsizeselect",
        image_advtab: true,
        menubar: false,
        fixed_toolbar_container: "#toolbarCon"


    });
</script>

と

<div id="textareasDiv"></div>
<div id="toolbarCon"></div>

と

<style>
#textareasDiv { padding:2px 5px;width:170px;height:80px;background:transparent;word-wrap: break-word; }
</style>

そして、私はそれを変更できるように、そのouterHeightを取得しようとしています:

setup : function(ed)
            {
                ed.on('change', function(e) 
                {
                    alert($(this.getContainer()).outerHeight());
                });
            }

しかし、それは私に何も与えません。

font-size を変更した後に tinymce エディタのサイズを変更するにはどうすればよいですか? このtextareasDivをドラッグ可能にするにはどうすればよいですか?

ここにフィドルがあります