Включить / отключить Quill по запросу

Я использую перо, чтобы сделать myDiv редактируемым следующим образом:

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

Я также хочу, чтобы Quill становился активным или неактивным (пользователь больше не может редактировать содержимое) по требованию (например, нажатием кнопки).

Есть что-то вроде myQuill.disable() или myQuill.enable()?


javascript quill
person lviggiani    schedule 20.06.2016    source источник
comment
Человеку, который проголосовал за закрытие: обратите внимание, что сайт quill рекомендует размещать здесь вопросы, связанные с quill. Также для этого есть тег quill.   -  person lviggiani    schedule 21.06.2016

Ответы (2)


arrow_upward
2
arrow_downward

Я не видел команды Quill для этого, но вы можете использовать это, чтобы отключить ее:

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

где DIV_ID — идентификатор вашего элемента, выбранный при инициализации Quill.

Для всех редакторов используйте следующее:

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

Измените false на true, чтобы включить обратно.

person Master DJon    schedule 20.06.2016
comment
Эх, забыл спросить. Вы используете jQuery? - person Master DJon; 20.06.2016
comment
получил это с myQuill.root.contentEditable = true | false - person lviggiani; 21.06.2016

arrow_upward
0
arrow_downward

И enable(), и disable() существуют в Quill 1.0 для этой цели. В Quill 0.20 они находятся под переменной экземпляра editor, поэтому вы можете сделать myQuill.editor.enable().

person jhchen    schedule 21.06.2016
comment
console.log(myQuill.enable) --› undefined. Кажется, в v0.20.1 его нет. - person lviggiani; 24.06.2016
comment
Моя ошибка, с v0.20.1 он был организован под переменной экземпляра редактора, поэтому myQuill.editor.enable() должен работать. В версии 1.0 myQuill.enable() работает. Я обновлю свой ответ, чтобы отразить это. - person jhchen; 27.06.2016