我目前正在尝试在我正在创建的网络应用程序中使用 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
。
最佳答案
我使用了 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
关于javascript - 如何删除 CKEDITOR 中的边框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42807063/