Consider updating to Quill 2.0 once stable is released

[web-padawan]

Quickly updated RTE on top of Quill 2.0.0-dev.3 for possible using in Incubator project.

Prototype branch: https://github.com/vaadin/vaadin-rich-text-editor/tree/quill-2x
Quill fork: https://github.com/web-padawan/quill/tree/shadow-2x

There are at least 2 breaking changes in Quill 2.0 affecting us:

• <div class="ql-code-editor-container"> is now used for code blocks instead of <pre>
• <ol> is now used for all lists, and type is set via <li data-list="bullet>">

Also, few keyboard navigation tests failed (didn't spend any time to investigate).

Once 2.0 is released as a stable we should keep this in mind if we want to update.

[web-padawan]

Regarding <ol> tag used for list - here's a comment suggesting quill.getSemanticHTML() which returns correct markup.

[web-padawan]

One issue which might be fixed by upgrading to Quill 2: vaadin/flow-components#4773

[web-padawan]

Some commits in v2.0 with improvements that we could benefit from:

• Improve support for pasting from Google Docs and Microsoft Word
• Support "paste and match style"
• Improve spell corrector support
  • Could allow us to remove workaround added to fix disappearing text issue [rich-text-editor] When applying spellcheck suggestion, the text disappears #6369
• fix pasting text with text-decoration: underline and text-decoration: strikethrough

We could also investigate supporting nested lists feature as quill.getSemanticHTML() correctly returns markup also for nested lists as described in the issue: slab/quill#979 (comment). Note that indentation outside lists (i.e. in regular paragraphs) would still need to be handled by replacing ql-indent classes, see slab/quill#4156

[StefanPenndorf]

Is there a timeline for upgrading to Quill 2? The 1st birthday of Quill 2.0 is just 2 month away ;-). Latest Version is 2.0.3 from November 2024 thus Quill 2 seems to be pretty stable. According to previous comments quill2 might also solve some issues.

https://github.com/slab/quill/releases/tag/v2.0.3
https://www.npmjs.com/package/quill2

[TatuLund]

Enhanced RTE add-on has Quill v2 in the latest version as we added support for tables using the 3rd party table plugin.

https://vaadin.com/directory/component/enhanced-rich-text-editor