Не работает функция редактирования исходных текстов в Django-CKEditor5

Я использую Django CKEditor5 в своей панели администратора. Когда я пытаюсь вставить html-код, используя функцию «Редактировать источник»,

enter image description here

он не применяет никаких стилей и автоматически преобразуется после повторного нажатия кнопки «Источник» вот в это: enter image description here

Я уже пробовал использовать GeneralHtmlSupport из документации: https://ckeditor.com/docs/ckeditor5/latest/features/html/general-html-support.html

Мой конфиг ckeditor выглядит следующим образом

       ClassicEditor.create(
        editorEl,
        config,
        {
            plugins: [GeneralHtmlSupport, SourceEditing, Undo, Alignment, Image, ImageResizeEditing, ImageResizeHandles],
            htmlSupport: {
                allow: [
                    {
                        name: /.*/,
                        attributes: true,
                        classes: true,
                        styles: true
                    }
                ]
            },
            image: {
                resizeUnit: "%",
                styles: {
                    options: [
                        { name: 'Resize', title: 'Resize', className: 'Resize' },
                    ]
                },
            },
            htmlSupport: true,
            allowedContent: true
        }
    ).then(editor => {
        const textarea = document.querySelector(`#${editorEl.id}`);

        editor.model.document.on('change:data', () => {
            textarea.value = editor.getData();
        });
        if (editor.plugins.has('WordCount')) {
            const wordCountPlugin = editor.plugins.get('WordCount');
            const wordCountWrapper = element.querySelector(`#${script_id}-word-count`);
            wordCountWrapper.innerHTML = '';
            wordCountWrapper.appendChild(wordCountPlugin.wordCountContainer);
        }
        editors[editorEl.id] = editor;
        if (callbacks[editorEl.id]) {
                callbacks[editorEl.id](editor);
            }
    }).catch(error => {
        console.error((error));
    });
    editorEl.setAttribute('data-processed', '1');
});
window.editors = editors;

вы пробовали это в CKEDITOR_5_CONFIGS

...
"extends": {
        ...
        "htmlSupport": {"allow": [{"name": "/.*/", "attributes": True, "classes": True, "styles": True}]},
       ...
}
...
Вернуться на верх