Skip to content
Wappler Docs
Open in Wappler

Use Split View

Learn how to use Split View in the HTML Editor. Use this tour as a quick refresher.

Switch to Split View

Split view is the bridge between visual confidence and source awareness. This how-to starts from the toolbar control, then explains why seeing design and code together helps you verify edits faster, compare structure with output, and build a more reliable editing rhythm.

Screenshot: Switch to Split View
Screenshot: Switch to Split ViewClick to open the larger image

Design side

Select elements visually in Design View.

Screenshot: Design side
Screenshot: Design sideClick to open the larger image

Code side

The corresponding markup is visible in Code View.

Screenshot: Code side
Screenshot: Code sideClick to open the larger image