UEditor前端配置项说明

UEditor 的配置项分为两类:前端配置项 和 后端配置项

后端配置项具体看这个文档L:后端配置项说明

本文档介绍如何通过设置前端配置项,定制编辑器的特性,配置方法主要通过修改ueditor.config.js,另外在编辑器实例化的时候也可以传入配置参数

<span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">var</span><span class="pln" style="color:#ffffff;"> ue </span><span class="pun" style="color:#ffffff;">=</span><span class="pln" style="color:#ffffff;"> UE</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">getEditor</span><span class="pun" style="color:#ffffff;">(</span><span class="str" style="color:#ffa0a0;">'container'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
    toolbars</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">[</span><span class="pln" style="color:#ffffff;">
        </span><span class="pun" style="color:#ffffff;">[</span><span class="str" style="color:#ffa0a0;">'fullscreen'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'source'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'undo'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'redo'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'bold'</span><span class="pun" style="color:#ffffff;">]</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">],</span><span class="pln" style="color:#ffffff;">
    autoHeightEnabled</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">true</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
    autoFloatEnabled</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">true</span><span class="pln" style="color:#ffffff;">
</span><span class="pun" style="color:#ffffff;">});</span>

读取配置项

读取配置项可以通过getOpt方法读取

<span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">var</span><span class="pln" style="color:#ffffff;"> lang </span><span class="pun" style="color:#ffffff;">=</span><span class="pln" style="color:#ffffff;"> ue</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">getOpt</span><span class="pun" style="color:#ffffff;">(</span><span class="str" style="color:#ffa0a0;">'lang'</span><span class="pun" style="color:#ffffff;">);</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//默认返回:zh-cn</span>

前端配置项说明

