向CKEditor添加自定义格式选项？

Question

4

如果这个问题之前已经被问过，我很抱歉。我已经尝试了谷歌搜索、查阅这里和浏览CKEditor论坛，但是没有找到我能够理解和实现的答案（很抱歉，我不太擅长JavaScript）。

基本上，我想在CKEditor的格式下拉列表中添加一个自定义选项，它应该创建一个类似下面的span：

<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' } };

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

（注：本文涉及IT技术相关内容，可能需要一定专业知识才能理解。）

- Sean

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- maulik13 · Accepted Answer

"格式"只处理块级元素，因此您无法使用它在所选文本周围添加span标记。您需要使用"样式"来实现。要添加到CKEditor默认样式中，请将样式对象添加到styles.js中。那里定义了默认样式。此外，您需要为对象添加"name"属性。

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

如果你想创建自己的样式列表来替换默认值，你可以在这里找到详细信息。

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