TinyMCE一键排版布局插件的文件下载及功能使用示例

本文提供说明了TinyMCE一键排版布局插件文件的安装下载及功能使用示例，及默认编辑器的默认样式，这里设置了字体和字体大小、以及默认行高。

提供一键布局排版默认参数字段layout_options 配置参数【Object类型】目前一共4个属性：

style : 一键布局默认样式参数【Object】
filterTags： 【Array】过滤标签，该数组中的标签，一键布局中将会被忽略（默认忽略 ‘table’,‘tbody’,‘td’,‘tr’）
tagsStyle： 单独标签样式处理【Object】
clearStyle: 【Array】清除样式 ，一键布局后 ，数组中的样式将会清除掉。

配置优先级从低到高： style < filterTags < tagsStyle < clearStyle

插件使用方法：

//引入插件
plugins: "layout",
toolbar: ['layout],

//默认编辑器的样式，这里设置了字体和字体大小、以及默认行高
content_style: 'body {font-size: 16px; font-family:微软雅黑;line-height:22px;}',

//一键排版
layout_options: {
        style: {
           'text-align':'justify',
           'text-indent':'2em',
           'line-height':2.2
        },
        filterTags:['table>*','tbody'], //'table，'tbody','td','tr' 将会忽略掉 同时 table>*，忽略table 标签 以及所有子标签
        //clearStyle: ['text-indent'],//text-indent 将会被清除掉
        /*tagsStyle: {
           'table': {
               'line-height': 2,
               'text-align': 'center'
           },
           'table,tbody,tr,td': { //支持并集选择
                'line-height': 2
           },
           'tr>td,table>tbody': { //支持, 精准定位 通过 ' > '
                'line-height': 2,
                'text-align': 'center'
           }
           }*/
},

实际效果如下：

layout插件下载：layout.zip

下载解压后，将文件夹layout放在plugins目录下即可。