在nuxt项目中配置quill（VUE组件）

Question

我想删除 quill 中的工具栏，但我不能。

我有HTML：

<template>
    <quill v-model="content" :config="config"></quill>
</template

和内部脚本：

<script>
   import VueQuill from 'vue-quill';
   export default {
         data () {
            return {
                config: {
                    readOnly: true,
                    toolbar: false
                }
            }
        }
   }
</script>

只读有效，但工具栏仍在显示。

Answer 1

像这样设置配置

  <script>
       import VueQuill from 'vue-quill';
       export default {
             data () {
                return {
                    config: {
                        readOnly: true,
                        modules: {
                           toolbar: false
                        },
                    }
                }
            }
       }
    </script>

还要删除工具栏 div，请使用 CSS，因为目前在您使用的 package/library 中没有可用的直接选项

<style scoped>
  .ql-toolbar { display: none; }
</style>

在nuxt项目中配置quill（VUE组件）

Config quill in a nuxt project (VUE component)

javascript

quill

vue.js

nuxt.js