如何將樣式加載到ckeditor中？

如何將樣式表中的樣式加載到ckeditor的樣式列表中？如何將樣式加載到ckeditor中？

可能嗎？

我試圖把這個在config.js文件，但它沒有任何樣式加載到編輯列表

config.extraPlugins = 'stylesheetparser'; 
config.contentsCss = '/css/style.css';

也許我沒有正確的樣式表創建我的風格？有什麼我失蹤？

來源

2012-02-03 user875293

是的，這是可能的。你可以從這個URL

http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Styles

例如找到詳細的信息;

首先，加入「my_styles」 CSS樣式CKEDITOR.stylesSet在插件/風格/ plugin.js

下面的代碼演示瞭如何註冊一個樣本樣式定義。

CKEDITOR.stylesSet.add('my_styles', 
[ 
    // Block-level styles 
    { name : 'Blue Title', element : 'h2', styles : { 'color' : 'Blue' } }, 
    { name : 'Red Title' , element : 'h3', styles : { 'color' : 'Red' } }, 

    // Inline styles 
    { name : 'CSS Style', element : 'span', attributes : { 'class' : 'my_style' } }, 
    { name : 'Marker: Yellow', element : 'span', styles : { 'background-color' : 'Yellow' } } 
]);

定義準備就緒後，必須通過使用stylesSet設置來指示編輯器應用新註冊的樣式。這可能會在config.js文件中設置，例如：

config.js

config.stylesSet = 'my_styles';

來源

2012-02-03 22:03:33 adenizc

後續問題......是否也可以包含對象樣式？ {名稱：'按鈕鏈接'，元素：'a'}似乎沒有出現在我的下拉列表中。 – 2016-03-03 10:15:06

這取決於的style.css文件的內容。樣式表解析插件只使用規則，同時指定一個元素，一個類，所以你可以使用這個：

p.red { color:red; padding:1em }

但這些其他的不會被插件識別（你需要定製）

p {color:red; padding:1em} 
.red {color:red; padding:1em} 
#red {color:red; padding:1em}

來源

2012-02-04 10:28:31 AlfonsoML

如何將樣式加載到ckeditor中？

回答

相關問題