关于基于vue的富文本编辑器vue-quill-editor
在父组件内的部署步骤:
// require styles import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' import { quillEditor } from 'vue-quill-editor' export default { components: { quillEditor } }
之前使用的版本不需要import {} 导入,导致页面上加载不出组件。
<quill-editor v-model="articleForm.content" :options="editorOption"></quill-editor> //options的配置项 editorOption: { placeholder: '', modules: { toolbar: [ ['bold', 'italic', 'underline', 'strike'], ['blockquote', 'code-block'], [{ header: 1 }, { header: 2 }], [{ list: 'ordered' }, { list: 'bullet' }], [{ indent: '-1' }, { indent: '+1' }] ] } }