vue3使用tinymce富文本编辑器默认是只读的，除了全屏的功能

在 Vue3 中使用 TinyMCE 富文本编辑器作为默认只读状态，可以按照以下步骤来处理：

1. 安装 TinyMCE 和 Vue-TinyMCE 插件：
首先，在你的项目中安装TinyMCE库及其Vue集成插件：

   npm install @tinymce/tinymce-vue tinymce

2. 初始化 TinyMCE 并设置为只读模式：
在组件的 `mounted()` 或者适当生命周期钩子里，配置TinyMCE实例并将其设置为只读模式：

   import { createTinymce } from '@tinymce/tinymce-vue'

   export default {
     setup() {
       const tinymceOptions = {
         readonly: true,
         selector: 'textarea', // 或者选择元素的ID或class
         plugins: ['advlist autolink lists link image charmap print preview hr anchor pagebreak',
                   'searchreplace wordcount visualblocks visualchars code fullscreen'], // 可选插件
       }
       
       const editor = createTinymce(tinymceOptions)

       return { editor }
     },
   }

这样，创建的TinyMCE实例会在初始化时就是只读模式。

3. 全屏功能：
要启用全屏功能，可以在TinyMCE的配置里添加`fullscreen`插件，并提供一个触发全屏的事件，例如：

   tinymceOptions.plugins.push('fullscreen')
   
   // 当点击某个按钮时切换到全屏
   methods: {
     toggleFullScreen() {
       if (editor?.isFullscreen()) {
         editor.exit fullscreen()
       } else {
         editor fullscreen(true)
       }
     },
   }

然后你可以创建一个按钮，绑定了`toggleFullScreen`方法，用户点击时就可以进入或退出全屏。