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插件

vue + tinymce + powerpaste插件

 

 

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

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

缺点:
不能直接复制本地图片到富文本,可以设置拖拽至富文本实现
WPS文字和图片一起复制,图片失效,图片要单独复制,word可以直接复制
上传图片插件不能去掉“普通”直接上传
上一篇:HTML编辑器粘贴图片自动上传到服务器(Java版)


下一篇:2.项目开发