关于基于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' }]
          ]
        }
      }

猜你喜欢

转载自www.cnblogs.com/sunRiseProgress/p/12936065.html
今日推荐