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

網(wǎng)站制作到了程序階段，一般需要用到網(wǎng)站編輯器，如后臺可自行更新相關(guān)公司介紹、產(chǎn)品介紹、編輯新聞等。網(wǎng)站編輯器有很多開源的，我們一般直接使用就行了，但如果要做到更加容易編輯，還是需要做一些改進(jìn)，下面創(chuàng)新互聯(lián)的程序員給大家介紹如何自定義模板。百度編輯器（ueditor）是一款功能強(qiáng)大的富文本編輯器，其中有一個模板功能，能幫助我們方便快捷的編輯一些相似內(nèi)容或者格式一樣的內(nèi)容下面介紹一下怎么自定義我們所需要的模板。（如圖為編輯器模板功能按鈕位置）

點(diǎn)擊按鈕，編輯器中已經(jīng)內(nèi)置了幾個案例找到ueditor\dialogs\template\config.js文件

var templates = [
{
        "pre":"pre0.png",
         'title':lang.blank,
          'preHtml':'<p class="ue_t">&nbsp;車輛參數(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è)置，在這個過程中編輯器會將標(biāo)簽替換掉，需要我們在ueditor\ueditor.all.js 里搜索allowDivTransToP   disabledTableInTable   將他們改成false

UE.plugins['defaultfilter'] = function () {
    var me = this;
    me.setOpt({
        'allowDivTransToP':false,
        'disabledTableInTable':false
});在使用過程中發(fā)現(xiàn)編輯會將li里面的樣式去掉
搜索li.style.cssText && (li.style.cssText = ''); 將行代碼注釋掉；
這樣基本就完成了模板的自定義；
 kindeditor 也是一款比較好用的富文本編輯器，他的模板自定義和百度的有些不一樣；（功能所在位置）kindeditor\plugins\template\html添加模板文件，這是個html頁面里面可以寫的內(nèi)容比百度要更豐富
在kindeditor\kindeditor.js 文件中  搜索template.fileList
添加模板文件名稱及自定義模板名稱即可；

以上就是關(guān)于網(wǎng)站制作之百度編輯器自定義模板(百度熱搜網(wǎng)站制作)，希望對你有幫助，更多內(nèi)容關(guān)注創(chuàng)新互聯(lián)。

分享標(biāo)題：網(wǎng)站制作之百度編輯器自定義模板(百度熱搜網(wǎng)站制作)
分享URL：http://www.bm7419.com/news24/312474.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計、網(wǎng)站制作、定制開發(fā)、關(guān)鍵詞優(yōu)化、定制網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)