vue2---vue-quill-editor插件已弃用替换成tiptap插件

于 2024-08-14 16:04:40 发布
阅读量110 收藏 2
点赞数 5
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heavenz19/article/details/141193465
版权

vue2—vue-quill-editor插件已弃用替换成tiptap插件

1、说明：使用vue-quill-editor插件提示报错：

[Deprecation] Listener added for a ‘DOMNodeInserted’ mutation event. Support for this event type has been removed, and this event will no longer be fired. See for more information.
在这里插入图片描述

2、解释：该插件已经弃用，不在维护

3、办法：找到新的插件作为替代。tiptap插件
在这里插入图片描述

小小黑007
关注
  • 5
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-quill-editor的使用以及自定义tabar菜单
qq_38152997的博客
02-13 1187
上一篇因为contenteditable IE的insertText 有兼容问题 ，所以重新用vue-quill-editor插件
vue富文本插件vue-quill-editor的使用
倾世~茹薇
04-09 1万+
首先下载vue-quill-editor   cnpm install vue-quill-editor --save新建公共组件quillEditor.vue，在quillEditor.vue中的html代码如下：<template><quill-editor v-model="content" ref="myTextEditor" :options="editorOptio...
vue使用富文本插件vue elemnt-tiptap和vue-quill-editor
webtext的博客
02-16 5156
这两天由于项目要实现新闻发布的功能，所以上github和gitee找了一些项目，发现都是用富文本插件编译成html来实现功能。经过尝试和寻找，我使用了vue elemnt-tiptap和vue-quill-editor，发现各有优缺点。还有一些坑，记录一下。 vue elemnt-tiptap 好处是鼠标滑过内容时，可以出现气泡方便使用，上传的图片可以设置大小，并且使用惯了element ui的话，感觉界面比较舒服。缺点是在使用首行缩进功能的时候，发现很费劲，怕凭客户的行为很难玩得转所以还是选择了vue-q
Vue富文本插件(quill-editor)
前端阿皓
12-21 1万+
vue中使用quill-ditor富文本插件(vue-quill-ditor)
vue-quill-editor 的使用方法
李水灵的博客
06-01 1万+
官方文档：https://www.npmjs.com/package/vue-quill-editor gitHub地址：https://github.com/surmon-china/vue-quill-editor 参考地址：https://www.jianshu.com/p/a6cba69d6e49 安装依赖 cnpm install vue-quill-editor --save 引用方式 全局引用，项目入口文件中（main.js）注册 import Vue from 'vue' impo.
VUE- quill-editor 编辑器使用及自定义toobar详解
qq_27909209的博客
07-14 2341
加粗-- 这里是我添加的文字，自定义，尝试过用span用div，并不能把布局弄的很好，相反会挺糟糕。-->引号
vue-quill-editor富文本编辑器使用步骤
热门推荐
qq_44782585的博客
03-18 5万+
vue-quill-editor的安装和配置，实现工具栏自定义数据格式，以及鼠标经过提示中文释义
vue-quill-editor （vue 、uniapp ）富文本样式失效问题
fakuangjingling的博客
11-30 2125
主要问题是针对于后台框架使用了vue-quill-edit框架创建的富文本到了前端之后没有显示对应的样式。
vue-quill-editor 插件基本使用简介
EsquireY的博客
11-08 630
vue-quill-editor 插件基本使用简介
vue3.0 vue-quill-editor.rar
09-19
在Vue3.0环境下使用Vue-Quill-Editor，需要确保组件与新版本的Vue兼容，以充分利用Vue3.0的改进和提升。 Vue CLI 3 是Vue.js的命令行工具，用于快速搭建Vue项目。它简化了项目配置，提供了开箱即用的脚手架，支持热...
vue富文本编辑器 vue-quill-editor.js quill版本1.3.6
07-01
vue富文本编辑器vue-quill-editor.js quill版本1.3.6 使用教程 ： vue-quill-editor富文本编辑器使用方法，最全，含部分源码解读，含图片上传，如果页面有多个富文本，图片上传解决方案 ...
vue-quill-editor的使用及个性化定制操作
10-15
import { quillEditor } from 'vue-quill-editor' export default { name: "addJournal", components: { quillEditor }, data() { return { content: ``, editorOption: {}, }; }, methods: { ...
浅谈vue中使用编辑器vue-quill-editor踩过的坑
10-15
在Vue项目中，使用`vue-quill-editor`作为富文本编辑器时，可能会遇到一系列问题。本文将探讨其中的关键挑战，以及如何通过引入Element UI组件和自定义处理方法来优化图片上传功能。 首先，`vue-quill-editor`默认...
vue的diff算法的【双端比较】策略
yiguoxiaohai的博客
08-08 360
vue的diff算法的双端比较策略
写一个Vue2和vue3的自定义指令（以复制指定作为示例）
weixin_44784401的博客
08-09 894
写一个Vue2和vue3的自定义指令（以复制指定作为示例）
Vue 中 app.config 相关配置项介绍与案例
最新发布
前端基地
08-13 653
本博文展开了细致且全面的阐述，对 app.config 、app.config.errorHandler 、app.config.warnHandler 、app.config.performance 、app.config.compilerOptions 、app.config.globalProperties 以及 app.config.optionMergeStrategies 进行了深入剖析。不仅清晰明了地介绍了它们的功能和特性，还通过丰富多样的实际案例展开了详尽的分析。
Vue设置滚动条自动保持到最底端
Lipn_的博客
08-09 604
实现滚动条始终保持在最底端
3.Vue(组件+路由+跨域请求)
m0_61086522的博客
08-10 1306
路由其实就是根据不同请求的路径来确定显示不同内容的行为是Vue官方提供的标准化开发工具（开发平台），它提供命令行和UI界面，方便创建vue工程、配置第三方依赖、编译vue工程#0.安装vue/cli#0.1安装淘宝镜#查看安装包是否安装成功vue -V或--versionnpm -V#//1.打开自己的vue-cli4项目包创建项目create vue 项目名称#//1.启动项目#//2.安装elementUI, 默认全局注册#//2.1在main.js文件中引入element。
vue2项目vue-quill-editor插件使用
07-28
您好！对于Vue 2项目中使用vue-quill-editor插件，您可以按照以下步骤进行操作： 1. 首先，您需要安装vue-quill-editor插件。可以使用npm或yarn来进行安装，命令如下： ``` npm install vue-quill-editor 或 yarn add vue-quill-editor ``` 2. 在Vue项目的入口文件（通常是main.js）中引入vue-quill-editor插件，并注册为全局组件。示例如下： ```javascript import Vue from 'vue' import VueQuillEditor from 'vue-quill-editor' import 'quill/dist/quill.snow.css' // 引入样式文件 Vue.use(VueQuillEditor) ``` 3. 在需要使用富文本编辑器的组件中，使用`<vue-quill-editor>`标签来渲染富文本编辑器。例如，在一个名为`Editor.vue`的组件中，可以这样使用： ```html <template> <div> <vue-quill-editor v-model="content" /> </div> </template> <script> export default { data() { return { content: '' } } } </script> ``` 4. 可以通过`v-model`指令来绑定富文本编辑器的内容，以便在组件中获取用户输入的内容。 5. 根据需求，您可以进一步配置vue-quill-editor插件的选项。具体的配置选项可以参考官方文档。 这样，您就可以在Vue 2项目中使用vue-quill-editor插件来实现富文本编辑功能了。希望对您有帮助！如果还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值