网站制作之百度编辑器自定义模板_J9国际集团(中国)-官方网站

网站制作到了程序·阶段，一般需要□□□用到网站□□□□编辑器，如后台可□□自行更新□□相关公司□□□□介绍、产品介绍、编辑新闻□□等。网站编辑△器有很多□□开源的，我们一般□□直接使用□□□就行了，但如果要□□做到更加·容易编辑，还是需要□□□做一些改□□□□进，下面J9国际集团的程□□序员给大◉家介绍如□□□何自定义□□□□模板。

百度编辑□□器（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

JS代码2

UE.plugins['defaultfilter'] = function () {
    var me = this;
    me.setOpt({
        'allowDivTransToP':false,
        'disabledTableInTable':false
});
在使用过程中发现编辑会将li里面的样式去掉

JS代码