Skip to content
Wappler Docs
Start Trial

Wappler documentation

Design + Code

Browse Design + Code tours: Overview, How To's, and Reference.

Open in Wappler

Choose a design or code topic.

Design + Code tours

Design + Code OverviewExplore HTML Editor Design Code: key areas and how they work together.View guideHow To'sGoal-based how-to guides for the HTML Editor, covering common design and code workflows.View guideDesign + Code ReferenceReference hub for HTML Editor Design + Code topics, linking only to reference tours for Design View and Code View.Browse path

Views

Design ViewBrowse Design View tours: Overview, How To's, and Reference.Browse pathCode ViewBrowse Code View guides for editing HTML directly, navigating markup faster, and using Monaco-powered tools inside the HTML Editor.Browse path

Workflow how-tos

General UsageA practical HTML Editor workflow guide for moving between design, structure, properties, and code while keeping page context intact.View guideEdit code and syncLearn how to edit code and sync in the HTML Editor. Use this tour as a quick refresher.View guideUse Split ViewLearn how to use Split View in the HTML Editor. Use this tour as a quick refresher.View guide

Tools

ComponentsExplore Components: Components picker and Search and browse.View guideDesign ToolbarLearn what the Design toolbar controls in the HTML Editor, from element actions and responsive helpers to faster canvas editing.View guideCode ToolsLearn the HTML Editor code tools for search, formatting, navigation, and repeatable edits while working in Code View.View guide