Изменение типа/размера шрифта по умолчанию в TinyMCE

Ответ 1

Ну, существует несколько content.css, и только один используется для стилизации вашего редактора в зависимости от ваших настроек конфигурации.

Вы должны использовать опцию конфигурации content_css и называть собственный файл css, где вы можете перезаписать настройки по умолчанию для редакторов ( content.css, которые вы недавно искали). В функции init используйте что-то вроде

content_css: "http://localhost/css/my_tiny_styles.css",

а в my_tiny_styles.css или в любом другом файле вы используете

font-family: myfont1, myfont2, sans-serif;

Ответ 2

Вот еще один способ решить эту проблему.

Добавив свои собственные стили в наш файл CSS, определив идентификатор tinymce.

#tinymce .mceContentBody p {
   font-family: your_font_name !important; 
}

Ответ 3

Если вы хотите изменить значение по умолчанию для dropbox, а не только на дисплее css, с tinyMCE 4 теперь:

setup : function(ed) {
 ed.on('init', function(ed) {
  ed.target.editorCommands.execCommand("fontName", false, "Calibri");
  ed.target.editorCommands.execCommand("fontSize", false, "11pt");
 });
}

EDIT: это опция установки функции init, как описано здесь: https://www.tinymce.com/docs/configure/integration-and-setup/#setup

Ответ 4

Для людей, у которых проблемы с добавлением таблицы стилей из-за проблем с путями или по какой-либо причине, это должно сделать это довольно просто:

setup : function(ed) {
     ed.on('init', function(){
         $(this.getDoc()).find('head').append('<style>p{margin:0;}</style>');
     });
}

Примечание. Я использовал jQuery, но, конечно же, можно без него сделать.

Ответ 5

Здесь, как это сделать, не касаясь CSS или других кодов.

• Используйте плагин 'TinyMCE Advanced'
• Активируйте его в настройках.

Более подробные инструкции здесь.