Как увеличить размер шрифта ckeditor

Question

Я хочу увеличить размер шрифта в текстовом редакторе «ckeditor».

Первое демо этой страницы (http://ckeditor.com/demo#toolbar) я использую. Я хочу сделать размер шрифта тела, чтобы сказать 44px;

Я нашел эту ссылку http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-toolbarGroups. кажется, я могу настроить свой размер шрифта с этой страницы. Но все же не мог указать, какая конфигурация подходит для увеличения размера шрифта

. Пожалуйста, помогите мне, его срочно.

Answer 1

Открыть contents.css внутри/CKEditor/каталог И вы можете изменить размер шрифта:

background-color: #ffffff; 
font-size:16px; /* Just added this */ 

Answer 2

Добавить contents.css изменить содержимое, отображаемое в редакторе шрифта по умолчанию и размер:

body { 
    font-family: Arial; 
    font-size: 44px; 
} 

и установка:

config.font_defaultLabel = 'Arial'; 
config.fontSize_defaultLabel = '44px'; 
config.contentsCss 

Смотрите документацию:

• http://docs.ckeditor.com/#!/guide/dev_styles
• http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-contentsCss

Answer 3

• Если вы хотите изменить содержимое, отображаемое в редакторе настройки contents.css.
• Если вы хотите добавить новые, предварительно определенные стили в стиле комбо, см. Официальный styles.js guide.
• Если вы разработали плагин, который добавляет некоторые функции, которые требуют стилизации, используйте метод CKEDITOR.addCss().
• Если вы хотите проанализировать существующий файл CSS и использовать правила в качестве предварительно определенных стилей, см. stylesheetparser plugin.

Answer 4

Я использую ckeditor 4.4.6 и меняю контент content.css, обратите внимание, что изменение класса body не будет работать, класс '.cke_editable' должен быть изменен.

Answer 5

вы можете использовать функцию setStyles:

CKEDITOR.replace('editor1', { 
     on: { 
      instanceReady: function (evt) { 
       evt.editor.document.getBody().setStyles({color: 'black', 'font-size': '72px'}) 
      } 
     } 
    }