drupal - 如何在 CKEditor 中添加自定义段落格式

Question

在我的项目中，我需要从下拉列表中删除“地址”和“格式化”之类的段落格式，并添加一个名为“链接”的新自定义格式，它是 Arial、14px、粗体、红色。是否可以在 CKEditor 中添加自定义段落格式？

Answer 1

使用CKEDITOR.config.formatTags指定一些新的格式：

CKEDITOR.replace( 'editor1', {
    format_tags: 'p;h2;h3;pre;links', // entries is displayed in "Paragraph format"
    format_links: {
        name: 'Links',
        element: 'span',
        styles: {
            color: 'red',
            'font-family': 'arial',
            'font-weight': 'bold'
        }
    }
} );

要了解有关样式的更多信息，请参阅CKEDITOR.styleSet的工作原理。另请注意，从 CKEditor 4.1 开始，从“段落格式”中删除样式会对Advanced Content Filter产生影响。

Answer 2

由于您正在使用 Drupal，ckeditor.styles.js因此您正在寻找的文件是，这将允许您在样式菜单中添加/编辑/删除条目。

注释掉您不想要的任何条目，并使用类似这样的东西来添加新的段落格式：

{ name : 'Links', element : 'p', attributes : { 'class' : 'links' } },

这会将 CSS 类添加links到您想要的任何段落中，并且您可以在主题样式表中定义该类。ckeditor.css如果您没有看到 CKEditor 实例中应用的更改，请确保在其中定义类。

或者，您也可以直接应用内联样式：

{ name : 'Links', element : 'p', attributes : { 'style' : 'font: bold 14px Arial, sans-serif; color: red;' } },

但是第一种方法显然更灵活/更干净。

如果您没有立即看到您的更改，请确保清除您的 Drupal 和/或浏览器缓存。