Как изменить отступы (margin) у параграфов в ckeditor?

Question

[alexandrnevajno1]

Здравствуйте. Я подключил ckeditor к своему проекту. Но когда печатаю там параграфы - жму Enter, у параграфа появляются margin'ы. Как мне их убрать? У меня стоит reset на параграфы - чтобы не было margin. Но на плагин этот reset не действует. Прикладываю скриншот.

Есть вот такие margin:

-webkit-margin-before: 1em;
-webkit-margin-after: 1em;

В хроме там, где обычно указан файл, в котором написаны стили, написано вот что:
user agent stylesheet
И больше ничего (моего reset нету). Почему его нету? И как мне убрать эти отступы?

Answer 1

[Karen Ananiev]

Потому что редактор работает в iframe и ничего не знает про ваши внешние стили. Используйте contents.css https://docs.ckeditor.com/ckeditor4/latest/api/CKE...

Comments

[alexandrnevajno1]

Спасибо за ответ. А если я свой основной CSS файл укажу, это повлияет на скорость загрузки страницы? В общем, лучше файл CSS поменьше указывать? Или можно прям основной?

[Karen Ananiev]

alexandrnevajno1, не повлияет, если у вас настроено кеширование. Что будет с производительностью - не знаю.

[alexandrnevajno1]

Karen Ananiev, А как с JS быть? Он тоже не видит элементы, которые в iframe. Как подключить JS файл, который будет видеть?

[Karen Ananiev]

alexandrnevajno1, у инстанса редактора есть свойство document. Используя его можно подключать скрипты. Другой вопрос - зачем вам это нужно. За всю мою практику это потребовалось лишь один раз в очень специфичном случае.

[alexandrnevajno1]

Karen Ananiev, у меня стоит reset для css. Если через редактор делать список, у него нет ни маркеров, ни цифр. Я хочу, чтобы при создании списка к нему добавлялся специальный класс - у которого есть маркеры / цифры.
Кстати, может, вы знаете другой способ это сделать?

Answer 2

[NaN]

ну раз нету, значит файл не подключился