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

Question

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

要做到这一点，我使用：

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

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

有人能告诉我我做错了什么和/或实现我想要的东西的方法吗？谢谢

Answer 1

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

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

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