我能否在CKEDITOR中的元素上添加onclick事件？

Question

在ckeditor中，我们有两种编辑模式（源代码视图和所见即所得视图）。

在源代码视图模式下，我们可以添加任何HTML代码。但是在所见即所得视图模式下，我们只能使用工具栏和允许的属性进行操作。对于不熟悉HTML的人，我试图寻找帮助他们在编辑器中定义元素事件（例如onclick="alert('test');"）的方法。

有没有什么方法可以做到这一点呢？

在图片的情况下，我们可以在ckeditor中指定id、title、style和class。但那就是全部了。如果有一种方法可以在config.js之类的文件中添加或启用更多的属性，那就太好了。

提前感谢您！

来自韩国的KS。

- ks Park

---

据我所知，在ckeditor中没有办法附加onclik或任何其他内联事件。 - CoolEsh

Answer 1

我创建了一个对话框插件，通过遵循和修改教程“Creating a Simple CKEditor Plugin”教程的代码（在此处找到here），将添加一个onclick事件。在您创建要插入到ckeditor中的元素之后，可以通过插入以下代码行来添加onclick事件。

element.setAttribute('onclick','fuu()');

一旦您阅读完教程，这将更有意义。

这种方法的一个问题是，您无法通过在上下文菜单中重新打开对话框来更改此值，我不确定原因是什么。

- nsw1475

Answer 2

看一下这个问题的答案。如果我正确理解了你的问题，那么这应该很简单。

在定义期间自定义对话框，添加“onclick”字段，然后在设置和提交函数中设置和获取内容。

还要注意关于如何处理getData期间的html的警告，如果onclick无效可能会出现问题。（我从未添加过除有效的html属性以外的任何东西，并且看到其他问题也会出现这种问题）

查看ckeditor/_samples/api_dialog.html以了解修改对话框的背景。

- rquinn