Я работаю с CKEditorНастройка размера шрифта и семейство шрифтов в CKEditor
Я хочу спросить, как мы можем установить семейство шрифтов и размер шрифта в этом плагине, Я попытался с помощью
CKEDITOR.config.font_defaultLabel = 'Arial';
CKEDITOR.config.fontSize_defaultLabel = '12px';
, но эти команды просто изменить передний конец (название шрифта и размер)
Что же выход?
Самый надежный способ (1) - переопределить стили CSS по умолчанию для содержимого CKEditor, которые вы хотите изменить в отдельном файле, добавленные в ваш editor configuration через опцию config.contentsCss.
См рабочего образца для этого сценария в CKEditor SDK: http://sdk.ckeditor.com/samples/classic.html
прокрутите вниз до «Классического редактора с пользовательскими стилями» образцом там; вы можете загрузить точный исходный код этого решения в разделе «Получить исходный код образца» на странице примера. В этом случае пользовательский шрифт и другие стили были определены в отдельном classic.css файле, который затем подается в конфигурации экземпляра редактора с:
<script>
CKEDITOR.replace('myeditor', {
/* Default CKEditor styles are included as well to avoid copying default styles. */
contentsCss: [ 'contents.css', 'classic.css' ]
});
</script>
Не забывайте, что это справедливо только для classic editor как in inline editor content styles are the same as the page styles, так что все содержание стайлинг происходит непосредственно из таблиц стилей страниц.
(1) Этот метод лучше, чем изменение файла по умолчанию contents.css, потому что вы не рискуете перезаписать свои изменения, когда вы upgrade CKEditor.
Если вы используете classic editor, проверьте файл contents.css в корневой папке CKEditor. Вы можете изменить стили, включая шрифты, для всех элементов HTML, также для элемента <body> (область редактирования).
Вместо модификации по умолчанию config.css вы можете указать дополнительные файлы CSS для загрузки с config.contentsCss, это избавит вас от головной боли при последующих обновлениях. См. Комментарий Анны.