CKEditor的，如何调整包装代码显示的造型

Question

我测试了CKEditor

我试图让显示在编辑器中，以配合我的网站的CSS样式显示最终结果。

我想要做的是风格的“包装代码”按钮来匹配我的网站的CSS，通过添加在类中。

我已经看到了this page of the manual，你可以做这样的东西：

config.format_pre = { element: 'pre', attributes: { 'class': 'editorCode' } }; 

然而，做同样的代码块，像这样：

config.format_code = { element: 'code', attributes: { 'class': 'someclass' } }; 

实际上并没有做任何东西。任何人都有一个指示我可能会失踪？

我测试过它在其他元素上工作，所以我知道配置文件更改正在拾取。

Answer 1

重要的是，通过config.format_tagname格式化的每个标签也应包含在config.format_tags中。但是，这两个设置（config.format_tagname和config.format_tags）仅适用于块级元素（如所引用的manual page中所述）。

由于code元素被CKEditor视为内联元素（请参阅DTD），因此无法在此处使用此配置。

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