tinymce 富文本编辑 的问题请教

Question

版本:
  "tinymce": "^6.6.2",
  "@tinymce/tinymce-vue": "^5.1.0",


fullscreen可以切换全屏,
问题是在切换至全屏后,我需要加工具栏的数量, 即需要修改editorOptions  中的   toolbar  和 menubar 这两参数,怎么实现?


 <Editor v-model="item.content"   :init="editorOptions" />

import Editor from "@tinymce/tinymce-vue";
const editorOptions = {
    ...
    toolbar: ['fontsize bold  alignleft aligncenter forecolor fullscreen'],
    plugins:'fullscreen',
    ...

  
}
现在钱包里的 余额不能打赏?

Answer 1

加个Id

TinyMCE Vue.js integration technical reference | TinyMCE Documentation Technical reference for the TinyMCE Vue.js integration https://www.tiny.cloud/docs/tinymce/6/vue-ref/#id

然后tinymce.get('ID').editor.ui.registry增加新按钮试试，居于tinymce编辑器，调用对应的api就行

tinymce.editor.ui.Registry | TinyMCE Documentation TinyMCE UI registration API. https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.editor.ui.registry/