Markdown editor with Rich Text preview via MDAST #2657
Draft
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Based on #2501
This is the first stage of the transition to a new Lexical-based editor.
Introduces a Lexical plain text editor with a rich text preview, using MDAST to map and transform Lexical nodes to markdown, aiming to provide lossless transformations.
This PR focuses on providing the same editor experience as before, while transitioning to Lexical.
Screenshots
Additional Context
Persisting and handling the tree in the database is still something that's being conceptualized, but like the original PR, we'll persist the lexical JSON state and its HTML variant.
WIP: More infos on MDAST can be found in
docs/dev/lexical-mdast.mdChecklist
Are your changes backward compatible? Please answer below:
Yes, with a distributed migration approach we're going to migrate legacy content while still keeping its original version right in the
textfield.On a scale of 1-10 how well and how have you QA'd this change and any features it might affect? Please answer below:
5 - in dev with iterative QA
For frontend changes: Tested on mobile, light and dark mode? Please answer below:
In QA
Did you introduce any new environment variables? If so, call them out explicitly here:
n/a
Did you use AI for this? If so, how much did it assist you?
Lexical: Ask mode to bridge the gaps in the documentation
MDAST: Light usage of Agent mode for refactoring and ensuring every transformer is well-represented