以下的"URL"是ueditor.config.js文件所在目录

  • UEDITOR_HOME_URL {Path String} [默认值:根据config文件路径自动获取] // 为编辑器实例添加一个路径,这个不能被注释

  • serverUrl {Path String} [默认值:URL + "php/controller.php"] // 服务器统一请求接口路径

  • toolbars {2d Array} //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义

  • labelMap {Object} [默认:从lang包的labelMap项获取] //参数格式是键值对,键名对应toolbar参数的项:{"bold": "加粗"} ],当鼠标放在工具栏上时显示的tooltip提示,留空支持自动多语言配置,否则以配置值为准

  • lang {String} [默认值:"zh-cn"] //lang值也可以通过自动获取 (navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase(),语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换,当然,前提条件是lang文件夹下存在对应的语言文件:

  • langPath {Path String} [默认值:URL +"lang/"] //语言包文件存放目录

  • theme {String} [默认值:'default'] //主题配置项,默认是default。有需要的话也可以使用如下这样的方式来自动多主题切换,当然,前提条件是themes文件夹下存在对应的主题文件:

  • themePath {Path String} [默认值:URL +"themes/"] //现有如下皮肤:default

  • zIndex {Number} [默认值:900] //编辑器在页面上的z-index层级的基数,默认是900

  • charset {String} [默认值:"utf-8"] //针对getAllHtml方法,会在对应的head标签中增加该编码设置。

  • customDomain {Boolean} [默认值:false] //若实例化编辑器的页面手动修改的domain,此处需要设置为true

  • isShow {Boolean} [默认值:true] //默认显示编辑器

  • textarea {String} [默认值:'editorValue'] // 提交表单时,服务器获取编辑器提交内容的所用的参数,多实例时可以给容器name属性,会将name给定的值最为每个实例的键值,不用每次实例化的时候都设置这个值

  • initialContent {String} [默认值:'欢迎使用ueditor!'] //初始化编辑器的内容,也可以通过textarea/script给值,看官网例子

  • autoClearinitialContent {Boolean} [默认值:true] //是否自动清除编辑器初始内容,注意:如果focus属性设置为true,这个也为真,那么编辑器一上来就会触发导致初始化的内容看不到了

  • focus {Boolean} [默认值:false] //初始化时,是否让编辑器获得焦点true或false

  • initialStyle {String} [默认值:'p{line-height:1em}']//编辑器层级的基数,可以用来改变字体等 //如果自定义,最好给p标签如下的行高,要不输入中文时,会有跳动感

  • iframeCssUrl {Path String} [默认值:URL + '/themes/iframe.css'] //给编辑器内部引入一个css文件

  • indentValue {String} [默认值:'2em'] //首行缩进距离,默认是2em

  • initialFrameWidth {Number} [默认值:1000] //初始化编辑器宽度,默认1000

  • initialFrameHeight {Number} [默认值:320] //初始化编辑器高度,默认320

  • readonly {Boolean} [默认值:false] //编辑器初始化结束后,编辑区域是否是只读的,默认是false

  • autoClearEmptyNode {Boolean} [默认值:true] //getContent时,是否删除空的inlineElement节点(包括嵌套的情况)

  • enableAutoSave {Boolean} [默认值:true] //启用自动保存

  • saveInterval {Number} [默认值:500] //自动保存间隔时间,单位ms

  • imageScaleEnabled {Boolean} [默认值:true] //启用图片拉伸缩放

  • fullscreen {Boolean} [默认值:false] //是否开启初始化时即全屏,默认关闭

  • imagePopup {Boolean} [默认值:true] //图片操作的浮层开关,默认打开

  • autoSyncData {Boolean} [默认值:true] //自动同步编辑器要提交的数据

  • emotionLocalization {Boolean} [默认值:false] //是否开启表情本地化,默认关闭。若要开启请确保emotion文件夹下包含官网提供的images表情文件夹

  • retainOnlyLabelPasted {Boolean} [默认值:false] //粘贴只保留标签,去除标签所有属性

  • pasteplain {Boolean} [默认值:false] //是否默认为纯文本粘贴。false为不使用纯文本粘贴,true为使用纯文本粘贴

  • filterTxtRules {Object} //纯文本粘贴模式下的过滤规则

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">function</span><span class="pun" style="color:#ffffff;">()</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">function</span><span class="pln" style="color:#ffffff;"> transP</span><span class="pun" style="color:#ffffff;">(</span><span class="pln" style="color:#ffffff;">node</span><span class="pun" style="color:#ffffff;">)</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
            node</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">tagName </span><span class="pun" style="color:#ffffff;">=</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'p'</span><span class="pun" style="color:#ffffff;">;</span><span class="pln" style="color:#ffffff;">
            node</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">setStyle</span><span class="pun" style="color:#ffffff;">();</span><span class="pln" style="color:#ffffff;">
        </span><span class="pun" style="color:#ffffff;">}</span><span class="pln" style="color:#ffffff;">
        </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">return</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
            </span><span class="com" style="color:#87ceeb;">//直接删除及其字节点内容</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'-'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'script style object iframe embed input select'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'p'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
                $</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{}</span><span class="pln" style="color:#ffffff;">
            </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'br'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
                $</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{}</span><span class="pln" style="color:#ffffff;">
            </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'div'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
                </span><span class="str" style="color:#ffa0a0;">'$'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{}</span><span class="pln" style="color:#ffffff;">
            </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'li'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
                </span><span class="str" style="color:#ffa0a0;">'$'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{}</span><span class="pln" style="color:#ffffff;">
            </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'caption'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> transP</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'th'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> transP</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'tr'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> transP</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'h1'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> transP</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'h2'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> transP</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'h3'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> transP</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'h4'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> transP</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'h5'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> transP</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'h6'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> transP</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            </span><span class="str" style="color:#ffa0a0;">'td'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">function</span><span class="pun" style="color:#ffffff;">(</span><span class="pln" style="color:#ffffff;">node</span><span class="pun" style="color:#ffffff;">)</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
                </span><span class="com" style="color:#87ceeb;">//没有内容的td直接删掉</span><span class="pln" style="color:#ffffff;">
                </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">var</span><span class="pln" style="color:#ffffff;"> txt </span><span class="pun" style="color:#ffffff;">=</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">!!</span><span class="pln" style="color:#ffffff;"> node</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">innerText</span><span class="pun" style="color:#ffffff;">();</span><span class="pln" style="color:#ffffff;">
                </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">if</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">(</span><span class="pln" style="color:#ffffff;">txt</span><span class="pun" style="color:#ffffff;">)</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
                    node</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">parentNode</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">insertAfter</span><span class="pun" style="color:#ffffff;">(</span><span class="pln" style="color:#ffffff;">UE</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">uNode</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">createText</span><span class="pun" style="color:#ffffff;">(</span><span class="str" style="color:#ffa0a0;">'    '</span><span class="pun" style="color:#ffffff;">),</span><span class="pln" style="color:#ffffff;"> node</span><span class="pun" style="color:#ffffff;">);</span><span class="pln" style="color:#ffffff;">
                </span><span class="pun" style="color:#ffffff;">}</span><span class="pln" style="color:#ffffff;">
                node</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">parentNode</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">removeChild</span><span class="pun" style="color:#ffffff;">(</span><span class="pln" style="color:#ffffff;">node</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> node</span><span class="pun" style="color:#ffffff;">.</span><span class="pln" style="color:#ffffff;">innerText</span><span class="pun" style="color:#ffffff;">())</span><span class="pln" style="color:#ffffff;">
            </span><span class="pun" style="color:#ffffff;">}</span><span class="pln" style="color:#ffffff;">
        </span><span class="pun" style="color:#ffffff;">}</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">}()</span>

  • allHtmlEnabled [默认值:false] //提交到后台的数据是否包含整个html字符串

  • insertorderedlist //有序列表的下拉配置,值留空时支持多语言自动识别,若配置值,则以此值为准

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
    </span><span class="com" style="color:#87ceeb;">//自定的样式</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'num'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'1,2,3...'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'num1'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'1),2),3)...'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'num2'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'(1),(2),(3)...'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'cn'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'一,二,三....'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'cn1'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'一),二),三)....'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'cn2'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'(一),(二),(三)....'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
    </span><span class="com" style="color:#87ceeb;">//系统自带</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'decimal'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'1,2,3...'</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'lower-alpha'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">// 'a,b,c...'</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'lower-roman'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//'i,ii,iii...'</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'upper-alpha'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//'A,B,C'</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'upper-roman'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//'I,II,III...'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">}</span>

  • insertunorderedlist //无序列表的下拉配置,值留空时支持多语言自动识别,若配置值,则以此值为准

    <span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//自定的样式</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'dash'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'— 破折号'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//-破折号</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'dot'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">' 。 小圆圈'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//系统自带</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'circle'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">// '○ 小圆圈'</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'disc'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">// '● 小圆点'</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'square'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//'■ 小方块'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">}]</span>
    `

  • listDefaultPaddingLeft [默认值:'30'//默认的左边缩进的基数倍

  • listiconpath [默认值:'http://bs.baidu.com/listicon/']//自定义标号的路径
  • maxListLevel [默认值:3] //限制可以tab的级数, 设置-1为不限制

  • autoTransWordToList [默认值:false] //禁止word中粘贴进来的列表自动变成列表标签

  • fontfamily //字体设置 label留空支持多语言自动切换,若配置,则以配置值为准

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">[{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'songti'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'宋体,SimSun'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'kaiti'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'楷体,楷体_GB2312, SimKai'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'yahei'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'微软雅黑,Microsoft YaHei'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'heiti'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'黑体, SimHei'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'lishu'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'隶书, SimLi'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'andaleMono'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'andale mono'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'arial'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'arial, helvetica,sans-serif'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'arialBlack'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'arial black,avant garde'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'comicSansMs'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'comic sans ms'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'impact'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'impact,chicago'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'timesNewRoman'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        val</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'times new roman'</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">}]</span>

  • fontsize {Array} //字号

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">[</span><span class="lit" style="color:#cd5c5c;">10</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="lit" style="color:#cd5c5c;">11</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="lit" style="color:#cd5c5c;">12</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="lit" style="color:#cd5c5c;">14</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="lit" style="color:#cd5c5c;">16</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="lit" style="color:#cd5c5c;">18</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="lit" style="color:#cd5c5c;">20</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="lit" style="color:#cd5c5c;">24</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="lit" style="color:#cd5c5c;">36</span><span class="pun" style="color:#ffffff;">]</span>

  • paragraph {Object} //段落格式 值留空时支持多语言自动识别,若配置,则以配置值为准

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'p'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'h1'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'h2'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'h3'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'h4'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'h5'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'h6'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">}</span>

  • rowspacingtop {Array} //段间距 值和显示的名字相同

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">[</span><span class="str" style="color:#ffa0a0;">'5'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'10'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'15'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'20'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'25'</span><span class="pun" style="color:#ffffff;">]</span>

  • rowspacingbottom //段间距 值和显示的名字相同

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">[</span><span class="str" style="color:#ffa0a0;">'5'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'10'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'15'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'20'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'25'</span><span class="pun" style="color:#ffffff;">]</span>

  • lineheight [默认值:['1', '1.5','1.75','2', '3', '4', '5'] ] //行内间距 值和显示的名字相同

  • customstyle [Array] //自定义样式,不支持国际化,此处配置值即可最后显示值block的元素是依据设置段落的逻辑设置的,inline的元素依据BIU的逻辑设置,尽量使用一些常用的标签

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">[{</span><span class="pln" style="color:#ffffff;">
            tag</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'h1'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//tag 使用的标签名字</span><span class="pln" style="color:#ffffff;">
            name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'tc'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//</span><span class="pln" style="color:#ffffff;">
            label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//label 显示的名字也是用来标识不同类型的标识符,注意这个值每个要不同</span><span class="pln" style="color:#ffffff;">
            style</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//style 添加的样式</span><span class="pln" style="color:#ffffff;">
        </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//每一个对象就是一个自定义的样式</span><span class="pln" style="color:#ffffff;">
        </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
            tag</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'h1'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'tl'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            style</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'border-bottom:#ccc 2px solid;padding:0 4px 0 0;margin:0 0 10px 0;'</span><span class="pln" style="color:#ffffff;">
        </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
            tag</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'span'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'im'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            style</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'font-style:italic;font-weight:bold'</span><span class="pln" style="color:#ffffff;">
        </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
            tag</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'span'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            name</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'hi'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
            style</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'font-style:italic;font-weight:bold;color:rgb(51, 153, 204)'</span><span class="pln" style="color:#ffffff;">
        </span><span class="pun" style="color:#ffffff;">}</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">]</span>

  • enableContextMenu {Boolean} [默认值:true] //打开右键菜单功能

  • contextMenu {Object} //右键菜单的内容,可以参考plugins/contextmenu.js里边的默认菜单的例子,label留空支持国际化,否则以此配置为准

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">[{</span><span class="pln" style="color:#ffffff;">
        label</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">''</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//显示的名称</span><span class="pln" style="color:#ffffff;">
        cmdName</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'selectall'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//执行的command命令,当点击这个右键菜单时</span><span class="pln" style="color:#ffffff;">
        exec</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">function</span><span class="pun" style="color:#ffffff;">()</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//exec可选,有了exec就会在点击时执行这个function,优先级高于cmdName</span><span class="pln" style="color:#ffffff;">
            </span><span class="com" style="color:#87ceeb;">//this是当前编辑器的实例</span><span class="pln" style="color:#ffffff;">
            </span><span class="com" style="color:#87ceeb;">//this.ui._dialogs['inserttableDialog'].open();</span><span class="pln" style="color:#ffffff;">
        </span><span class="pun" style="color:#ffffff;">}</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">}]</span>

  • shortcutMenu {Array} //快捷菜单

    <span class="com" style="color:#87ceeb;">//默认值</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">[</span><span class="str" style="color:#ffa0a0;">"fontfamily"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"fontsize"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"bold"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"italic"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"underline"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"forecolor"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"backcolor"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"insertorderedlist"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"insertunorderedlist"</span><span class="pun" style="color:#ffffff;">]</span>

  • elementPathEnabled {Boolean} [默认值:true] //是否启用元素路径,默认是显示

  • wordCount {Boolean} [默认值:true] //是否开启字数统计

  • maximumWords {Number} [默认值:10000] //允许的最大字符数
  • wordCountMsg {String} [默认值:] //当前已输入 {#count} 个字符,您还可以输入{#leave} 个字符,字数统计提示,{#count}代表当前字数,{#leave}代表还可以输入多少字符数,留空支持多语言自动切换,否则按此配置显示
    <span class="pln" style="color:#ffffff;">\\</span><span class="pun" style="color:#ffffff;">默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'当前已输入{#count}个字符, 您还可以输入{#leave}个字符。 '</span>
  • wordOverFlowMsg {String} [默认值:] //超出字数限制提示 留空支持多语言自动切换,否则按此配置显示

    <span class="pln" style="color:#ffffff;">\\</span><span class="pun" style="color:#ffffff;">默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'<span style="color:red;">你输入的字符个数已经超出最大允许值,服务器可能会拒绝保存!</span>'</span>

  • tabSize {Number} [默认值:4] //点击tab键时移动的距离,tabSize倍数,tabNode什么字符做为单位

  • tabNode {String} [默认值:'&nbsp;']

  • removeFormatTags //清除格式时可以删除的标签和属性

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="str" style="color:#ffa0a0;">'b,big,code,del,dfn,em,font,i,ins,kbd,q,samp,small,span,strike,strong,sub,sup,tt,u,var'</span>

  • removeFormatAttributes [默认值:'class,style,lang,width,height,align,hspace,valign'

  • maxUndoCount {Number} [默认值:20] //undo操作,可以最多回退的次数,默认20

  • maxInputCount {Number} [默认值:1] //undo操作,当输入的字符数超过该值时,保存一次现场

  • autoHeightEnabled {Boolean} [默认值:true] //是否自动长高,默认true

  • scaleEnabled {Boolean} [默认值:false] //是否可以拉伸长高,默认true(当开启时,自动长高失效)

  • minFrameWidth {Number} [默认值:800] //编辑器拖动时最小宽度,默认800
  • minFrameHeight {Number} [默认值:220] //编辑器拖动时最小高度,默认220

  • autoFloatEnabled [默认值:true] //是否保持toolbar的位置不动,默认true

  • topOffset [默认值:30] //浮动时工具栏距离浏览器顶部的高度,用于某些具有固定头部的页面

  • toolbarTopOffset [默认值:400] //编辑器底部距离工具栏高度(如果参数大于等于编辑器高度,则设置无效)

  • pageBreakTag [默认值:'ueditorpagebreaktag'] //分页标识符,默认是ueditorpagebreaktag

  • autotypeset {Object} //自动排版参数 默认值:

    <span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        mergeEmptyline</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">true</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//合并空行</span><span class="pln" style="color:#ffffff;">
        removeClass</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">true</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//去掉冗余的class</span><span class="pln" style="color:#ffffff;">
        removeEmptyline</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">false</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//去掉空行</span><span class="pln" style="color:#ffffff;">
        textAlign</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">"left"</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//段落的排版方式,可以是 left,right,center,justify 去掉这个属性表示不执行排版</span><span class="pln" style="color:#ffffff;">
        imageBlockLine</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'center'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//图片的浮动方式,独占一行剧中,左右浮动,默认: center,left,right,none 去掉这个属性表示不执行排版</span><span class="pln" style="color:#ffffff;">
        pasteFilter</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">false</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//根据规则过滤没事粘贴进来的内容</span><span class="pln" style="color:#ffffff;">
        clearFontSize</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">false</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//去掉所有的内嵌字号,使用编辑器默认的字号</span><span class="pln" style="color:#ffffff;">
        clearFontFamily</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">false</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//去掉所有的内嵌字体,使用编辑器默认的字体</span><span class="pln" style="color:#ffffff;">
        removeEmptyNode</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">false</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">// 去掉空节点</span><span class="pln" style="color:#ffffff;">
        </span><span class="com" style="color:#87ceeb;">//可以去掉的标签</span><span class="pln" style="color:#ffffff;">
        removeTagNames</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="pun" style="color:#ffffff;">{标签名字:</span><span class="pln" style="color:#ffffff;"> </span><span class="lit" style="color:#cd5c5c;">1</span><span class="pln" style="color:#ffffff;">
        </span><span class="pun" style="color:#ffffff;">},</span><span class="pln" style="color:#ffffff;">
        indent</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">false</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">// 行首缩进</span><span class="pln" style="color:#ffffff;">
        indentValue</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'2em'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;"> </span><span class="com" style="color:#87ceeb;">//行首缩进的大小</span><span class="pln" style="color:#ffffff;">
        bdc2sb</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">false</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
        tobdc</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="kwd" style="color:#f0e68c;FONT-WEIGHT: bold">false</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">}</span>

  • tableDragable {Boolean} [默认值:true] //表格是否可以拖拽

  • disabledTableInTable {Boolean} [默认值:true] //禁止表格嵌套

  • sourceEditor {String} [默认值:"codemirror"] //源码的查看方式,codemirror是代码高亮,textarea是文本框,默认是codemirror,注意默认codemirror只能在ie8+和非ie中使用

  • codeMirrorJsUrl {Path String} [默认值:URL + "third-party/codemirror/codemirror.js"] //如果sourceEditor是codemirror需要配置这项,codeMirror js加载的路径

  • codeMirrorCssUrl {Path String} [默认值:URL + "third-party/codemirror/codemirror.css"] //如果sourceEditor是codemirror需要配置这项,codeMirror css加载的路径

  • sourceEditorFirst {String} [默认值:false] //编辑器初始化完成后是否进入源码模式,默认为否。

  • iframeUrlMap {Object} //dialog内容的路径 ~会被替换成URL,垓属性一旦打开,将覆盖所有的dialog的默认路径

    <span class="com" style="color:#87ceeb;">//默认值:</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">{</span><span class="pln" style="color:#ffffff;">
        </span><span class="str" style="color:#ffa0a0;">'anchor'</span><span class="pun" style="color:#ffffff;">:</span><span class="pln" style="color:#ffffff;"> </span><span class="str" style="color:#ffa0a0;">'~/dialogs/anchor/anchor.html'</span><span class="pun" style="color:#ffffff;">,</span><span class="pln" style="color:#ffffff;">
    </span><span class="pun" style="color:#ffffff;">}</span>

  • webAppKey {String} //webAppKey 百度应用的APIkey,每个站长必须首先去百度官网注册一个key后方能正常使用app功能,注册介绍,http://app.baidu.com/static/cms/getapikey.html

  • allowDivTransToP {Boolean} 默认会将外部进入的html数据中的Div标签转换成P标签,外部进入的数据包括粘贴和调用setContent接口进入编辑器的数据。如果设置成false将不在做这个转换。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值