如何將CSS類添加到選定的段落/ Div？

ckeditor中有任何選項通過選擇一個段落來添加一個css類？如何將CSS類添加到選定的段落/ Div？

我的要求，我在外地的一些段落冗長的文字。其中一段我想通過css改變風格。所以爲此，我希望在ckeditor工具欄中有一個選項，可以將css類添加到段落，而不是從源代碼和編輯html。

像目前存在格式下拉列表的選項「正常（DIV）」。我可以在此下拉列表中添加另一個選項，「DIV with class test」，它會添加一個帶有測試css類的div？

2017-01-31 Ahmad

添加樣式集到CKEDITOR配置。但它只能將樣式屬性添加到div而不是class。

CKEDITOR.stylesSet.add('CustomStyle', [ 
    { name : 'TxtDanger', element : ['p','div','h1'], styles : {'color' : 'red' } } 
]); 

CKEDITOR.editorConfig = function(config) { 
    config.stylesSet = 'CustomStyle'; 
};

現在，您可以在ckeditor風格下拉列表中獲得'TxtDanger'風格。但是，'CustomStyle'將取代你的默認ckeditor風格（Paragraph，Heading1,2 ..）。所以首先將所有默認樣式添加到您的'CustomStyle'中。 here默認樣式列表。

來源

2017-02-04 05:37:04

如何將CSS類添加到選定的段落/ Div？

回答

相關問題