網站制作之百度編輯器自定義模板

2023-02-19 分類：網站建設

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

編輯器界面

百度編輯器（ueditor）是一款功能強大的富文本編輯器，其中有一個模板功能，能幫助我們方便快捷的編輯一些相似內容或者格式一樣的內容下面介紹一下怎么自定義我們所需要的模板。（如圖為編輯器模板功能按鈕位置）
點擊按鈕，編輯器中已經內置了幾個案例

配置文件代碼

找到ueditor\dialogs\template\config.js文件
var templates = [
{
"pre":"pre0.png",
'title':lang.blank,
'preHtml':'

車輛參數模板

',
"html":''
},
{
1.pre：為模板的樣式圖可以在
ueditor\dialogs\template\images文件夾中修改添加
2.title：模板名稱；可以在ueditor\lang\zh-cn\ 里進行添加修改；
3.'preHtml' 模板內容標題介紹：直接輸入對應文字即可；
4 ."html" 模板的代碼內容將html代碼壓縮一下復制進去即可；
這樣基本完成了模板的設置，在這個過程中編輯器會將標簽替換掉，需要我們在

JS代碼2