1. 程式人生 > >為KindEditor編輯器中的內容增加樣式,使得自定義前臺頁面顯示效果與編輯器效果一致

為KindEditor編輯器中的內容增加樣式,使得自定義前臺頁面顯示效果與編輯器效果一致

KindEditor 本身自帶有一定的樣式,且為內部樣式,在使用過程中,難免會發現部分效果不是我們想要的,因此,KindEditor提代了兩種方式供使用著呼叫

1、內部樣式,通過 cssData 屬性,控制內容樣式,如:

K.create('textarea[name=content]',{ cssData :'body { font-size: 14px; }'});
2、外部樣式,通過 cssPath 屬性,控制內容樣式,如:
K.create('textarea[name=content]',{ cssData :'x.css'});
這樣,在寫樣式的時候,我們只需要關注 x.css 檔案裡面的樣式是怎麼寫的就可以了,同時,也可以在前臺頁面中呼叫這個css檔案,以達到前臺顯示效果與編輯器顯示效果一致的目的。