CKEditor将CSS样式添加到预览和编辑器

Question

是否可以添加CSS来设置编辑器文本和预览的样式？

CMS具有来自网站公共部分的不同CSS文件集,我希望编辑器(至少)尝试并反映它在网站中的外观.

例如,所有标签的类都为.floatLeft {float:left; margin:0 10px 10px 0;}我想在编辑器中看起来一样.

谢谢.

Answer 1

设置CKEDITOR.config.contentsCss变量. CKEDITOR.config.bodyClass和CKEDITOR.config.bodyId也可以提供帮助.这些只是你有的选择(我认为).

是的,这就是我在寻找`config.contentsCss ='/ css/teenstalessss.css'; config.contentsCss = ['/css/mysitestyles.css','/ css/anotherfile.css'];` (2认同)

Answer 2

更确切地说,您可以编辑ckeditor/plugins/styles/styles/default.js并添加类似{name:'FloatLeft',element:'span',attributes:{'class':'floatleft'}的文件}.

然后你添加到你的ckeditor/contents.css(如果你决定使用编辑器样式)或在你自己的style.css中添加类声明.floatLeft {float:left; margin:0 10px 10px 0;}

保存后别忘了清除浏览器缓存:)

请享用