wysiwyg-editor в диалоговом окне jquery не работает

Question

редактор для веб-сайта. Я тестировал некоторые (tinyEditor, wysihtml5, jHTMLArea ...). Когда на моем сайте был только элемент textarea, он работает. Но когда я создаю диалог jQuery и хочу, чтобы редактор в нем не работал. Я вижу все значки и кнопки, но я не могу написать текст в редакторе. Проблема всегда одна и та же. Я использую jQuery 1.10.2. У кого-то такая же проблема или, может быть, решение?

(я проверил мой сайт в хроме и светлячок)

Здесь какой-то код (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 --> 

Answer 1

Вам нужно только создать экземпляр редактора как только текстовая область станет видимой. В вашем коде вы создаете экземпляр до открытия dialog. Комментирование делает его работу.

function openDialog() { 
    //$('#dialogEditor').htmlarea(); <-- Comment out this 
    //$.ui.dialog.defaults.bgiframe = true; 
    $(function() { 
     $("#dialog").dialog({ 
      width: 420, 
      autoOpen: false, 
      open: function (evt, ui) { 
       $("#dialogEditor").htmlarea(); 
      } 
     }); 

    }); 
    $('#dialog').dialog('open'); 
} 

http://jsfiddle.net/fNPvf/7585/