Laman Editor Overview
Laman Editor is a browser-based workspace for building small sites and dynamic templates. It loads one project at a time, then renders a live preview as you edit HTML, CSS, JavaScript, and template data.
Workspace Layout
The editor UI is split into two primary areas:
- Code panel (left): Write HTML, CSS, JavaScript, and Data.
- Preview panel (right): Renders the compiled output in real time.
Tabs in the Code Panel
- HTML: Template markup (Handlebars-enabled).
- CSS: Styling injected into the document head.
- JavaScript: Inline scripts injected at the end of the document.
- Data: Structured JSON that feeds your template and JS.
Live Preview
The preview automatically updates as your code changes. Use Refresh in the toolbar to force a clean preview rebuild.
Saving
Use the standard save shortcuts:
- Mac: Cmd + S
- Windows: Ctrl + S
The toolbar shows the save status as Saved, Save, or Saving... so you always know when changes are persisted.