按需启用/禁用 Quill

Question

我正在使用鹅毛笔使 myDiv 可编辑，如下所示：

var myQuill = new Quill(myDiv, {
                modules: {
                    toolbar: {
                        container: myToolbar
                    }
                },
                styles: false,
                theme: 'snow'
            });

我还希望 Quill 根据需要（例如通过按下按钮）变为活动或不活动（用户无法再编辑内容）。

有类似

myQuill.disable()

或

myQuill.enable()

之类的东西吗？

Answer 1

我没有看到 Quill 命令，但你可以使用它来禁用它：

$("#DIV_ID .ql-editor").attr('contenteditable', false);

其中

DIV_ID

是初始化 Quill 时选择的元素 id。

对于所有编辑器，请使用以下内容：

$(".ql-editor").attr('contenteditable', false);

将

false

更改为

true

以启用返回。

Answer 2

Quill

1.0

中同时存在

enable()

和 disable() 用于此目的。在 Quill 0.20 中，它们位于

editor

实例变量下，因此您可以执行

myQuill.editor.enable()

。

Answer 3

需要设置React Quill的Props :

readOnly ：如果为 true，编辑器将不允许更改其内容。包装 Quill 禁用 API。