javascript - jquery ダイアログの wysiwyg-editor が機能しない

Question

ウェブサイトの編集者。いくつか (tinyEditor、wysihtml5、jHTMLArea...) をテストしました。サイトに textarea-element しかない場合は機能します。しかし、jQuery ダイアログを作成し、その中にエディターを配置したい場合、機能しません。すべてのアイコンとボタンが表示されますが、エディタにテキストを書き込めません。問題はいつも同じです。jQuery 1.10.2 を使用しています。誰かが同じ問題や解決策を持っていますか?

(私は自分のウェブサイトを chrome と firefox でテストしました)

ここにいくつかのコード（jHtmlArea）：

$('#dialogEditor').htmlarea({css: "/static/css/jHtmlArea.Editor.css"});//init

$(function () {
       $("#dialog").dialog({
           width: 420, autoOpen: false,
           open: function (evt, ui) {
               $("#dialogEditor").htmlarea();
           }
       });

   });


 function openDialog()
 {
   $('#dialog').dialog('open'); //open dialog
 }

HTML コード:

<!-- Dialog Beginn -->
<div id="dialog" title="Studie" >
    <center>
        <textarea id="dialogEditor" rows="10" style="width: 400px"></textarea>
    </center>
</div>
<!-- Dialog End -->