Skip to content
Wappler Docs
Open in Wappler

Edit code and sync

Learn how to edit code and sync in the HTML Editor. Use this tour as a quick refresher.

Select an element

This how-to is about keeping visual selection and source edits mentally connected instead of treating them as separate worlds. It starts by locating the right context in the editor, then explains how synced editing helps you understand exactly which change affects which part of the page.

Screenshot: Select an element
Screenshot: Select an elementClick to open the larger image

Edit markup

Make a small markup change in Code View.

Screenshot: Edit markup
Screenshot: Edit markupClick to open the larger image

Verify updates

Confirm the page updates and stays in sync.

Screenshot: Verify updates
Screenshot: Verify updatesClick to open the larger image