CKEDITOR與自定義工具欄和自定義樣式

Question

我有麻煩配置CKEDITOR有自定義樣式的自定義工具欄。

這是自定義風格的配置，我加入到config.js

CKEDITOR.stylesSet.add('custom_styles', [ 
    { name: 'Text Bolder', element: 'p', attributes: { 'class': 'validate' }} 
]); 

這是我使用的配置工具欄和樣式的代碼和初始化工具欄

var cfg = { 
    toolbar: [ 
    [ 'Source', '-', 'Bold', 'Italic',{ name: 'Styles'}] 
    ], 
    stylesSet: 'custom_styles' 
}; 
/* Inline */ 
CKEDITOR.inline('derecha',cfg); 

的問題與樣式有關，我不知道它們爲什麼顯示爲空

Answer 1

問題出在<p>元素。如果元素是<span>，則前面的代碼有效。我認爲這是因爲內聯編輯器是<p>標籤

CKEDITOR.stylesSet.add('custom_styles', [ 
{ name: 'Text Bolder', element: 'span', attributes: { 'class': 'validate' }} 
]); 
var cfg = { 
    toolbar: [ 
    [ 'Source', '-', 'Bold', 'Italic',{ name: 'Styles'}] 
    ], 
    stylesSet: 'custom_styles' 
}; 
/* Inline */ 
CKEDITOR.inline('derecha',cfg);