javascript - 向 CKEdtitor 添加自定义格式选项？

Question

如果之前有人问过这个问题，我很抱歉，我已经尝试谷歌搜索/在这里查看/浏览 CKEditor 论坛，但没有想出任何我似乎可以理解和实现的东西(抱歉，我不是非常擅长这个 JavaScript 的东西)

基本上，我想在 CKEditor 的格式下拉列表中添加一个自定义选项，它应该创建一个具有如下类的跨度:

<span class="custom-font"></span>

我试过在“config.js”文件中使用以下内容，但它似乎不起作用:

config.format_tags = 'p;h1;h2;h3;h4;h5;h6;pre;address;div;span'

config.format_span = { element : 'span', attributes : { 'class' : 'cutsom-font' } };

有人能给我指出正确的方向吗？

Answer 1

“格式”仅处理 block 级元素，因此您不能使用它在所选文本周围添加 span 标签。你需要“风格”来做到这一点。要添加到 CKEditor 附带的默认样式，请在 styles.js 中添加您的样式对象。这就是定义默认样式的地方。此外，您需要向对象添加“名称”属性。

{ name: 'Your custom style', element: 'span', attributes: {'class':'custom-font'} }

如果您想列出自己的样式来替换默认样式，您可以找到详细信息 HERE .

根据链接，您还可以使用自己的 .js 文件来定义样式或使用样式表来获取 css 样式。