vue2中使用TinyMCE

发布时间 2023-03-28 17:14:00作者: mm789

背景

 整理使用到的tinymce的富文本,http://tinymce.ax-z.cn/,这个是大佬写的中文文档,如果自己有兴趣的话,可以去看看英文文档。

Tinymce

  由于项目原因,使用的是vue2.x版本,所以我选择使用的是"@tinymce/tinymce-vue": "^3.0.1"和"tinymce": "^5.10.7"。

  我看的是这个https://www.cnblogs.com/huihuihero/p/13877589.html,很详细。

    1.其中格式化的附件,本来想上传附件的,但是好像没有,那就借鉴一下这个把(https://www.cnblogs.com/xxluo/p/16202656.html)

    2.上传视频成功的以后会出现俩个视频的情况,https://www.cnblogs.com/yutianA/p/16550767.html,看下这个重新复制一份在静态文件夹里,改下源码,找到ObjectSelected,改下判断,改成objectType === 'audio' || objectType === 'video' || objectType === 'script'

    3.你要是写在el-dialog弹框里,可能层级不够,加上.tox-tinymce-aux {z-index: 99999999 !important;},随便写几个9都行,看你心情