安装组件
npm install @vueup/vue-quill@alpha --save
在main中引用
import { createApp } from 'vue'
import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css';
 
const app = createApp()
app.component('QuillEditor', QuillEditor)或者在单页面中引用import { QuillEditor } from '@vueup/vue-quill'
import '@vueup/vue-quill/dist/vue-quill.snow.css';
 
export default {
  components: {
    QuillEditor
  }
}然后在vue中引用 
 <style>再来看效果
.ql-toolbar,.ql-snow{width:100%; text-align: left;}
</style>
 
 
                
- 本文标题: Vue3使用富文本编辑器QuillEditor
- 文章分类:【VueJS】
- 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.