Tags to repeat blocks
Please note: These tags are not relevant to the drag & drop editor.
Repeaters <lp-repeater>
A newsletter usually contains blocks that need to be used repetitively. For example, an item with an image. You do not know in advance how many items there will be, and therefore it is useful that the person who writes the newsletter can determine whether a block should be added.
This is what the repeater tag is for. By placing this tag around the part of HTML that may be repeated, the editor makes it possible to add the block as often as necessary.
The blocks can be moved, unless the block consists of several <tr> elements.
Example
<lp-repeater> <table width="600"> <tr> <td width="300"> <img lp-edit lp-resizable lp-min-width="100" lp-max-width="300" src="" width="300"> </td> <td width="300"> <lp-multiline lp-label="A paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</lp-multiline> </td> </tr> </table> </lp-repeater><br>
Layout <lp-layout>
With a repeater, the same block can be repeated. But it is often desirable to have several blocks that can be used alternately; that is more flexible. For example: first a block with the image on the left and the text on the right, then with the image on the right, and then three images next to each other. This is possible with the layout tag.
This tag is used within a repeater, and encloses the different blocks that need to be used repetitively. Each layout element has its own label, and these labels are visible in the editor. This allows the person compiling the newsletter to choose which block to insert at that time.
Options
lp-label
Each layout can have its own label, which is shown in the editor when adding a block. This allows the person compiling the newsletter to add the right block.
If there is only one layout within the repeater, the label is not shown.
Example
<lp-repeater> <lp-layout lp-label="Image with text"> <table width="600"> <tr> <br><td width="300"> <br><img lp-edit lp-resizable lp-min-width="100" lp-max-width="300" src="" width="300"> <br></td> <br><td width="300"> <br><lp-multiline lp-label="A paragraph">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</lp-multiline> <br></td> <br></tr> <br></table> <br></lp-layout> <br><lp-layout lp-label="Three images in a row"> <br><table width="600"> <br><tr> <br><td width="200"> <br><img lp-edit src="" width="200"> </td> <br><td width="200"> <br><img lp-edit src="" width="200"> <br></td> <br><td width="200"> <br><img lp-edit src="" width="200"> <br></td> <br></tr> <br></table> <br></lp-layout> <br></lp-repeater><br>