如何将CSS添加到CKEDITOR？

Question

CKEDITOR用于在网站上添加新闻。

我想在文本texteditor的部分内容中添加类，并像在网站上一样查看此文本。

我写过这个。

在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'设置为此文本。 但它不起作用。

Answer 1

也许你想要

.test {
    font-size: 30px;
}