我可以在 CKEDITOR 中的元素上添加 onclick 事件吗？答案

【问题标题】：can I add onclick event on elements in CKEDITOR?我可以在 CKEDITOR 中的元素上添加 onclick 事件吗？
【发布时间】：2011-02-08 10:08:38
【问题描述】：

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

我们可以（当然）在源视图模式下添加任何 html 代码。但是在 WYSiWYG 模式下，我们只使用工具栏和允许的属性。对于不熟悉 HTML 的人，我尝试想办法帮助他们在编辑器中定义元素上的事件（例如 onclick="alert('test');" ）。

有没有办法做到这一点？

在图片的情况下，我们可以在ckeditor中指定id、title、style和class。但仅此而已。如果有办法在 config.js 之类的东西中添加或启用更多属性，那就太好了。

提前致谢

KS 来自韩国。

【问题讨论】：

【解决方案1】：

看看这个question 的答案。如果我正确解释了您的问题，我认为这将非常简单。

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

还请查看有关在 getData 期间如何处理 html 的警告，如果 onclick 无效，这可能会产生问题..（除了有效的 html 属性之外，我从未添加过任何东西，并看到了其他产生问题的问题）

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

【讨论】：

【解决方案2】：

我创建了一个对话框插件，它将通过遵循和修改教程“创建简单的 CKEditor 插件”教程第 1 部分和第 2 部分（找到 here）中的代码来添加一个 onclick 事件。在创建了要插入ckeditor的元素后，可以通过插入代码行来添加onclick事件

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

阅读完本教程后，这会更有意义。

此方法的一个问题是您无法通过上下文菜单重新打开对话框来更改此值，我不知道为什么。

【讨论】：