javascript - 如何删除 CKEDITOR 中的边框？

Question

我目前正在尝试在我正在创建的网络应用程序中使用 CKEDITOR，我正在使用内联编辑器，只需调用 CKEDITOR.inline('editor') 即可激活该编辑器，并且我已经修改了通过修改 config.js 并添加 config.uiColor = '#ededed'

使内联编辑器的颜色适合我的应用程序

但是，无论我尝试什么，我似乎都无法摆脱内联编辑器周围的边框(如下图所示)。似乎没有它的配置选项。有人有删除内联编辑器周围边框的经验吗？

作为旁注，有谁知道为什么 CKEDITOR Hex->RGB 转换似乎有点损坏？

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

Answer 1

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

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

注意:我是从 Chrome 浏览的，所以我假设此 editor.css 文件中可能还有一些其他 css 条目

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