Scripting the Visual Editor

You can leverage your browser's console with JavaScript to manipulate elements in a Builder content entry.

Open a Builder content entry in the Visual Editor.
Open your browser's JavaScript console.
In the console, use the global builder to interact with the elements in the current entry as in the following video example:

The example in the video above removes the top margin from the elements on the Page and is as follows:

builder.allEditingElements.forEach(el => {
  if (el.style.get('marginTop') === '20px') {
    el.style.delete('marginTop')
  }
})

What's next

If you'd prefer to use the UI, rather than the browser console, visit Intro to Plugins where you can find information on what plugins are and how to use them.

Was this article helpful?