单击外部按钮时将代码添加到CKeditor

Posted 2023-05-07

【中文标题】单击外部按钮时将代码添加到CKeditor

【英文标题】：adding code into CKeditor when clicking on external button

【发布时间】：2013-03-04 03:18:03

【问题描述】：

这是场景：用户正在输入 CKeditor，就在编辑器之外有一个按钮，当按下 jQuery 时会启动 $(".button").click(function... 这会附加一些文本或任何内容由按钮定义到用户在 CKeditor 中输入的同一位置。

如果这可能的话，有没有人有任何想法？

【问题讨论】：

CKEditor 有 javascript API。

【参考方案1】：

可行且简单。

CKEDITOR.instances.editor1.insertText("Magical ponies await!")
CKEDITOR.instances.editor1.inserthtml("<hr/>");

获得对编辑器的引用是微不足道的（我希望如此）。例如，此示例适用于官方 CKEditor 演示。

CKEditor 4 API 有很好的文档记录。请参阅insertHtml()http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-insertHtml 的文档

---

此外，您添加的内容必须在 CKEditor 的高级内容过滤功能中允许。请参阅http://docs.ckeditor.com/#!/guide/dev_advanced_content_filter 的文档

如果您不关心 ACF 而只是希望一切正常，您可以通过将配置值设置为 true 和 config.allowedContent = true; 来设置 ACF 配置以允许所有内容。

【讨论】：

当我尝试使用 p 或 strong 标签时，它可以工作，但使用 hr 或 links 则不行。当我可以说出我可以使用哪些标签时，是否有任何配置？

这很奇怪。可能是这些标签是不允许的，但你会阻止它们似乎很奇怪。哦，好吧，它可能是！现代版本 CKE 中的内容过滤系统称为高级内容过滤器：docs.ckeditor.com/#!/guide/dev_advanced_content_filter 将配置设置为允许所有内容取决于您的设置，但您可以尝试allowedContent: true 或 config.allowedContent = true; - 无论哪种方法适用于您.检查您的配置并查看链接，文档真的很好:)