vue3 + tinymce

相关链接

Using TinyMCE from the Tiny Cloud CDN with the Vue.js framework | TinyMCE Documentation

1. 引入镜像

npm install --save "@tinymce/tinymce-vue@^5"

2. 创建组件

<script setup lang="ts">
import Editor from '@tinymce/tinymce-vue'
import { ref } from 'vue'

// tinymce 中的内容
const content = ref<any>('')

// 编辑器初始化信息
const ediotrInit = {
    selector: 'textarea',
    plugins: 'lists link image table code wordcount',
    toolbar: 'undo redo | blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | align lineheight | checklist numlist bullist indent outdent | removeformat',
}

// 属性值
const props &#