Sin descripción

django_quill.js 880B

1234567891011121314151617181920
  1. Quill.register("modules/imageCompressor", imageCompressor);
  2. Quill.register("modules/resize", window.QuillResizeModule);
  3. class QuillWrapper {
  4. constructor(targetDivId, targetInputId, quillOptions) {
  5. this.targetDiv = document.getElementById(targetDivId);
  6. if (!this.targetDiv) throw 'Target div(' + targetDivId + ') id was invalid';
  7. this.targetInput = document.getElementById(targetInputId);
  8. if (!this.targetInput) throw 'Target Input id was invalid';
  9. this.quill = new Quill('#' + targetDivId, quillOptions);
  10. this.quill.on('text-change', () => {
  11. var delta = JSON.stringify(this.quill.getContents());
  12. var html = this.targetDiv.getElementsByClassName('ql-editor')[0].innerHTML;
  13. var data = {delta: delta, html: html};
  14. this.targetInput.value = JSON.stringify(data);
  15. });
  16. }
  17. }