javascript - 是否可以在 CKEditor 中运行 html/css 或 JavaScript？

Question

我正在使用 CKEditor asp.net 页面以允许客户端轻松编辑/格式化文本。我也在 CKEditor 中使用选项卡选项，如图所示。随附的。但是标签根本不起作用。最初我用 JS 创建了标签。我认为是 JS 无法与 CKEditor 一起使用，所以我选择了使用 css3 的替代解决方案。但是选项卡在 CKEditor 中仍然不起作用。我在 CKEditor 论坛 上搜索过，但找不到好的资源或帮助。 对于 css3，我使用通过不透明度 0 隐藏的 checkbox；但复选框在 CKEditor 中不起作用。最后我想到的是 CKEditor 不运行 html。有什么解决办法吗？

Answer 1

CKEditor 保护 JavaScript 代码，使其不被执行以防止意外的编辑器行为。还捕获来自表单元素的鼠标/键盘事件以进行强大的编辑，从而使常规操作变得不可能。结论是:编辑器是为了创建丰富的内容，而不是为了渲染布局。

我的最简单建议是将编辑器降级。即:

1. 创建选项卡。
2. 将每个选项卡标题设为 inline editor (必须是 block 元素)。
3. 将 CKEditor 的内联实例放入每个选项卡内容中。
4. 保存时序列化您的标签。这很容易。

奖励:在 ACF 的帮助下(自 4.1 起)您可以防止布局被粗心的用户破坏。基本上限制为每个编辑器加载哪些插件来操纵编辑结果。