Konvertiere dein eigenes HTML in Drag & Drop

Wäre es nicht erstaunlich, wenn du eine HTML-Vorlage erstellen, in deinen Account im adRom Marketing Portal hochladen und dann in unserem Drag & Drop-Editor bearbeiten könntest?

Die Antwort ist JA, das geht sogar sehr leicht! Füge einfach jedem Element, das bearbeitet werden soll, ein spezielles Tag hinzu. Wir konvertieren deine HTML-Vorlage automatisch ins Drag & Drop-Editor-Format und bieten Optionen zum einfachen Bearbeiten deiner markierten Elemente.

So konvertierst du HTML-Code:

Füge einfach die Eigenschaft mp: edit = “true” zu einem unterstützten Element hinzu, wie im folgenden Beispiel gezeigt wird.

<html>
 <head></head>
 <body>
 <div>
     <img src="https://mp.adrom.net/static/img/drag-drop-2.png" mp:edit="true"/></div>
 <div>
     <a href="https://google.com" mp:edit="true">Ein editierbarer Link</a>
 </div>
 <table width="100%">
    <tr>
       <td mp:edit="true">
          Hier steht der Inhalt deines Elementes: <TD>
       </td> 
     </tr>
 </table>
 <div mp:edit="true">
   Hier steht ein weiterer Inhalt: <DIV>
 </div>
 <span mp:edit="true">
    Hier steht ein weiterer Inhalt : <SPAN>
 </span>
 </body>
</html>

Wichtig:

Du kannst Bearbeitungs-Tags nicht verschachteln! Sie dürfen nur auf den letzten Elementen erscheinen, welche du bearbeiten möchtest.

Das folgende Beispiel funktioniert beispielsweise NICHT richtig.

<div mp:edit="true">
     Hallo Welt
    <div mp:edit="true">
        Das funktioniert nicht!
    </div>
</div>

Unterstützte Elemente:

Du kannst das Tag “mp-edit” zu jedem der folgenden HTML-Elementtypen hinzufügen

<img>

<a>

<div>

<td>

 

Anschließend kannst du deinen vorbereiteten HTML-Code zum adRom Mail Portal entweder in einer Zip-Datei hochladen (praktisch, wenn gleichzeitig Bilder zum hochladen gibt) oder einfach in den Code-Editor einfügen.

Tagged: