jQuery的UI和内容可编辑模式对话框

是否有任何问题围绕在jQuery UI中使用contenteditable div元素，导致脱字符不出现。下面是一些代码来说明我的意思jQuery的UI和内容可编辑模式对话框

<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而不是包含contenteditable驱动器，则一切正常。

看起来有些东西阻止了内容在对话框中变为可编辑。

这个问题可能缺乏一些细节，但考虑到我的应用程序的复杂性，我并不真正有能力提供更具代表性的代码。任何帮助将非常感激。

来源

2013-03-26 DroidOS

任何人跑到这个线程的笔记。经过许多工作，我最终发现了这个问题。使用contenteditable与jQuery UI对话本身并不是一个问题。我遇到的问题与我正在使用的优秀jstree插件有些冲突。

作为一般规则 - 在使用多个插件的复杂应用程序中，您可能最好使用iframe中的沙盒内容可满足的内容

来源

2013-03-29 07:59:06 DroidOS

jQuery的UI和内容可编辑模式对话框

回答

相关问题