tinymce富文本编辑器获取内容的字符串长度

 init时要在plugins 和toolbar 中传入 ‘wordcount’，如下。toolbar中传入后，会按照顺序在操作栏顶方显示。

想要在富文本下方展示字符数量，将 statusbar变量给为true即可

import 'tinymce/plugins/wordcount';

 tinymce.init({
                    statusbar: false, // 是否显示底部的状态栏
                    selector: '#iconsdemo2',
                    language:'zh_CN',
                    plugins: 'wordcount print preview searchreplace autolink directionality visualchars fullscreen image link media template code table charmap hr pagebreak nonbreaking anchor insertdatetime advlist lists imagetools textpattern paste emoticons bdmap indent2em autoresize',
                    toolbar: 'wordcount code forecolor backcolor bold italic underline strikethrough link anchor | alignleft aligncenter alignright indent2em lineheight | \
                    bullist numlist | blockquote subscript superscript removeformat | \
                    table image media bdmap emoticons charmap hr pagebreak insertdatetime | fullscreen ',
                    menubar:false,
                    fontsize_formats: '12px 14px 16px 18px 24px 36px 48px 56px 72px',
                    autosave_ask_before_unload: false,
                    toolbar_drawer : false,
                    icons:'ax-color',
                });

 获取内容的字符串长度

    /**
     * 获取富文本中内容长度
     */
    getContentNum() {
      var wordcount = tinymce.activeEditor.plugins.wordcount;
      // 字词数
      const wordCount = wordcount.body.getWordCount();
      // 字数（不含空格）
      const characterCount = wordcount.body.getCharacterCount();
      // 字数
      const characterCountWithoutSpaces = wordcount.body.getCharacterCountWithoutSpaces();
      return {
        wordCount,
        characterCount,
        characterCountWithoutSpaces
      };
    }