amagaki icon indicating copy to clipboard operation
amagaki copied to clipboard

Interaction with editor.dev

Open Zoramite opened this issue 3 years ago • 0 comments

When a project is running in editor.dev the editor is going to communicate with the preview using postMessage. The JS for the page builder can use that information to interact with the editor.

Possible interactions with editor:

  • Connected with editor. Page builder could show edit links for partials, etc.
  • Hovered over partial. Page builder could highlight which partial is being hovered in the editor or in the preview (bi-directional).
  • Active focus on partial. Page builder could highlight which partial has focus in the editor.
  • Visible partials. Page builder could tell editor which partials are visible.
  • Edit partial. Page builder could tell editor when the user wants to edit a specific partial, show it in isolation mode, and let the editor pull up the UI for editing the partial.
  • Modify partials. Page builder could show UI for modifying the partials, such as reordering partials, duplicating a partial, deleting a partial, etc.

Zoramite avatar Nov 18 '21 16:11 Zoramite