vue wangeditor 复制网页内容
时间: 2023-11-04 12:05:40 浏览: 192
Vue实现点击复制内容
5星 · 资源好评率100%
根据提供的引用内容,我理解您的问题是关于Vue WangEditor复制网页内容的问题。如果您想要实现复制网页内容并粘贴到富文本编辑器中,可以使用WangEditor提供的粘贴过滤器功能。该功能可以过滤掉粘贴内容中的样式和格式,只保留纯文本内容,从而避免因为复制的样式和格式导致的编辑器显示异常。同时,您也可以使用WangEditor提供的自动上传图片功能,将复制的图片自动上传到服务器并插入到编辑器中。
下面是实现复制网页内容的步骤:
1. 在WangEditor的配置中添加粘贴过滤器功能,代码如下:
```javascript
const editor = new WangEditor('#editor')
editor.config.pasteFilterStyle = true // 过滤粘贴内容中的样式和格式
editor.create()
```
2. 在WangEditor的配置中添加自动上传图片功能,代码如下:
```javascript
const editor = new WangEditor('#editor')
editor.config.uploadImgShowBase64 = true // 将图片转换为base64格式
editor.config.uploadImgServer = '/upload' // 上传图片的服务器地址
editor.config.uploadImgHooks = {
customInsert: function (insertImg, result, editor) {
const url = result.data // 获取上传成功后的图片地址
insertImg(url) // 将图片插入到编辑器中
}
}
editor.create()
```
相关问题:
阅读全文