CKEDITOR,如何调整换行代码显示样式



我正在测试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_tagnameconfig.format_tags(仅适用于块级元素(如您引用的手册页中所述(。

由于 CKEditor 将code元素视为内联元素(请参阅 DTD(,因此无法在此处使用此配置。

但是,修改通过样式下拉列表添加的元素的最简单方法是编辑 CKEditor 目录中styles.js文件。下拉样式基于此文件,因此您可以轻松修改code元素。您还可以定义自定义stylesSet

最新更新