我正在测试CKEditor。
我正在尝试在编辑器中显示,以匹配我的网站 css 样式以显示最终结果。
我正在尝试做的是通过添加类来设置"包装代码"按钮的样式以匹配我网站的 css。
我在手册的这一页上看到,你可以做这样的事情:
config.format_pre = { element: 'pre', attributes: { 'class': 'editorCode' } };
但是,对代码块执行相同的操作,如下所示:
config.format_code = { element: 'code', attributes: { 'class': 'someclass' } };
实际上什么都不做。有人知道我可能错过了什么吗?
我已经在其他元素上测试了它,所以我知道配置文件更改正在被拾取。
一件重要的事情是,通过config.format_tagname
格式化的每个标签也应该包含在config.format_tags
中。但是,这两个设置(config.format_tagname
和config.format_tags
(仅适用于块级元素(如您引用的手册页中所述(。
由于 CKEditor 将code
元素视为内联元素(请参阅 DTD(,因此无法在此处使用此配置。
但是,修改通过样式下拉列表添加的元素的最简单方法是编辑 CKEditor 目录中styles.js
文件。下拉样式基于此文件,因此您可以轻松修改code
元素。您还可以定义自定义stylesSet
。