Tinymce富文本设置行高

文章借鉴：https://blog.csdn.net/weixin_44446659/article/details/108142808

官方文档：http://tinymce.ax-z.cn/more-plugins/lineheight.php

前言：项目中有这个需求，然后找到了另外的方法，记录一下

Tinymce 版本5可实现对lineheight的设置

在toolbar中添加属性 styleselect

在初始化init方法中添加：

style_formats: [

    {

            title: "Line Height",

            items: [

              { title: "1", block: "p", styles: { "line-height": "1.0" } },

              { title: "1.5", block: "p", styles: { "line-height": "1.5" } },

              { title: "1.75", block: "p", styles: { "line-height": "1.75" } },

              { title: "2", block: "p", styles: { "line-height": "2" } },

              { title: "3", block: "p", styles: { "line-height": "3" } },

              { title: "4", block: "p", styles: { "line-height": "4" } },

              { title: "5", block: "p", styles: { "line-height": "5" } }

            ]

          }

        ],

        style_formats_merge: true, //设置行高

        style_formats_autohide: true //设置行高

如图：

TinyMCE的removeformat插件会移除文本中的格式，包括字体大小、颜色、字体等。当移除格式时，TinyMCE可能会添加<span>标签以保留原有的语言属性。

如果你希望禁用此功能，可以在初始化TinyMCE编辑器时将"language_is_dirty"选项设置为false。例如：

tinymce.init({

selector: "textarea",

language_is_dirty: false,

plugins: "removeformat"

})

这将确保TinyMCE在移除格式时不会添加<span>标签。

注意：这只会影响TinyMCE的removeformat插件，对于其他插件或功能可能并不适用。

原文参考： https://www.itranslater.com/qa/details/2582890018389885952

最终我选择下面这种方式

 if (newValue == 3) {    //  true     就禁用

        window.tinymce

          .get(this.tinymceId)      //   this.tinymceId   编辑器

          .getBody()

          .setAttribute("contenteditable", false)          //  设置一个属性

        console.log(111)

      } else {                    //  false   开启 

        window.tinymce

          .get(this.tinymceId)

          .getBody()

          .setAttribute("contenteditable",true)

        console.log(222)

      }

清空tinymce编辑器

1、如果当前页面只有一个编辑器：

获取内容：tinyMCE.activeEditor.getContent()

设置内容：tinyMCE.activeEditor.setContent(“需要设置的编辑器内容”)

2、如果当前页面有多个编辑器（下面的“[0]”表示第一个编辑器，以此类推）：

获取内容：tinyMCE.editors[0].getContent()

设置内容：tinyMCE.editors[0].setContent(“需要设置的编辑器内容”)

3、获取不带HTML标记的纯文本内容：

var activeEditor = tinymce.activeEditor

var editBody = activeEditor.getBody()

activeEditor.selection.select(editBody)

var text = activeEditor.selection.getContent( { ‘format’ : ‘text’ } )

取到的 text 即为纯文本内容。

原文参考： https://blog.csdn.net/u012679583/article/details/50505842

---