0

是否存在围绕在 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 而不是包含可内容编辑的驱动器，那么一切正常。

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

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

4

1 回答 1

2

给遇到此线程的任何人的说明。经过大量工作，我最终发现了这个问题。在 jQuery UI 对话框中使用 contenteditable 本身并不是问题。我的问题归结为与我正在使用的优秀 jstree 插件的某种冲突。

作为一般规则 - 在使用多个插件的复杂应用程序中，您最好在 iframe 中对 contenteditable 内容进行沙盒处理

于 2013-03-29T07:59:06.247 回答