Question

我目前正在尝试在我正在创建的Web应用程序中使用CKEDITOR，我正在使用仅通过调用CKEDITOR.inline('editor')激活的内联编辑器，并且我已修改内联编辑器的颜色以适合我的应用程序修改config.js并添加config.uiColor = '#ededed'

然而无论我尝试什么，我似乎都无法摆脱内联编辑器周围的边框（如下图所示）。它似乎不是一个配置选项。有没有人有任何删除内联编辑器边框的经验？

作为旁注，有谁知道为什么CKEDITOR Hex-＆gt; RGB转换似乎有点破碎？

我希望编辑器的实际十六进制颜色是#f3f3f3但是当加载CKEDITOR时，当它实际上应该是247, 247, 247时，它被转换为243, 243, 243的RGB。使用#ededed会在CKEDITOR中生成243, 243, 243的RGB，即使它应该是237, 237, 237。

Answer 1

我使用了ckeditor.com的检查模式。编辑模块的边框可以通过注释掉以下内容来删除.cke_chrome＆＃39; editor.css中的类位于以下文件夹（http://s1.ckeditor.com/themes/ckeditor4/vendor/ckeditor/4.6.2/skins/moono-lisa/editor.css?t=H0CI）

中

.cke_chrome {
    display: block;
    /* border: 1px solid #d1d1d1; */
    padding: 0;
}

注意：我正在浏览Chrome，因此我假设此editor.css文件中可能还有其他一些css条目

如果这不能帮助您入门，也许这篇文章可以帮助Adding Custom Styles and Classes to your WYSIWYG

你如何删除CKEDITOR中的边界？

1 个答案: