HTML Editor — Editable + Formatting. Select text in the Inline Preview, then use the formatting controls. Changes sync to the editor.
Use "Run" to update the inline preview. Click inside preview to edit. Formatting actions wrap selection in styled spans and sync back to the HTML.
Inline Preview (editable)
Select text then apply formatting.
``` Notes: - Formatting wraps selection in inline `span` elements with styles so the outer HTML updates accordingly. - The Clear Formatting button unwraps all spans (simple approach) — tweak if you want more selective clearing. - This only works when the iframe is same-origin (srcdoc/blob/data), which this editor uses.