Visual Editor

Visual Editing lets you craft stunning content experiences, all within a user-friendly interface.

Visual Editing experience offers:

  • Make changes to any document and see the impact reflected instantly across all connected content.
  • No more hunting for editable areas! Overlays act as visual cues that let you click and jump directly to the content you want to edit.

Sync Script

Add the next script to your HTML page, and by replacing <firebase-project-id> with your firebase project id:

Listen for Events

Your application can subscribe to the Localess Visual Editor Events :

window.localess.on(['input', 'change'], (event) => {
  if (event.type === 'input' || event.type === 'change') {
    console.log(event.data);
    //Update your content data ...
  }
});

Highlight Component

undefined

To highlight components in the Localess Visual Editor you will need to add data-ll-id attribute on the HTML tag with the content generated id, present under _id field for each generated schema:

....

Official Libraries

TypeScript

TypeScript is a free and open-source high-level programming language developed by Microsoft.

Read More

© Copyright 2024 Lessify Rights Reserved. Build with Localess