11
2019
05

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/post/7247.html

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

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。