-
块级样式（Block-level styles）-作为整体应用于文本块（段落），不限于文本选择。应用于下面的元素：address, div, h1, h2, h3, h4, h5, h6, p, 和 pre。
-
对象样式（Object styles）- 用于特殊的可选择的对象（不是文本的），不论何时只要你的浏览器支持这样的选择。应用于下面的元素：a, embed, hr, img, li, object, ol, table, td, tr 和 ul。
-
内联样式（Inline styles ）- 应用于文本选择，其样式规则所使用的元素没有在其它样式类型中定义。
样式单解析器插件（Stylesheet Parser Plugin）
存在另一种简化的方法，用于定制在CKEditor中生成文档的样式，用外部CSS样式单文件中添加的样式定义来填充下拉清单。
样式单解析器插件允许使用现有的CSS样式，而不必按上面给出的格式专门为CKEditor定义样式。
安装完样式单解析器后，需要使用 contentsCss配置设置，提供含有样式定义的CSS文件的位置：
最后，如果你想跳过加载CKEditor 缺省使用的样式，可以将stylesSet设置为空值：
config.contentsCss = 'sample_CSS_file.css';
这种解决方法使得可以配置编辑器使用现有的CSS样式单规则，而不需要为CKEditor生成单独的样式定义。另一方面，前面使用的方法提供了对用户可以使用样式的更多控制，因此，两种方法可以按需要互换使用。
选择CSS选择器
可以细调此插件，以使只考虑与stylesheetParser_validSelectors配置值相匹配的CSS选择器。默认的正则表达式接受 element.class形式的所有CSS规则，但可以修改它，以引用有限的元素集，如下面的例子：
// Only add rules for <p> and <span> elements.（仅为<p>和<span>元素增加规则 config.stylesheetParser_validSelectors = /\^(p|span)\.\w+/;
限制CSS选择器
通过设置stylesheetParser_skipSelectors的配置值，也可以进行定制。那么，该插件将会角力忽略与正则表达式相匹配的CSS规则，不会在下拉列表中显示它们，也不会使用它们输出文档内容。默认值不包括为<body>的所有元素和为非具体元素定义的类，但可以修改它，以忽略更广泛的元素集，如下例：
// Ignore rules for <body> and <caption> elements, classes starting with "high", and any class defined for no specific element.（忽略<body>和<caption>元素、以“high”开头的类，以及为非具体元素定义的类的规则）
config.stylesheetParser_skipSelectors = /(^body\.|^caption\.|\.high|^\.)/i;
内容版权声明：除非注明，否则皆为本站原创文章。