Возникли проблемы со стилем внутреннего содержимого моего компонента CkEditor, установленного через npm из https://www.npmjs.com/package/ckeditor4-angular
Я бился головой об стену с их документацией.
Я пытаюсь получить внешнюю таблицу стилей через URL. По какой-то причине стиль применяется к выпадающим панелям инструментов Ckeditor, но не к самому внутреннему содержимому. Может быть, я неправильно читаю вещи, но я хочу применить стили к внутреннему контенту без выпадающего списка стилей - хотя я согласен на это, если ничего другого, но мне так и не удалось заставить это работать.
Пример того, что я имею в виду: Здесь - скриншот примененной стилизации панели инструментов, но не внутреннего содержимого
Мой код для конфигурации компонента выглядит следующим образом
<ckeditor
[id]="identifier"
class="ck-editor"
[config]="{
allowedContent: true,
height: height,
extraPlugins: 'justify,stylesheetparser,divarea,stylescombo,richcombo,floatpanel,listblock,button,panel',
disableNativeSpellChecker: false,
extraAllowedContent: '*{*}',
format_tags: 'p;h1;h2;h3;h4;h5;h6;pre',
contentsCss: ['https://www.example.com/assets/css/admin.css'],
stylesSet: [],
toolbar: [
['Format'],
['Bold', 'Italic', '-', 'RemoveFormat'],
['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock'],
['Undo', 'Redo'],
['NumberedList', 'BulletedList'],
['Outdent', 'Indent', 'Blockquote'],
['Link', 'Unlink', 'Anchor'],
['Image', 'Flash', 'Table', 'HorizontalRule', 'SpecialChar', 'jsscripts', 'codemirror'],
['Source'],
['Templates']
]
}"
[data]="value"
(change)="onContentChange($event)"
(ready)="otherConfigurations($event)"
></ckeditor>
Что еще хуже, мы переносим функциональность на новое приложение, и оно, похоже, работает в старом приложении (coldfusion), но, похоже, в старом приложении нет какой-либо конфигурации стилей.
Пример того, что я имею в виду