This sample demonstrates the HTML preview feature of the Rich Text Editor UI. It pairs the WYSIWYG editor with a live, two-way HTML source view (powered by CodeMirror) so that content changes are reflected in real time and the generated HTML can be inspected and edited directly.
The Rich Text Editor UI lets users author content in a
familiar What-You-See-Is-What-You-Get (WYSIWYG) editor.
The actionComplete and change{' '}
events sync the latest HTML markup to a CodeMirror
instance on the right. Editing the source view updates
the editor through the value binding,
delivering a true bi-directional editing experience.
Use the Copy button to copy the current
HTML markup to the clipboard.