CKEditor工具栏的自定义CSS

时间:2015-02-15 00:11:02

标签: ckeditor editor wysiwyg

如何为CKEditor(工具栏等)创建自定义样式表并通过配置加载?

我试过这个,但这似乎只改变了编辑器内容的CSS,而不是编辑器本身:

config.contentsCss = '/skins/custom/editor.css';

1 个答案:

答案 0 :(得分:2)

您不必使用CKEditor的配置来自定义工具栏,对话框等。编辑器的UI与DOM ckeditor.js文件位于DOM的同一级别。基本上将样式表放入网页的<head>部分:

<head>
  ...
  <script src="ckeditor.js"></script>
  <link href="/skins/custom/editor.css" rel="stylesheet">
  ...
</head>

请注意specificity of CSS selectors