Playground

The real <zpl-editor> and <zpl-viewer>, loaded from /sdk/latest/ on this server, inside a mock host application. Pick a template, edit it, press Save (or Ctrl/Cmd+S), and watch the events. The code panel shows exactly what this page does; your app does the same against its own database.

How to embed it

Event log

  1. Events from the editor appear here.

The element's events: change, save, dirty-change, render, error. host lines are what the mock app did.

Stored in the "database"

-

The last saved version of the selected template, merged with its sample data.

What this page does

The template list is kept in this browser's localStorage (key labelviewer.playground.v1): a stand-in for your database. It never leaves this browser. Rows use the schema recommended in Store templates.

New template