我想做的是类似于 native 前景色/背景色对话框的东西。不同之处在于，它将直接在工具栏中包含带颜色的按钮。所以一个插件必须有多个按钮，具有不同的样式(颜色)。另一个问题是，这个原生插件设置了 CSS color 和 background-color 属性。我需要改用类，如下所示:
text <span class="fg red">colored text</span> text
和
text <span class="bg blue">colored background</span> text
点击进入颜色必须更改具有 fg 类(和背景色 - bg 类)的跨度的颜色
我怎样才能做到这一点？
最佳答案
首先，您必须添加自己的按钮。检查执行此操作的任何插件的来源 - 例如basicstyles/plugin.js .您必须为每个按钮创建命令，然后注册所有按钮。简单。
然后我建议使用我们的样式实现。它允许从给定的选择/范围中应用/删除定义的样式。在样式定义中，您可以指定它将应用具有给定类的 span 元素。检查this style定义。
最后一步 - 将这些东西连接在一起。与按钮关联的命令应应用/删除此样式。已经准备好使用一个 - 检查 CKEDITOR.styleCommand 用法 here .
你需要的一切都在 basicstyles 插件中，所以只需引用那里。
波兹德拉维亚姆 :)
关于javascript - CKEditor插件设置类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12787891/