Применение стилей к выводу HTML CKEditor 5 - PullRequest
Новая
       9

Применение стилей к выводу HTML CKEditor 5

0 голосов
/ 19 сентября 2018

Я использую CKEditor 5, чтобы помочь своим клиентам публиковать свои статьи.Но контент, сгенерированный редактором, представляет собой чистый HTML-фрагмент.Как оформить контент?Возможно ли, что содержимое, стилизованное в <div/> страницы, совпадает со стилем в ckeditor5?

Я знаю, что я могу написать CSS для содержимого, это лучший способ?

1 Ответ

0 голосов
/ 20 сентября 2018

Ваш вопрос сводится к этой записи FAQ :

Нет такой вещи, как файл contents.css, потому что в CKEditor 5 функции имеют свои собственные стили контента, которыепо умолчанию включены в сборку JavaScript и загружаются загрузчиком стилей (их также можно извлечь).Он оптимизирует размер сборок, поскольку стили неиспользуемых функций просто исключаются.

Несмотря на то, что функции предоставляют некоторые стили, разработчики должны убедиться, что контент, созданный CKEditor 5, правильно стилизован.как в передней части, так и в задней части.Чтобы оформить содержимое в редакторе (back-end), используйте CSS-класс .ck-content

. В настоящий момент редактор предоставляет очень мало стилей содержимого.Вот почему администраторы веб-сайтов должны стилизовать отредактированный контент в front / back-end.

Например, чтобы убедиться, что элементы <a> правильно оформлены, вы, вероятно, захотите что-то вроде этого: 

#content-container-in-frontend a,
#backend-container .ck-content a {
   ...
}

PS Не стесняйтесьскажем в вопрос о стилях контента .Мы хотели бы узнать больше о вашем сценарии использования (Какова ваша среда? Используете ли вы Webpack? Как вы управляете стилями в проекте?), Что вы ожидаете и что лучше всего подходит для вас.

...