網(wǎng)站制作之百度編輯器自定義模板

網(wǎng)站制作到了程序階段，一般需要用到網(wǎng)站編輯器，如后臺可自行更新相關(guān)公司介紹、產(chǎn)品介紹、編輯新聞等。網(wǎng)站編輯器有很多開源的，我們一般直接使用就行了，但如果要做到更加容易編輯，還是需要做一些改進(jìn)，下面中企動力的程序員給大家介紹如何自定義模板。

　　百度編輯器（ueditor）是一款功能強(qiáng)大的富文本編輯器，其中有一個(gè)模板功能，能幫助我們方便快捷的編輯一些相似內(nèi)容或者格式一樣的內(nèi)容

下面介紹一下怎么自定義我們所需要的模板。（如圖為編輯器模板功能按鈕位置）

　　點(diǎn)擊按鈕，編輯器中已經(jīng)內(nèi)置了幾個(gè)案例

　　找到ueditor\dialogs\template\config.js文件

　　vartemplates=[

　　{

　　pre：pre0.png，

　　'title'：lang.blank，

　　'preHtml'：'pclass=ue_t車輛參數(shù)模板/p'，

　　html：''

　　}，

　　{

　　1.pre：為模板的樣式圖可以在

　　ueditor\dialogs\template\images文件夾中修改添加

　　2.title：模板名稱；可以在ueditor\lang\zh-cn\里進(jìn)行添加修改；

　　3.'preHtml'模板內(nèi)容標(biāo)題介紹：直接輸入對應(yīng)文字即可；

　　4.html模板的代碼內(nèi)容將html代碼壓縮一下復(fù)制進(jìn)去即可；

　　這樣基本完成了模板的設(shè)置，在這個(gè)過程中編輯器會將標(biāo)簽替換掉，需要我們在

　　ueditor\ueditor.all.js里搜索allowDivTransToPdisabledTableInTable將他們改成false

　　UE.plugins['defaultfilter']=function(){

　　varme=this;

　　me.setOpt({

　　'allowDivTransToP'：false，

　　'disabledTableInTable'：false

　　});

　　在使用過程中發(fā)現(xiàn)編輯會將li里面的樣式去掉搜索li.style.cssText(li.style.cssText='');將行代碼注釋掉；

　　這樣基本就完成了模板的自定義；

　　kindeditor也是一款比較好用的富文本編輯器，他的模板自定義和百度的有些不一樣；（功能所在位置）kindeditor\plugins\template\html添加模板文件，這是個(gè)html頁面里面可以寫的內(nèi)容比百度要更豐富在kindeditor\kindeditor.js文件中搜索template.fileList

　　添加模板文件名稱及自定義模板名稱即可；