Конфиг quill в проекте nuxt (VUE компонент) - PullRequest
Новая
       63

Конфиг quill в проекте nuxt (VUE компонент)

0 голосов
/ 26 мая 2020

Я хочу удалить панель инструментов в 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>

Только чтение работает, но панель инструментов все еще отображается.

1 Ответ

1 голос
/ 26 мая 2020

Установите такую ​​конфигурацию 

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

Также для удаления панели инструментов используйте команду CSS, поскольку в настоящее время нет прямой опции, доступной в пакете / библиотеке, которые вы используете 

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