vue + tinymce + powerpaste插件

Posted Yseraaa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue + tinymce + powerpaste插件相关的知识,希望对你有一定的参考价值。

1. 开发版本

  vue:2.6.11

  vue-cli:4.5.0

  tinymce:5.7.0

  @tinymce/tinymce-vue:3.2.0

  powerpaste:4.0.1-317

2. 引入powerpaste插件

 

 

 将powpaste插件放在public/tinymce文件夹下,在tinymce.init({})写上下面两行代码:

external_plugins: {
powerpaste: `/tinymce/plugins/powerpaste/plugin.min.js` // 注意这里路径一定要写对
}
接下来就是在plugin中加上powerpaste,对powerpaste进行一些配置选项,详情请去tinymce官网powerpaste的API

缺点:
不能直接复制本地图片到富文本,可以设置拖拽至富文本实现
WPS文字和图片一起复制,图片失效,图片要单独复制,word可以直接复制
上传图片插件不能去掉“普通”直接上传

以上是关于vue + tinymce + powerpaste插件的主要内容,如果未能解决你的问题,请参考以下文章

富文本编辑器word

KindEditor 完全复制word内容

KindEditor实现WORD粘贴图片自动上传

富文本编辑器复制Word公式上传

富文本框编辑器word复制粘贴图文上传

xhEditor实现ctrl+v粘贴word图片并上传