Используйте CSS-классы для стилизации шаблона Kendo Editor.

Question

Я хочу иметь возможность добавлять классы к элементам HTML в шаблоне Kendo , а затем применять к ним стилизацию с помощью CSS.

<style>
    .foo {
        color: red;
    }
</style>

<table class="table template">
    <thead>
        <tr>
            <th>A</th>
            <th>B</th>
            <th>C</th>
            <th>D</th>
            <th>E</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td class="foo">Foo</td>
            <td>Bar</td>
            <td>Baz</td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>

<textarea id="myKendoEditor"></textarea>

<script>
let template = $(".template").get(0).outerHTML;
$("#myKendoEditor").data("kendoEditor").value(template);
</script>

Это не работает, я думаю, потому что разметка в шаблоне не является частью DOM в точке, где применяется CSS.

Есть ли способ сделать это? Единственный успех, который у меня был, - это добавление атрибутов style к элементам в шаблоне, но это действительно неприятно, так как я хочу отделить стиль от шаблона.