Почему и как Ckeditor добавляет виджет изображения в исходный код?

Question

[Артур Галяев]

Мы на сайте для футера сделали возможность редактирования его разметки в админке.



Редактирование по сути происходит через Исходник. Проблема в том что CKEditor искажает вёртку с изображениями, например

<li class="language-list_li" data-lang="en">>
    <img alt="" class="w-6 h-6" data-widget="image" src="/images/vendor/flag-icon-css/flags/4x3/gb.svg" />
    <span class="language-list_label">English</span>
</li>

превращает в

<li class="language-list_li" data-lang="en">
    <span contenteditable="false" tabindex="-1"><span aria-label=" изображение виджет" contenteditable="false"
    role="region" tabindex="-1"><span aria-label=" изображение виджет" contenteditable="false" role="region" tabindex="-1">
        <img alt="" class="w-6 h-6" data-widget="image" src="/images/vendor/flag-icon-css/flags/4x3/gb.svg" />
        <span style="background:rgba(220,220,220,0.5);
        background-image:url(https://cdn.ckeditor.com/4.16.0/standard-all/plugins/widget/images/handle.png);display:none;">
            <img alt="" draggable="true" height="15" role="presentation"
                 src="data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==" title="Нажмите и перетащите, чтобы переместить"
                 width="15" /></span><span title="Нажмите и растяните">​</span></span>
        <span style="background:rgba(220,220,220,0.5);
        background-image:url(https://cdn.ckeditor.com/4.16.0/standard-all/plugins/widget/images/handle.png);display:none;">
            <span aria-label=" изображение виджет" contenteditable="false" role="region" tabindex="-1">
                <img alt="" data-widget="image" draggable="true" height="15" role="presentation" src="data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==" title="Нажмите и перетащите, чтобы переместить" width="15" /><span style="background:rgba(220,220,220,0.5);background-image:url(https://cdn.ckeditor.com/4.16.0/standard-all/plugins/widget/images/handle.png);display:none;"><img alt="" draggable="true" height="15" role="presentation" src="data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==" title="Нажмите и перетащите, чтобы переместить" width="15" /></span><span title="Нажмите и растяните">​</span></span></span><span title="Нажмите и растяните">​</span></span></span>
    <span class="language-list_label">English</span>
</li>

Из-за чего это может быть?