tinymce 一键排版功能 tpLayout

<script src="https://unpkg.com/tinymce-plugin/plugins/tpLayout/plugin.min.js"></script><!--引入-->

<!-- 使用 -->
<script>
   tinymce.init({
  ...
   plugins: "tpLayout"
   toolbar: "tpLayout"
  ...
 })
</script>

npm i tinymce-plugin 

yarn add tinymce-plugin -D 

 import "tinymce-plugin/plugins/tpLayout/plugin.js";
 tinymce.init({
  ...
   plugins: "tpImportword"
   toolbar: "tpImportword"
  ...
 })

npm i @tinymce-plugin/tp-layout

yarn add @tinymce-plugin/tp-layout -D 

 import "@tinymce-plugin/tp-layout";
 tinymce.init({
  ...
   plugins: "tpLayout"
   toolbar: "tpLayout"
  ...
 })

tinymce.init({
    selector: '#tinydemo',
    plugins: "tpLayout",
    toolbar: "tpLayout",
    tp_layout_options: {
                style: {
                   'text-align':'justify',
                   'text-indent':'2em',
                   'line-height': 1.5
                },
                filterTags：['table>*','tbody'], //'table，'tbody','td','tr' 将会忽略掉 同时 table>*，忽略table 标签 以及所有子标签
                clearStyle: ['text-indent'],//text-indent 将会被清除掉
                tagsStyle: {
                   'table': {
                       'line-height': 3,
                       'text-align': 'center'
                   },
                  'table,tbody,tr,td': { //支持并集选择
                    'line-height': 2
                   },
                   'tr>td,table>tbody': { //支持, 精准定位 通过 ' > '
                    'line-height': 3,
                    'text-align': 'center'
                   }
               }
    }
});