Plantillas editables

Se puede arovechar el editor dinámico para generar plantillas HTML compatibles, de esta forma puedes permitir arrastras bloques o editar contenido directamente, para ello se disponen de atributos HTML que son interpretados por el editor dinámico de fomra nativa.

Atributos HTML especiales

`te-draggablecontainer`

Contenedor padre de los elementos que pueden ser recolocados y donde puede ser arrastradas nuevas estructuras

Aplica a:

tbody

Ejemplo:

<table>
    <tbody te-draggablecontainer="">
        <tr te-draggable="">
            <td>[...]</td>
        </tr>
        <tr te-draggable="">
            <td>[...]</td>
        </tr>
    </tbody>
</table>

`te-draggable`

Bloque que puede ser recolocado

Aplica a:

div
tr

Ejemplo:

<table>
    <tbody te-draggablecontainer="">
        <tr te-draggable="">
            <td>[...]</td>
        </tr>
        <tr te-draggable="">
            <td>[...]</td>
        </tr>
    </tbody>
</table>

`te-repeatable`

Bloque que puede ser duplicado o repetido desde el editor

Aplica a:

div
tr
td
table

Ejemplo:

<table>
    <tbody >
        <tr te-repeatable="">
            <td>Este bloque es repetible</td>
        </tr>
    </tbody>
</table>

`te-edit`

Elemento que puede ser editado, puede ser un bloque para texto o una imagen

Aplica a:

div
td
span
img

Ejemplo:

<table>
    <tbody >
        <tr>
            <td>
                <img src="" te-edit="">
            </td>
            <td te-edit="">
                Texto por defecto
            </td>
        </tr>
    </tbody>
</table>