百度编辑器Ueditor如何增加模板？
简介：
Ueditor 是百度出的开源富⽂本编辑器，⾮常符合国⼈习惯！模板功能很好⽤，但不能直接⾃定义，下⾯就告诉⼤家如何增加模板。
查模板在源代码中的位置：
已经知道其它模板的关键字，⽐如有：键⼊⽂档标题
结果：
定义⾃⼰的模板：
1.先⽤Ueditor 编辑好⼀个模板
点左上⾓的HTML 就会出现  html 源代码
2.把模板代码写⼊模板⽂件
把上步的源代码整理成⼀⾏，替换dialogs/template/config.js 中的第⼀个空模板内容。⽐如：grep  '键⼊⽂档标题'  -r  dir  /ueditor/
[root@mreald ueditor]#  grep '键⼊⽂档标题' -r *
dialogs/template/config.js:        "html":'<h1 class="ue_t" label="Title center" name="tc" ><span >[键⼊⽂档标题]<
var templates = [
{
"pre":"pre0.png",
'title':lang.blank,
'preHtml':'<p class="ue_t"> ；欢迎使⽤UEditor ！</p>',
'html':'<p> <span class="ue_t" >简介：</span>
<br/> </p> <p class="ue_t" > 这是⽂章的简单内容，⼏⾏字了事～ </p> <p> <br/> </p> <p> <span class="ue_t" >如何Debug 源代码:</span> <br/><br/> </p> <p> <span class="ue_t" >1. 学习源代码</span>
<br/> </p> <p class="ue_t" > 优秀的源代码是很好的学习资源，可以让你快速成长！ </p> <p> <br/> </p> <p> <span class="ue_t" >2. 出源代码问题</span>
<br/> </p> <p class="ue_t" > 了解架构与设计思想，才能更快的去Debug ！ </p> <p> <br/> </p> <p> <span class="ue_t" >如何增加插件:</span> <br/><br/> </p> <p> <span class="ue_t" >1. 学会安装使⽤插件</span>
<br/> </p> <p class="ue_t" > 在“开始”选项卡上，通过从快速样式库中为所选⽂本选择⼀种外观，还是使⽤某种直接指定的格式。 </p> <p> <br/> </p> <p> <span class="ue_t" >2. 了解插件的开发流程</span><br/> </p> <p class="ue_t" style="text-indent:2em;font-si
ze: 14px;"> 在“开始”选项卡上，通过从快速样式库中为所选⽂本选择⼀种外观，还是使⽤某种直接指定的格式。
</p> <p> <br/> <span >问题：</span> </p> <p> <br/> <span class="ue_t" >1. 编译报错Errors</span><br/> </p> <p class="ue_t" > 原因： </p> <p> <br/> <span class="ue_t" >2. 编译报错Errors</span>
结果：因： </p> <p> <br/> <span class="ue_t" >2. 编译报错Errors</span>
asp富文本编辑器<br/> </p> <p class="ue_t" > 原因： </p> <p> <br/><br/> <span class="ue_t" >结束语:</span> </p> </p> <p class="ue_t" > 对于“插⼊”选项卡上的库，在设计时都充分考虑了其中的项与⽂档整体外观的协调性。 您可以使⽤这些库来插⼊表格、页眉、页脚、列表、封⾯以及其他⽂档构建基块。 您创建的图⽚、图表或关系图也将与当前的⽂档外观协调⼀致。 </p> <p> <br/> <span class="ue_t" >参考资料:</span> <br/><br/> </p> <ul class=" list-paddingleft-2" > <li> <p> a </p> </li> </ul>'
},

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。