2016-04-05 45 views
1

對於CKeditor,有沒有辦法讓它應用類名而不是樣式?因此,而不是這樣做的:CKEditor:如何將類(而不是內聯樣式)應用於內容

<span style="color: #ffffff;">Text</span> 

它會做:

<span class="white">Text</span> 

簡化更有意義,但除了典型的粗體/斜體/下劃線,我們需要能夠在使用變量SCSS工作表的一致性和多個客戶端。這不是從自定義樣式列表中挑選的東西 - 當用戶點擊現有的工具欄選項時,它需要自動進行。有沒有人管理過這樣的事情?

+1

只需檢查[本教程](http://docs.ckeditor.com/#!/guide/dev_howtos_styles),應該很簡單。 – skobaljic

+0

@skobaljic謝謝你,但正如我對下面的答案所說的,我不想讓人們從列表中選擇一種樣式,我希望當人們點擊工具欄選項時它會自動進行。我正在更新我的原始問題以嘗試澄清。 – Hitokage

+0

您將不得不創建我認爲自己的工具,或編輯現有的工具。每個工具都是獨立文件夾中的插件(查看CKEditor未壓縮的源文件) - 很容易找到文件並編輯它們,這些程序員都很好。 – skobaljic

回答

0

嘗試把這個代碼在config.js文件:

config.stylesSet = [ 
    { name: 'CSS White', element: 'span', attributes: { 'class': 'white' } } 
] 

它會告訴你在你的ceditor的風格選擇領域的「CSS白」選項。

+0

我知道風格選項,但我不希望人們必須選擇風格。我希望當人們在已經存在的工具欄中選擇某些東西時,這些類會自動添加。就像我最初的例子,如果他們選擇上面的顏色,它會做一個類,而不是做內聯風格的十六進制代碼。 – Hitokage

+0

就像使用justifyRight一樣,它添加class justifyRight而不是style =「text-alight:right;」 –

+0

@Hitokage你們有沒有解決過這個問題。希望做同樣的事情。不使用「風格」,但它只是自動使用風格的類而不是內聯。就像tadeusz說的。 –

相關問題