vue-quill vue2
时间: 2023-09-09 15:11:22 浏览: 111
vue2
vue-quill是一个基于Vue.js的富文本编辑器组件,它使用了Quill版本1.3.6。你可以通过引入vue-quill-editor.js来使用它,并按照相关教程进行配置和使用。
关于在Vue项目中使用vue-quill,有两种方案可以选择。
方案一是直接在组件中引入vue-quill-editor.js。你可以在需要使用富文本编辑器的组件中导入vue-quill-editor.js,并在模板中使用vue-quill-editor组件。在这个方案中,你可以通过配置来实现图片上传等功能。
方案二是修改根目录下的vue.config.js文件。你可以在vue.config.js中的configureWebpack字段中添加一些配置,例如使用webpack插件ProvidePlugin来引入Quill,并将其注册为全局变量。同时,需要重新运行项目以使配置生效。
此外,你还可以在项目的build/webpack.base.conf.js文件中添加类似的配置,同样需要重新运行项目。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue富文本编辑器 vue-quill-editor.js quill版本1.3.6](https://download.csdn.net/download/cplvfx/85847785)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [vue2-富文本编辑器vue-quill-editor的使用-汉化-不可编辑-图片缩放-文字输入长度限制-去除p标签-封装组件](https://blog.csdn.net/weixin_57246351/article/details/121870564)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文