百度编辑器 Ueditor 如何增加模板 ?

简介:

Ueditor 是百度出的开源富文本编辑器,非常符合国人习惯!模板功能很好用,但不能直接自定义,

下面就告诉大家如何增加模板。


查找模板在源代码中的位置:

已经知道其它模板的关键字,比如有:键入文档标题

grep '键入文档标题' -r  dir/ueditor/


结果:

[root@mreald ueditor]#  grep '键入文档标题' -r * 
dialogs/template/config.js:        "html":'[键入文档标题]<


定义自己的模板:

1.先用Ueditor编辑好一个模板

点左上角的HTML 就会出现  html 源代码


2.把模板代码写入模板文件

把上步的源代码整理成一行,替换dialogs/template/config.js 中的第一个空模板内容。比如:

var templates = [
    {
        "pre":"pre0.png",
        'title':lang.blank,
        'preHtml':' 欢迎使用UEditor!


',
 'html':'

 简介: 
 

  这是文章的简单内容,几行字了事~ 


 

 
 

 

 如何Debug源代码: 

 

 

 1. 学习源代码
 

  优秀的源代码是很好的学习资源,可以让你快速成长! 


 

 
 

 

 2. 找出源代码问题
 

  了解架构与设计思想,才能更快的去Debug! 


 

 
 

 

 如何增加插件: 

 

 

 1. 学会安装使用插件
 

  在“开始”选项卡上,通过从快速样式库中为所选文本选择一种外观,还是使用某种直接指定的格式。 


 

 
 

 

 2. 了解插件的开发流程
 

  在“开始”选项卡上,通过从快速样式库中为所选文本选择一种外观,还是使用某种直接指定的格式。 


 

 
 问题: 

 

 
 1. 编译报错Errors
 

  原因: 


 

 
 2. 编译报错Errors
 

  原因: 


 

 

 结束语: 

 


  对于“插入”选项卡上的库,在设计时都充分考虑了其中的项与文档整体外观的协调性。 您可以使用这些库来插入表格、页眉、页脚、列表、封面以及其他文档构建基块。 您创建的图片、图表或关系图也将与当前的文档外观协调一致。 


 

 
 参考资料: 

 

  
  •  

     a 

     
  •  ' 
     
     
        },



    结果:


    百度编辑器 Ueditor 如何增加模板 ?_第1张图片


    原文:百度编辑器 Ueditor 如何增加模板 ?


    你可能感兴趣的:(css)