Editing

Import HTML

Turn pasted HTML into Builderius elements after reviewing the generated structure.

Experimental Since DBE 2.0.0

Import HTML turns pasted markup into Builderius elements after showing you the structure it will create. It accepts several top-level elements and keeps pasted SVG editable. This is an experimental DBE 2.0 feature and requires Builderius Pro.

How to use it

  1. Save your Builderius work, then right-click the element that should receive the import.
  2. Choose Import HTML and paste your markup into the editor.
  3. Check the live module preview. If the target cannot contain children, DBE explains that it will insert the new structure after the target instead.
  4. Insert only when the preview, labels and destination are correct.

Templates, Collections and labels

  • A pasted <template> becomes a Builderius Template module.
  • An element with data-b-context, or data-dbe-module="collection", becomes a Collection.
  • Add data-dbe-label="…" to give an imported element or component a useful Navigator name.
  • DBE can detect repeated sibling structures and offer to collapse them into a Collection with sample data.

Safety and recovery

DBE strips script tags, event-handler attributes, dangerous URL schemes and unknown elements before it creates anything. A complete import cannot be undone as one action; if the result is wrong, remove the elements it created. Save first and use the preview as your checkpoint.