Demonstrates how the formatted text editor is typically rendered.
Beneath the editor is 2 code blocks. On the left is the Remirror JSON representation of the content.
On the right is the Squiz JSON representation of the content.
You should typically expect there is no highlighted (red/green) content in either block. If there is
highlighted content this is indicative of the transformation logic not producing identical input
when run through a cycle of Remirror -> Squiz -> Remirror -> Squiz conversion. This may indicate that
the transformation logic is losing information during one of the transformation phases.
View demo (without formatted text editor)
Demonstrates rendering the input and toolbar of a formatted text editor in arbitrary DOM locations.
Intended to show an "inline editing" variant where the editor will attempt to minimize how much it changes
the DOM where it is mounted. Including:
* Code/pre blocks don't have the decorative icons around them.
* Code blocks don't have a wrapping <pre> element.
The following manipulations still occur due to limitations which have not been overcome:
* Each editor input has 3 wrapping <div> elements.
* Each list item is wrapped in a <p> element.
* Remirror is strongly opinionated about its DOM structure. This is fine if the content being placed
in the editor was constructed by Remirror previously but if it wasn't then anything unexpected will
be transformed.
Including:
* Rendering the input in an iframe, with the other parts of the editor rendered outside.
* Attaching an editor to formatted content that is dynamically mounted after initially loaded
(collapse/expand accordion).