網站制作到了程序階段,一般需要用到網站編輯器,如后臺可自行更新相關公司介紹、產品介紹、編輯新聞等。網站編輯器有很多開源的,我們一般直接使用就行了,但如果要做到更加容易編輯,還是需要做一些改進,下面創新互聯的程序員給大家介紹如何自定義模板。百度編輯器(ueditor)是一款功能強大的富文本編輯器,其中有一個模板功能,能幫助我們方便快捷的編輯一些相似內容或者格式一樣的內容下面介紹一下怎么自定義我們所需要的模板。(如圖為編輯器模板功能按鈕位置)
點擊按鈕,編輯器中已經內置了幾個案例找到ueditor\dialogs\template\config.js文件
var templates = [
{
"pre":"pre0.png",
'title':lang.blank,
'preHtml':'<p class="ue_t"> 車輛參數模板</p>',
"html":''
},
{
1.pre:為模板的樣式圖可以在
ueditor\dialogs\template\images文件夾中修改添加
2.title:模板名稱;可以在ueditor\lang\zh-cn\ 里進行添加修改;
3.'preHtml' 模板內容標題介紹:直接輸入對應文字即可;
4 ."html" 模板的代碼內容 將html代碼壓縮一下復制進去即可;
這樣基本完成了模板的設置,在這個過程中編輯器會將標簽替換掉,需要我們在ueditor\ueditor.all.js 里搜索allowDivTransToP disabledTableInTable 將他們改成false
UE.plugins['defaultfilter'] = function () {
var me = this;
me.setOpt({
'allowDivTransToP':false,
'disabledTableInTable':false
});在使用過程中發現編輯會將li里面的樣式去掉
搜索li.style.cssText && (li.style.cssText = ''); 將行代碼注釋掉;
這樣基本就完成了模板的自定義;
kindeditor 也是一款比較好用的富文本編輯器,他的模板自定義和百度的有些不一樣;(功能所在位置)kindeditor\plugins\template\html添加模板文件,這是個html頁面里面可以寫的內容比百度要更豐富
在kindeditor\kindeditor.js 文件中 搜索template.fileList
添加模板文件名稱及自定義模板名稱即可;
以上就是關于網站制作之百度編輯器自定義模板(百度熱搜網站制作),希望對你有幫助,更多內容關注創新互聯。
分享標題:網站制作之百度編輯器自定義模板(百度熱搜網站制作)
分享URL:http://m.newbst.com/news24/312474.html
成都網站建設公司_創新互聯,為您提供自適應網站、網站設計、網站制作、定制開發、關鍵詞優化、定制網站
廣告
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源:
創新互聯