CKEditor 工具栏的自定义 CSS

【问题标题】：Custom CSS for CKEditor toolbarCKEditor 工具栏的自定义 CSS
【发布时间】：2015-02-15 00:11:02
【问题描述】：

如何为 CKEditor（工具栏等）创建自定义样式表并通过配置加载它？

我试过了，但这似乎只改变了编辑器中内容的 CSS，而不是编辑器本身：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：