Question

我正在尝试自定义jwysiwyg jquery RTE。我想构建一个图像属性编辑器，以便一旦将图像插入可编辑区域，用户就会选择它，然后会出现一个模态窗口或属性面板，允许用户编辑宽度/高度等。类似于gmails图像插入UI。

问题是我无法找到如何处理必要的图像点击事件。任何人都知道一些示例代码或一些信息，我可以从哪里开始？

Answer 1

我刚刚开始类似的事情。使用jQuery的delegate（）方法，我让它像这样工作：

$("#bodyoftheeditordocument").delegate("img", "click", function (evt) {
   // handle click event here...
});

委托方法的一个很酷的事情是，它会将此事件处理程序附加到正文，现在或将来的任何img标记。因此，即使是在编辑过程中插入的图像也会被连接起来。

祝你好运。

标记

Answer 2

我在iOS 10上的解决方案是添加一个contenteditable =＆＃34; false＆＃34;属性为需要可点击的img元素。否则，safari会认为你的意图是在图像之前/之后移动插入符号（如果它在一个可信的元素中）。