Añadir nuevo bloque al gestor de bloques: el contenido predefinido y el contenido del editor son diferentes

Intento usar el motor de plantillas con grapesjs. Añadir un nuevo bloque con esto:

bm.add('promotion-lines', {
    etiqueta: 'Promotion Lines',
    categoría: c.etiquetaCategoría,
    Atributos: {Clase: 'FA FA-LIST-OL'},
    Contenido: '<ul>
  <table style="box-sizing: border-box; height: 150px; margin: 0 auto 0 auto; addding: 0 0 0 0; width: 100%;">
    <tbody style="box-sizing: border-box;"><tr style="box-sizing: border-box;">
     {% para order_line en order.order_lines %}
     <td style="box-sizing: border-box; addding: 0; margin: 0; vertical-align: top;" valign="top"/>
      {% endfor %}
    </tr>
    </tbody>
  </table>
',</ul>
  });

Arrastra el nuevo bloque al editor y entonces el contenido del editor es diferente al anterior: (el {% para order_line en order.order_lines %} se sube)

<ul style="box-sizing: border-box;">
  {% para order_line en order.order_lines %}
  <tabla id="imf58" estilo="tamaño de caja: cuadro de borde; altura: 150px; margen: 0 auto 0 auto; relleno: 0 0 0 0; ancho: 100%;" ancho="100%" altura="150">
    <tbody id="isbik" style="box-sizing box: border-box;">
      <tr id="ikbcn" style="box-sizing: border-box;">
        <td valign="top" id="ipg0l" style="box-ssizeing: border-box; addding: 0; margin: 0; vertical-align: top;">
          {% endfor %}
        </td>
      </tr>
    </tbody>
  </table>
</ul>

¿Cómo puedo evitar esto? Gracias.