网站制造到了法式阶段,普通需要用到网站编纂器,如配景可自行更新相干公司引见、产品引见、编纂旧事等。网站编纂器有良多开源的,我们普通直策应用就行了,但如果要做到更加等闲编纂,照样需要做一些改进,下面方维汇集的法式员给大家引见若何自界说模板。
百度编纂器(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代码紧缩一下复制出来便可;
如许基本完成了模板的设置,在这个历程中编纂器会将标签替换掉,需要我们在
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
增加模板文件称号及自界说模板称号便可;