javascript - 将弹出式 DOM 节点插入所见即所得

Question

我正在尝试向 sceditor 添加一个可点击的 div。基本要求是使用所见即所得并以编程方式将一个元素添加到编辑器中，当用户单击它时可以显示一个弹出窗口。

为此，我使用：

 var text = "<div onClick='editdiv(this)'>"+name+"</div>";▓
 $('.sceditor').sceditor('instance').insert(text);

这会将 div 插入编辑器，但是当我单击它时，我收到一条错误消息，说editdiv未定义。而editdiv在运行上述代码的 javascript 相同的 javascript 文件中存在一个函数。

有人可以告诉我我做错了什么和/或实现我想要的方法吗？谢谢！

Answer 1

你想要的东西是不可能没有缺点的。
事件只能在活动浏览实例中捕获（我认为这就是名称）。a 中的所有contentEditable=true"内容都不是活动浏览实例
基于此，您需要终止 contentEditable 并在其中创建一个新实例。例如（代码未测试）：

var text = "<div contentEditable='false' onclick='editdiv(this)'><div contentEditable='true'>"+name+"</div></div>";
$('.sceditor').sceditor('instance').insert(text);

这应该使该点击事件按预期工作