Javascript 如何将CSS添加到CKEDITOR？

CKEDITOR用于在站点上添加新闻

我想在文本编辑器的部分中添加类，并像在站点上一样查看此文本

这是我写的

在plugins/styles/styles/default.js中

CKEDITOR.stylesSet.add(
'default',
[
    {
        name:'style',
        element:'span',
        attributes: { 'class': 'test' }
    }
    ]);

config.js

CKEDITOR.editorConfig = function( config )
{
  config.contentsCss = '/tpl/index/css/main.css';
  config.bodyClass = 'test';
}

main.css

test {
    font-size: 30px;
}

所以我想突出显示文本并将class='test'设置为该文本。 但是它不起作用。

也许你想要

.test {
    font-size: 30px;
}

---

我想设置一些类来突出显示文本。例如“test”和在编辑器中使用文本30px。main.css的内容为带有“test”标记的元素定义了一个规则，因此我建议您对其进行修复，以便它真正适用于带有类“test”的元素。抱歉，我没有看到点。非常感谢。