vue 图片复制黏贴上传_Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)...

本文介绍了如何在Vue中使用Quill编辑器,包括安装插件、设置自定义工具栏、处理图片上传及清除复制粘贴的样式。通过before-upload和on-success事件实现图片上传服务,并利用clipboard模块处理粘贴内容的样式。
摘要由CSDN通过智能技术生成

使用教程(注意细看总结部分,写了几点,希望有所帮助):

1、安装插件:npm install vue-quill-editor

2、安装插件依赖:npm install quill

3、main.js文件中引入:

import vue from 'vue'

import vuequilleditor from 'vue-quill-editor'

import 'quill/dist/quill.core.css'

import 'quill/dist/quill.snow.css'

import 'quill/dist/quill.bubble.css'

vue.use(vuequilleditor)

new vue({

vuequilleditor,

render: h => h(app),

}).$mount('#app')

4、vue页面中使用(代码完整,复制就能使用):

class="avataruploader"

action="https://jsonplaceholder.typicode.com/posts/"

:show-file-list="false"

:on-success="handleavatarsuccess"

:before-upload="beforeavatarupload"

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值