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

Как изменить шрифт по умолчанию и размер шрифта в TinyMCE?

Я использую расширенный скин, и я изменил body, td, pre стиль по умолчанию/содержание.css, но он все равно не меняется.

16
default font-face font-size tinymce

5 ответов

ну, их несколько содержание.в CSS и только один используется для стиля вашего редактора в зависимости от вашего настройки.

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

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

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

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

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

добавив свои собственные стили в наш CSS-файл, определив TinyMCE id.

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

Если вы хотите изменить значение по умолчанию для dropboxes, а не только для отображения 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");
 });
}

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

1

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

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

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

0

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

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

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

-1