【问题标题】:adding code into CKeditor when clicking on external button单击外部按钮时将代码添加到CKeditor
【发布时间】:2013-03-04 03:18:03
【问题描述】:

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

如果这可能的话,有没有人有任何想法?

【问题讨论】:

  • CKEditor 有 JavaScript API。

标签: jquery textarea ckeditor


【解决方案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 而只是希望一切正常,您可以通过将配置值设置为 trueconfig.allowedContent = true; 来设置 ACF 配置以允许所有内容。

【讨论】:

  • 当我尝试使用 p 或 strong 标签时,它可以工作,但使用 hr 或 links 则不行。当我可以说出我可以使用哪些标签时,是否有任何配置?
  • 这很奇怪。可能是这些标签是不允许的,但你会阻止它们似乎很奇怪。哦,好吧,它可能是!现代版本 CKE 中的内容过滤系统称为高级内容过滤器:docs.ckeditor.com/#!/guide/dev_advanced_content_filter 将配置设置为允许所有内容取决于您的设置,但您可以尝试allowedContent: trueconfig.allowedContent = true; - 无论哪种方法适用于您.检查您的配置并查看链接,文档真的很好:)
猜你喜欢
  • 1970-01-01
  • 2019-06-24
  • 1970-01-01
  • 1970-01-01
  • 2019-07-30
  • 2013-06-21
  • 1970-01-01
  • 2013-05-24
  • 1970-01-01
相关资源
最近更新 更多