Я использую CKEditor 5 в своем приложении для пользователей, чтобы вводить документы с изображениями, мультимедиа, таблицами и стилизованным текстом. Как только пользователь сохраняет документ, я снова вынимаю его для отображения. Раньше, когда у меня был только самый общий стиль, я отображал содержимое так:
<div [innerHTML]="doc.text"></div>
Это приложение Angular, которое объясняет синтаксис, использованный выше. Проблема в том, что текст отображается, но эффективный CSS делает его похожим на другой. Например, в CKEditor есть функция, позволяющая пользователю автоматически изменять размер изображения до 50% и обтекать его текстом. В редакторе это выглядит очень хорошо, но при отображении, как показано выше, изображение возвращается в полный размер.
Мой обходной путь на данный момент - вызвать ckeditor в отключенном режиме, например:
<ckeditor [editor]="Editor" [config]="{ toolbar: [ ] }"
[disabled]="true" [data]="doc.text"></ckeditor>
Это работает, но я бы предпочел иметь решение, при котором мне не нужно импортировать ckeditor в компоненты, которые не должны позволять пользователю редактировать документ. Кто-нибудь знает, как это сделать?