2013-03-26 2 views
0

Есть ли проблемы, связанные с использованием контентных элементов div в jQuery UI, которые приводят к появлению каретки. Вот немного кода, чтобы показать, что я имею в видуjQuery UI & Content Редактируемые в модальных диалогах

<div id='diaHTMLEd' style='display:none'> 
    <div id='divRTE'></div> 
    <!--iframe src='xrte.html' height='300' width='500'></iframe--> 
</div> 

function openHTMLEditor({ 
    $('#diaHTMLEd').dialog({ 
     height:200, 
     width:450, 
     modal:true, 
     open:addRTE 
    }); 
} 

function addRTE() { 
    $('#divRTE').html("<div contenteditable='true'>Testing</div>"); 
    return; 
} 

Объяснение - Я открытие модальный диалог jqUI и в: открытое событие я добавление contenteditable элемента DIV к внутренней DIV в диалоге. Текст появляется, но при клике он не редактируется. Если я заменил этот код и вместо него использовал iframe с комментариями, который содержит контент-ориентированный диск, все будет работать нормально.

Похоже, что есть что-то, что помещает контент в редактируемое диалоговое окно.

Этот вопрос может быть не в деталях, но с учетом сложности моего приложения. Я действительно не в состоянии предоставить более представительный код. Любая помощь приветствуется.

ответ

2

Примечание для всех, кто работает в этой теме. После большой работы я в конце концов обнаружил проблему. Использование contenteditable с диалоговыми окнами JQuery UI само по себе не является проблемой. Проблема в моем случае сводилась к конфликту с отличным плагином jstree, который я использую.

Как правило, в сложных приложениях, которые используют несколько плагинов, вы, вероятно, лучше изолируете контент-контент, содержащий контент внутри iframe

Смежные вопросы