动态更改 Quill 工具栏可见性

Question

我知道在 Quill 编辑器实例化时，有一个工具栏可见性选项。有没有一种方法可以在编辑器实例化后动态更改此工具栏的可见性？

options = {
            debug: 'info',
            placeholder: "Place your content here",
            readOnly: false,
            theme: 'snow',
            modules: {
                toolbar: toolbarOptions --> i want to change this property as false at runtime
            },
    };

Answer 1

澄清这个选项不仅仅是可见性，而是是否创建工具栏。编辑器初始化后无法添加或删除工具栏。如果您只想控制可见性，一种选择是使用 CSS 来显示/隐藏工具栏。

Answer 2

您好，您也可以使用 display: none/block ，它也可以工作。它将创建或删除该元素。显示/隐藏有点不同，我让你找出原因。

Answer 3

您可以像这样访问工具提示隐藏/显示功能：

quill.theme.tooltip.hide()

或

quill.theme.tooltip.show()

Answer 4

要更改工具栏的类别列表：

quill.getModule('toolbar').container.classList

因此您可以添加或删除一个类来隐藏工具栏。

quill.getModule('工具栏').container.classList.add('隐藏'); quill.getModule('工具栏').container.classList.remove('隐藏');