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

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

2013-06-21 Jetson John

使用指定一些新的格式：

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有影响。

来源

2013-06-21 09:07:11 oleq

我应该在哪里放这个代码ckeditor.config.js。我只是把它放在自定义JavaScript配置，但它不工作。你能指定位置吗？ –

有很多地方可以设置。直接创建一个实例（如上），在'config.js'或'customConfig'中。请参阅[docs]（http://docs.ckeditor.com/#!/guide/dev_configuration）以了解更多信息。 – oleq

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

注释掉你不想要的，使用这样的添加新的段落格式的条目：

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

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

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

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

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

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

来源

2013-08-01 18:21:25

建议黑客contrib模块的答案是否确实有5个upvotes？ Streuth。 –

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

回答

相关问题