安装quillEditor(解决因网络环境安装失败问题)

安装npm依赖

  1.  默认nodejs已安装 检查:node -v ,npm -v 如果输出版本号,说明我们安装node环境成功
  2. 然后引入淘宝镜像
    1. npm install -g cnpm –registry=https://registry.npm.taobao.org
    2. npm config set registry https://registry.npm.taobao.org
    3. 验证命令 npm config get registry  如果返回https://registry.npm.taobao.org,说明镜像配置成功。
  3. node加载依赖
    1. 方案一:npm install
    2. 方案二:  cnpm install
  4. npm run dev 上面都不报红色error项目应该能启动,不过引quill的地方会报错,这里保证除了富文本其他依赖没问题
  5. 安装quill依赖
    1. 方案一:cnpm install vue-quill-editor -save
    2. 方案二:npm install vue-quill-editor --save
    3. 如果安装失败可能会原来项目也启动不了(彻底删除node_models)从第三步开始换着方案再走一遍

我基本都是用cnpm命令,网络环境不一样,和npm搭配使用

也可以直接把插件解压放到node_models目录下

下载地址(百度云容易失效,只收一个):

https://download.csdn.net/download/jycsj/12657775

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Quill Editor是一个基于浏览器的富文本编辑器,它支持自定义工具栏、标准的富文本格式以及多个浏览器。在引用中,我们可以看到一个典型的Quill Editor实现,我们可以设置默认值、自定义样式和注册事件。 在引用中,我们可以看到Quill Editor的四个典型事件,它们分别是失去焦点事件、获得焦点事件、准备富文本编辑器和内容改变事件,你可以通过这些事件来增强Quill Editor的功能,例如更新内容、存储文本等。 以下是一个使用Quill Editor的简单示例: ```html <template> <div> <quill-editor class='editor' v-model="content" ref="myQuillEditor" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @change="onEditorChange($event)" @ready="onEditorReady($event)"></quill-editor> </div> </template> <script> import { quillEditor } from "vue-quill-editor"; import "quill/dist/quill.snow.css"; export default { components: { quillEditor, }, data() { return { content: "", editorOption: { placeholder: "请输入内容", modules: { toolbar: [ [{ header: [1, 2, false] }], ["bold", "italic", "underline", "strike"], [{ list: "ordered" }, { list: "bullet" }], ["link", "image"], ["clean"], ], }, }, }; }, methods: { onEditorBlur(quill) { console.log("editor blur!", quill); }, onEditorFocus(quill) { console.log("editor focus!", quill); }, onEditorReady(quill) { console.log("editor ready!", quill); }, onEditorChange({ quill, html, text }) { console.log("editor change!", quill, html, text); this.content = html; }, }, }; </script> ``` 在上述示例中,我们使用了Vue.jsVue-Quill-Editor来实现Quill Editor的基本功能。我们通过在Vue组件中注册事件来增强Quill Editor的功能,例如更新内容、存储文本等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值