web editor
A self-contained web editor
Web Editor Widget
A self-contained, embeddable code editor that allows users to write HTML, CSS, and JavaScript with live preview and PDF export capabilities. It features a specific "Split HTML" view allowing edits to both Head and Body tags.
How to Use
Tabs: Click html/css/js tabs to switch editors.
HTML Editing: The HTML tab is split into "Head" and "Body" editable sections.
Live Preview: Typing in the editor updates the preview pane automatically.
Controls: Use the buttons in the top right to increase/decrease font size, reset code, or download a PDF report.
Resize: Drag the grey bar between the editor and preview to adjust the layout.
Last modified: December 8th, 2025
