Vue3 中使用 tinymce

安装

npm install @tinymce/tinymce-vue

直接使用，script 中

import Editor from '@tinymce/tinymce-vue'

template 中

<editor
       :tinymceScriptSrc="'/js/tinymce/tinymce.min.js'"
          :init="{
            height: 500,
            menubar: false,
            plugins: [
              'advlist autolink lists link image charmap print preview anchor',
              'searchreplace visualblocks code fullscreen',
              'insertdatetime media table paste code help wordcount'
            ],
            toolbar:
              'undo redo | formatselect | bold italic backcolor | \
              alignleft aligncenter alignright alignjustify | \
              bullist numlist outdent indent | removeformat | help'
          }" />

在 https://www.tiny.cloud/get-tiny/ 下载，离线代码 和 多语言文件。把下载的文件放到 /public/ 文件夹中