如何在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中添加自定義段落格式

回答

相關問題