web editor

modal image

web editor

A self-contained web editor

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: February 6th, 2026

The Computing Café works best in landscape mode.
Rotate your device.

White Background (Disabled due to cookie rejection)

Blue Background (Disabled due to cookie rejection)

Pink Background (Disabled due to cookie rejection)

Green Background (Disabled due to cookie rejection)

Purple Background (Disabled due to cookie rejection)

Cornflower Background (Disabled due to cookie rejection)

Orange Background (Disabled due to cookie rejection)

Decrease Font Size (Disabled due to cookie rejection)

Reset Font Size (Disabled due to cookie rejection)

Increase Font Size (Disabled due to cookie rejection)

CC-BY-NC-SA

legal stuff