Highlights of this release are the Column Layout plugin and the Colour Picker.
Column Layout
Using Column Layout, content can be arranged horizontally into columns. For instance, we can place images or blocks of code side-by-side with the help of the column layout.
It comes with the following 5 layouts:
- 2 columns (equal width)
- 2 columns (25% – 75%)
- 3 columns (equal width)
- 3 columns (25% – 50% – 25%)
- 4 columns (equal width)
Here are svelte-lexical and lexical logos placed side-by-side using the Column Layout.
Colour Picker
Colour Picker can be used to set background colour and text colour.
Release Notes
Here is the full list of changes in this release:
New Features
- feat: Column Layout plugin to arrange content in columns (thanks to @Sulkar)
- feat: add text color and background color pickers to toolbar (@umaranis)
- feat: upgrade to lexical 0.17.0 from 0.14.5
- feat: show image error UI when image loading fails
- feat: theme class added to horizontal rule node
- feat: image captions can now be disabled
Bugs
- bug: can’t remove link formatting from Auto Link
- bug: insert an image inside another image’s caption
- bug: fix auto link node escapes on second “.”
- bug: support pasting Google Doc checklist
- bug: changing font size does not take effect when clicking in the editor after change
- bug: fix Auto Link styles on creation
- bug: crash when heading or quote is selected for clear formatting
- bug: with block decorator nodes error on indent
- bug: Prismjs causing issues with dev build when npm is used #85
- bug: code block doesn’t render properly with small width editor
Tests
- test: a lot of new tests
- test: add more parallelism to tests running in CI
- test: exclude legacy events tests in CI except chromium on windows
