QuillJS не работает с текстовым

Question

Я пытаюсь использовать QuillJS на конкретное поле формы в моем Django 1.10 шаблона следующим образом:

<link href="https://cdn.quilljs.com/1.1.3/quill.snow.css" rel="stylesheet"> 

<script src="https://cdn.quilljs.com/1.1.3/quill.js"></script> 
<!-- Initialize Quill editor --> 
<script> 
    var quill = new Quill('#id_text', { 
    theme: 'snow' 
    }); 
</script> 

Проблема заключается в том, что Django предоставляет поле формы я хочу использовать Quill как textarea вместо div, и Quill, похоже, не работает над ним: любые эффекты, применяемые к тексту, не регистрируются ни визуально, ни в результате вывода, а когда я пытаюсь отредактировать существующую запись, 't появляется в редакторе, даже если он находится в исходном HTML между тегами textarea.

Известно ли, что Quill не работает с textarea или есть что-то еще, что может быть неправильно?

Answer 1

Вы можете использовать Quill с div и синхронизировать содержимое редактора (Delta) со скрытым полем ввода в форме.

Существует пример Quill Form Submit.

Answer 2

Попробуйте ввести код для получения данных о форме.

var quill = new Quill('#editor-container', { 
    modules: { 
    toolbar: [ 
     ['bold', 'italic'], 
     ['link', 'blockquote', 'code-block', 'image'], 
     [{ list: 'ordered' }, { list: 'bullet' }] 
    ] 
    }, 
    placeholder: 'Compose an epic...', 
    theme: 'snow' 
}); 
var form = document.querySelector('form'); 
form.onsubmit = function() { 
    // Populate hidden form on submit 
    var about = document.querySelector('input[name=about]'); 
    about.value = JSON.stringify(quill.getContents()); 

    console.log("Submitted", $(form).serialize(), $(form).serializeArray()); 

alert('Open the console to see the submit data!') 
    return false; 
};