【每日一坑】 npm i vue-quill-editor –save报错装不上

已于 2022-03-14 10:58:54 修改
阅读量1.4k 收藏
点赞数
分类专栏： 每天一个小bug
于 2022-03-08 17:52:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43806705/article/details/123359354
版权

vue vue-quill-editor 富文本编辑器 npm 错误解决
关键词由CSDN通过智能技术生成

今天搞了几个小时关于vue选择富文本编辑器和使用富文本的导入
最后选择使用vue-quill-editor，按照前辈们的引入依赖命令应该如下

npm i vue-quill-editor –save

holy shit! 它报错了！
解决方案

npm i vue-quill-editor -–save

后面我写完毕设再详细怎么说使用这个富文本编辑器的引入。
现在大家可以参考一下这位博主的文章
vue-quill-editor使用

元晖
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
vue如何安装使用Quill富文本编辑器
11-28
本文为大家记录了vue中安装使用Quill富文本编辑器的具体方法，供大家参考，具体内容如下 1、安装依赖 npm install vue-quill-editor --save 注：我在已有的vue项目中（含有已安装的依赖，即node_modules文件夹）直接进行安装并不成功，报错，没有截图，但是我没记错的话是显示”项目名\node_modules\cliui\node_modules\wordwrap”这个没有。所以我把项目下的node_modules文件删除，然后直接安装quill依赖（执行npm install vue-quill-editor –save）。然后npm run de
vue-quill-editor的使用及个性化定制操作
10-15
import { quillEditor } from 'vue-quill-editor' export default { name: "addJournal", components: { quillEditor }, data() { return { content: ``, editorOption: {}, }; }, methods: { ...
350页前端校招面试题直击大厂：前端基础、前端核心、计算机基础、项目、Hr面(2)
最新发布
m0_54926105的博客
04-14 843
如果30岁以前，可以还不知道自己想去做什么的话，那30岁之后，真的觉得时间非常的宝贵，不能再浪费时间在一些碎片化的事情上，比如说看综艺，电视剧。一个人的黄金时间也就二，三十年，不能过得浑浑噩噩。所以花了基本上休息的时间，去不断的完善自己的知识体系，希望可以成为一个领域内的TOP。这也是为什么大家都说30岁是程序员的门槛，很多人迈不过去，其实各行各业都是这样都会有个坎，公司永远都缺的高级人才，只用这样才能在大风大浪过后，依然闪耀不被公司淘汰不被社会淘汰。4.react和Vue的原理，区别，亮点，作用。
安装quillEditor(解决因网络环境安装失败问题)
jycsj的博客
07-24 1251
安装npm依赖 默认nodejs已安装 检查：node -v ，npm -v 如果输出版本号，说明我们安装node环境成功 然后引入淘宝镜像 npm install -g cnpm –registry=https://registry.npm.taobao.org npm config set registry https://registry.npm.taobao.org 验证命令 npm config get registry 如果返回https://registry.npm.taob..
【Vue】运行npm run dev出现98%vue-quill-editor 富文本编辑器错误解决
【敦厚的曹操】的专栏
01-01 779
感谢：SpiritualTuto，来自：VUE vue-quill-editor 富文本编辑器的使用_npm install --save quill/dist/quill.bubble.css qui-CSDN博客 1、下载Vue-Quill-Editor npm install vue-quill-editor --save 2、如果还不行，下载quill（Vue-Quill-Editor需要依赖） npm install quill --save 3、全局引入 import
vue-element-admin 安装tui-editor失败的问题，如下处理即可；
violetlength的专栏
08-12 3620
vue-element-admin 安装tui-editor失败的问题
6.安装使用vue-quill-editor
dilinying2838的博客
09-30 207
前言： 在vue项目中，因为涉及到使用文本编辑器， 恰恰vue-quill-editor就是一个简单实用的富文本编辑器。 参考文档：vue中使用vue-quill-editor富文本编辑器，自定义toolbar修改工具栏options 实战： 1.安装 npm install vue-quill-editor --save 2.vue引入 在main.js中引入 1...
详解vue中使用vue-quill-editor富文本小结（图片上传）
12-11
vue-quill-editor是我们再使用vue框架的时候常用的一个富文本编辑器，在进行富文本编辑的时候，我们往往要插入一些图片，vue-quill-editor默认的处理方式是直接将图片转成base64编码，这样的结果是整个富文本的html...
Vue-Quill-Editor富文本编辑器的使用教程
12-29
本文为大家分享了Vue Quill ...npm install vue-quill-editor --save 2、下载quill（Vue-Quill-Editor需要依赖）  npm install quill --save 3、代码  <quill-editor v-model=content ref=myQuillEdito
Vue+Element UI+vue-quill-editor富文本编辑器及插入图片自定义
10-16
在本文中，我们将深入探讨如何在Vue项目中集成Element UI和vue-quill-editor，创建一个功能丰富的富文本编辑器，并实现图片的自定义上传。Vue是一个轻量级、高效的前端框架，Element UI则是一个基于Vue的组件库，...
vue-quill-editor+plupload富文本编辑器实例详解
12-12
1,先给vue项目中下载vue-quill-editor依赖npm install vue-quill-editor --save 2,下载plupload依赖npm install plupload --save 3,在组件中分别引入对应的js import { quillEditor }from 'vue-quill-editor' import '@/assets/js/crypto1/crypto/crypto.js' import '@/assets/js/crypto1/hmac/hmac.js' import '@/assets/js/crypto1/sha1/sha1.js'
浅谈vue中使用编辑器vue-quill-editor踩过的坑
10-15
主要介绍了浅谈vue中使用编辑器vue-quill-editor踩过的坑，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue-quill-editor富文本编辑器简单使用方法
12-01
npm install vue-quill-editor --save main.js： 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项目中quill-editor带样式编辑器的使用方法
12-09
npm install vue-quill-editor --save ``` 2. **引入组件**： 在`main.js`文件中引入`vue-quill-editor`组件，并使用`Vue.use()`注册该组件： ```javascript import VueQuillEditor from 'vue-quill-editor' ...
vueup-quill:Vue 3插件或组件的Quill编辑器
03-15
npm install @vueup/quill --save# ORyarn add @vueup/quill用法全局安装import { createApp } from 'vue'import VueUpQuill from '@vueup/quill'import '@vueup/quill/dist/quill.snow.css' ;const app = create...
Vue 富文本编辑器插件 vue-quill-editor 坑！
weixin_44892327的博客
10-31 1681
Vue 富文本编辑器插件 vue-quill-editor 坑！
npm install vue-quill-editor
suncsf的博客
02-10 1231
1、安装模块 npm install vue-quill-editor 2、导入模块注册组件 import 'quill/dist/quill.core.css'; import 'quill/dist/quill.snow.css'; import 'quill/dist/quill.bubble.css'; Vue.component('QuillEditor', quillEditor)...
项目中执行命令（cnpm i --save axios），安装axios失败解决方法：
weixin_64812436的博客
11-11 670
1、失败图片如下 2、失败原因:未安装cnpm， 解决：执行命令安装cnpm：npm install -g cnpm --registry=http 3、cnpm安装成功，再次执行命令安装axios，cnpm i --save axios，安装成功，可以正常使用了
富文本插件
weixin_49547540的博客
02-28 924
基础使用 VabQuill的图片上传是直接从本地拿图片转为字节的，需要重新改进封装，将图片上传后，再返回网址，在富文本里显示网址，关键代码：quill配置里的image和imgClick方法 quill配置里的image让VabQuill里的图片上传改为FileUpload组件，imgClick图片回显到content里 template <el-form-item class="vab-quill-content" label="内容" prop="content"> <VabQui
用vue-quill-editor实现一个简单的效果
04-19
很高兴为您解答这个问题。关于用vue-quill-editor实现一个简单的效果，我可以给您一些建议和参考。您可以先确保您已经在项目中引入了vue-quill-editor库，然后您可以在Vue组件中使用vue-quill-editor组件。下面是一个简单的例子来演示如何在Vue中使用vue-quill-editor组件： 1.先安装vue-quill-editor： ``` npm install vue-quill-editor --save ``` 2.在Vue中使用vue-quill-editor： ``` // 引入vue-quill-editor组件 import { quillEditor } from 'vue-quill-editor' import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' // 注册vue-quill-editor组件 export default { components: { quillEditor }, data () { return { content: '' } } } ``` 3.在模板中使用vue-quill-editor： ``` <template> <quill-editor v-model="content" ref="myQuillEditor"></quill-editor> </template> ``` 以上是一个简单的例子，您可以根据您的具体需求进行修改和定制。希望对您有所帮助。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

元晖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值