HTML Template

Overview

You can write your templates with regular HTML, but we recommend de use pug files, the most powerful way

├── src/
│   ├── nodes/ # Your nodes
│   │   ├── my-node-1/
│   │   │   ├── editor/ # Your node editor folder
│   │   │   │   └── index.html # Your node editor HTML/Pug (mandatory)
└── package.json

You can use HTML or Pug to create your editor template.

Warning ⚠️

The Pug file is prioritized over the HTML file.

Example with HTML

<div class="dxp-template-form-row">
    <label for="node-input-name">
        <i class="fa fa-tag"></i>
        Name
    </label>
    <div class="content">
        <input type="text" id="node-input-name"/>
    </div>
</div>
<div class="dxp-template-form-row">
    <label for="node-input-entry">
        <i class="fa fa-ellipsis-h"></i>
        Property
    </label>
    <div class="content">
        <input type="text" id="node-input-entry">
        <input type="hidden" id="node-input-entryType">
    </div>
</div>

Available Classes

See available classes