安装组件
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'然后在vue中引用
import '@vueup/vue-quill/dist/vue-quill.snow.css';
export default {
components: {
QuillEditor
}
}
<style>再来看效果
.ql-toolbar,.ql-snow{width:100%; text-align: left;}
</style>
- 本文标题: Vue3使用富文本编辑器QuillEditor
- 文章分类:【VueJS】
- 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.