Question

在jQuery UI中使用contenteditable div元素是否存在导致插入符号无法显示的问题。这里有一些代码来表明我的意思

<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对话框，并在其：open事件中添加一个contenteditable div元素到对话框中的内部div。文本显示但单击时不可编辑。如果我替换该代码并使用已注释掉的iframe而不是包含一个可信任的驱动器，那么一切正常。

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

这个问题可能缺乏一些细节，但考虑到我的应用程序的复杂性，我实际上无法提供更具代表性的代码。任何帮助将不胜感激。

Answer 1

任何遇到此线程的人的注释。经过大量工作，我终于发现了这个问题。使用与jQuery UI对话框的contenteditable本身不是一个问题。我的问题出现了与我正在使用的优秀jstree插件的某种冲突。

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

jQuery UI＆amp;内容在模态对话框中可编辑

1 个答案: