如何将CKEditor上的主题/皮肤从光变暗？
如何将CKEditor上的主题/皮肤从光变暗？
提问于 2020-04-12 14:20:24
我使用CKEditor作为我的网站，我试图把所有的元素从光变成一个黑暗模式。
我有过
<script src="//cdn.ckeditor.com/4.8.0/standard/ckeditor.js"></script>
<textarea name="description" rows="100" cols="80" id="description">
......TEXTS......
</textarea>
<script>
CKEDITOR.replace( 'description' );
CKEDITOR.config.height = 500;
</script>我试过了
下载zip，并将其移到我在/js的项目中。
CKEDITOR.replace( 'description', {
skin: 'moonocolor,/js/ckeditor/skins/moono-dark/skin.js',
height : 500
} );这条线
皮肤：‘月色，/js/ckeditor/子囊/月黑/皮肤.js’，
似乎不起作用。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-04-15 10:33:16
转到https://ckeditor.com/cke4/builder选择标准预置，然后选择皮肤月亮暗黑，然后点击下载按钮在末尾。将文件解压缩到/js/文件夹中，只需使用：
<script src="/js/ckeditor/ckeditor.js"></script>
<textarea name="description" rows="100" cols="80" id="description">
</textarea>
<script>
CKEDITOR.replace( 'description' );
</script>不需要使用skin配置选项，因为Moono是设置中唯一的皮肤。
编辑:如果要使用白色文本的黑色背景，请在replace命令之前添加这一行：
CKEDITOR.addCss('.cke_editable { background-color: black; color: white }');或者在ckeditor目录中编辑contents.css并更改body标记的CSS (但是如果您更新ckeditor，则会替换该文件，所以要小心)
或在ckeditor目录中创建一个新文件myfile.css，并对body标记或.cke_editable类进行CSS修改，并将其加载到配置文件中：
config.contentsCss = [CKEDITOR.getUrl('contents.css'), CKEDITOR.getUrl('myfile.css')];EDIT2:要更改边框颜色，必须修改网页CSS，而不是ckeditor，如下所示：
.cke_chrome {
border: 1px solid black !important;
}对于底部栏，我只知道如何完全删除它，但是您不能在这样做之后重新调整ckeditor的大小。将这些行添加到配置文件中：
config.removePlugins = 'elementspath';
config.resize_enabled = false;页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61172866
复制相关文章
相似问题
腾讯云开发者
