¿Cómo permitir caracteres especiales en el nombre de la clase o en el atributo de datos?

En mi código HTML, tengo algunos marcadores de posición de variables definidos en el nombre de la clase o en los atributos de datos de element. Por ejemplo, consideremos el siguiente bloque de código,

'''html <div class="list-container" data-page-id="{{page.id}}"> <ul class="{{list.className}}" data-list-id="{{list.id}}"> <li data-list-id="{{list.item.id}}">List Item 1</li> <li data-list-id="{{list.item.id}}">List Item 2</li> </ul> </div>

Cuando cargo esto en el editor, los elimino y no puedo recuperarlos mientras exporto el código a través de 'editor.getHTML()'. Así que, el resultado del código anterior es el siguiente,

'''html
<div data-page-id="{{page.id}}" class="list-container">
  <ul data-list-id="{{list.id}}" class="-list-className-">
    <li data-list-id="{{list.item.id}}">List Item 1
    </li>
    <li data-list-id="{{list.item.id}}">List Item 2
    </li>
  </ul>
</div>

Si ves el resultado, la clase del elemento 'ul' cambia de '{{list.className}}' a '-list-className-'.

¿Hay alguna forma de conservarlos mientras se carga y exporta el HTML?

Por favor, ayudadme.

Gracias