CKEditor将CSS样式添加到预览和编辑器
CKEditor将CSS样式添加到预览和编辑器
提问于 2010-08-31 18:22:02
是否可以添加CSS来设置编辑器文本和预览的样式？
CMS有一套不同于网站公共部分的CSS文件，我希望编辑器尝试(至少)并反映它在网站上的样子。
例如，类为.floatLeft{float:left;margin:0 10px 10px 0;}的所有标记在编辑器中的外观都相同。
谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2010-08-31 18:45:02
设置CKEDITOR.config.contentsCss变量。CKEDITOR.config.bodyClass和CKEDITOR.config.bodyId也能帮上忙。这些都是你唯一的选择(我认为)。
Stack Overflow用户
发布于 2011-08-01 14:57:11
更准确地说，你可以编辑你的ckeditor/plugins/style/style/default.js并添加类似{ name：'FloatLeft'，element：'span'，attributes：{ 'class‘：'floatleft’}}的文件。
然后，将类声明.floatLeft{float:left；style.css :0 10px 10px 0;}添加到您的ckeditor/contents.css (如果您决定使用编辑器样式)或您自己的浮动中
保存后别忘了清空浏览器缓存:)
尽情享受
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3608084
复制相关文章
相似问题