Question

我无法添加自己的样式，当我在浏览器中重新加载页面时，我的样式也不会添加

    CKEDITOR.addCss('a{color: inherit; text-decoration: none}')

    CKEDITOR.stylesSet.add([{
      name: 'My Custom styles',
      element: 'span',
      styles: {
        'padding': '10px',
        'border-radius': '8px',
        'background-color': '#6950ab',
        'color': '#ffffff!important',
        'display': 'inline-block'
      }
    }])

    CKEDITOR.replace('container');
  </script>```

Answer 1

在经典编辑器（带有工具栏）中，您可以设置config.contentsCss

public class SolutionGeometry {

    public static void calcSiz(Geometry geo){
         System.out.println(geo.size);
    }

    public static void main(String[] args) {    
        Triangle a = new Triangle();
        a.size = 6;
        calcSiz(a);
        Rectangle b = new Rectangle();
        b.size = 6;
        calcSiz(b);
    }
}

abstract class Geometry {
   int size;
   private int color;
}

class Triangle extends Geometry {

}

class Rectangle extends Geometry { 

}

示例：

https://codepen.io/edsonperotoni/pen/JjjvZxz

参考文献：

https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-contentsCss

https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-stylesSet

Answer 2

请在 CKEditor 中为特定用例设置样式时使用以下规则（由 CKEditor 支持共享）：

预览和打印

请通过直接更改 contents.css 文件中的规则或通过使用 CKEDITOR.config.contentsCss 选项 https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-contentsCss 提供不同的文件来更改默认样式

导出到 PDF 插件：

请使用 https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-exportPdf_stylesheets

提供不同的样式

或使用 CKEDITOR.config.contentsCss 选项 https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-contentsCss 更改默认样式或使用 CKEDITOR.addCss() https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR.html#method-addCss 对其进行扩展。

如果您在加载配置中定义的 CSS 文件时遇到问题，可以参考以下链接 - contentsCss： ckeditor - contentsCss not loading custom styles

如何添加自定义样式

2 个答案: