为KindEditor编辑器中的内容增加样式,使得自定义前台页面显示效果与编辑器效果一致
生活随笔
收集整理的這篇文章主要介紹了
为KindEditor编辑器中的内容增加样式,使得自定义前台页面显示效果与编辑器效果一致
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
KindEditor 本身自帶有一定的樣式,且為內(nèi)部樣式,在使用過程中,難免會(huì)發(fā)現(xiàn)部分效果不是我們想要的,因此,KindEditor提代了兩種方式供使用著調(diào)用
1、內(nèi)部樣式,通過 cssData 屬性,控制內(nèi)容樣式,如:
K.create('textarea[name=content]', { cssData : 'body { font-size: 14px; }' }); 2、外部樣式,通過 cssPath 屬性,控制內(nèi)容樣式,如: K.create('textarea[name=content]', { cssData : 'x.css' }); 這樣,在寫樣式的時(shí)候,我們只需要關(guān)注 x.css 文件里面的樣式是怎么寫的就可以了,同時(shí),也可以在前臺(tái)頁面中調(diào)用這個(gè)css文件,以達(dá)到前臺(tái)顯示效果與編輯器顯示效果一致的目的。總結(jié)
以上是生活随笔為你收集整理的为KindEditor编辑器中的内容增加样式,使得自定义前台页面显示效果与编辑器效果一致的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: KindEditor使用过程中,用JQ提
- 下一篇: 【一】Drupal 入门之新建主题