This example here works fine ... https://github.com/Klaudeta/quill-editor/b

Directory Quill RichText Editor
1

This example here works fine …
https://github.com/Klaudeta/quill-editor/blob/master/src/test/java/org/vaadin/klaudeta/quill/QuillEditorBindingTestView.java
… as long as there is no preset value in bean.content.

When I replace beanBinder.setBean(new Bean()); by this:
Bean bean = new Bean();
bean.setTitle("mytitle");
bean.setContent("<p>mycontent</p>");
beanBinder.setBean(bean);
then
a) the title field shows “mytitle” (OK)
b) the RichText Editor shows no content
c) the UI shows this error message: (TypeError) : $0.$0 is undefined

With some changes this scenario also works:

  1. In https://github.com/Klaudeta/quill-editor/blob/master/src/main/resources/META-INF/frontend/quilleditor.js replace quill.root.innerHTML = htmlContent; by this.quillEditor.root.innerHTML = htmlContent;
  2. In https://github.com/Klaudeta/quill-editor/blob/master/src/main/java/org/vaadin/klaudeta/quill/QuillEditorComponent.java replace editor.getElement().callJsFunction("$0.setHtml($1)", this, htmlContent); by editor.getElement().executeJs("$0.setHtml($1)", this, htmlContent);
2

see https://github.com/Klaudeta/quill-editor/pull/1