Ueditor增加模板的方法

Ueditor是由百度web前端研发部开发所见即所得的编辑器，具有轻量，可定制，注重用户体验等特点。Ueditor基于BSD开源协议，除了具有代码精简、加载迅速的轻量级特质外，还采用了分层理念，使开发者可以根据实际应用和需求自由定制。 

Ueditor编辑器划分为了三层架构。其中，核心层为开发者提供了诸如range、selection、domUtils类的底层API接口，中间的命令插件层不仅提供了大量的基础command，还允许开发者基于核心层进行command命令的开发，而面向用户端的界面层则可以提供自由定制的用户交互界面。Ueditor开源编辑器这种拥有可配性的模式，令开发者能够根据自身需要接入任何一层进行开发。

官网：http://ueditor.baidu.com/website/

定义自己的模板：

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

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

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

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

var templates = [

    {

        "pre":"pre0.png",

        'title':lang.blank,

        'preHtml':'<p class="ue_t">&nbsp;欢迎使用UEditor！</p>',

 'html':'<p></p>' 

    },

3、

关于templates里面相关属性说明

（1）pre：模板选择时候的预览图，可自定义。

（2）title：模板预览时候显示的title，默认在lang\zh-cn文件里面，

（3）preHtml：显示的模板内容，可自定义编辑内容

4、添加多个模板，添加的时候直接从模板中生成内容

5、添加以后，在编辑器工具栏，点击模板选项，选择相应的模板，确定并运用。

6、

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知