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

Ответ 1

Вам нужно использовать параметр content_css для настройки собственного собственного файла css (убедитесь, что этот параметр указывает на действительное местоположение файла css). Этот файл будет вставлен в редактор iframes head после того, как все остальные настройки css (файлы из ядра) будут вставлены там при инициализации tinymce - таким образом, все настройки, которые вы помещаете в ваш файл, перезапишут настройки, сделанные ранее (по tinymce).

Пример: Установка размера шрифта по умолчанию для 11px. Содержимое пользовательского файла css (я назвал его content.css в моей установке):

body {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
}

Как использовать этот параметр:

tinyMCE.init({
 ...
 // you do not need to include it yourself, tinymce will do this for you, 
 // but you will need to give tinymce the location of your css file
 content_css : "http://www.myserver.com/css/content.css", 
     ...
});

Ответ 2

Я использовал в своем проекте таким образом

tinymce.init({
  selector:"#txt1",
  setup : function(ed)
  {
    ed.on('init', function() 
    {
        this.execCommand("fontName", false, "tahoma");
        this.execCommand("fontSize", false, "12px");
    });
  }  
}); 

Это лучший способ, чем просто изменить значения свойств в 'content.css'

Ответ 3

Просто добавьте эту строку в параметры

content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",

поэтому он выглядит как

tinymce.init({
    selector: "textarea",theme: "modern",width: '100%',min_height:350 ,menubar:false,
     content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",
    browser_spellcheck : true,
    plugins: 
    [
         "advlist autolink link image lists charmap print preview hr anchor pagebreak",
         "searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
         "table contextmenu directionality emoticons paste textcolor responsivefilemanager code"
    ],
   toolbar1: " undo redo preview code | \n\
                 link  bold italic underline | hr | image responsivefilemanager media |unlink anchor  | ",
   image_advtab: true ,

   external_filemanager_path:"/tinymce/filemanager/",
   filemanager_title:"Responsive Filemanager" ,
   relative_urls: false,
    remove_script_host : false,
   external_plugins: { "filemanager" : "/tinymce/filemanager/plugin.min.js"}
 });

Ответ 4

<script type="text/javascript">
    tinyMCE.init({
        mode : "textareas",
            setup : function(ed)
            {
                // set the editor font size
                ed.onInit.add(function(ed)
                {
                ed.getBody().style.fontSize = '10px';
                });
            },
            });
</script>

Ответ 5

Или просто найдите файл css, который используется tinymce и измените font-size. Например, если вы используете простую тему, тогда переходите к следующему: js/themes/simple/skins/default/content.css и измените font-size. Работаю для меня.

Ответ 6

Я оставлю это здесь, с tinyMCE 4 теперь:

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

Ответ 7

в tinymce/themes/advanced/skins/o2k7/content.css добавить css:

#tinymce {  font-size: 15px;}

Ответ 8

Один параметр - content_style, где вы можете добавить дополнительные css в редактор.

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  content_style: "div, p { font-size: 15px; }"
});

К сожалению, вы не можете просто установить body без !important из-за порядка, который они установили css.

Кроме того, я не разрешаю людям изменять размер шрифта - и это, скорее всего, сгорит.

Это помогло мне изменить размер "по умолчанию" по мере его просмотра, но вам нужно быть осторожным, если вы позволите людям изменить размер шрифта после этого.

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

Ответ 9

Просто отредактируйте

TinyMCE/темы/продвинутый/скины/o2k7/content.css

и измените размер шрифта в этой строке:

body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}

Ответ 10

Следующее сработало для меня:

Путь CSS:

tinymce/js/tinymce/skins/lightgray/content.min.css

тело {фонового цвета: #fff; цвет: # 000; семейство шрифтов: Verdana, Arial, Helvetica, без засечек; размер шрифта: 14px;

Я изменил с 11px до 14ox.

Ответ 11

Смесь ответов здесь сработала для меня:

        base_url: '/tinymce',
        suffix: '.min',
        plugins: 'image link lists',
        menubar: false,
        toolbar: 'bold italic underline | bullist numlist | link unlink image | alignleft aligncenter alignright alignjustify',
        branding: false,
        image_uploadtab: true,
        contextmenu_never_use_native: true,
        setup : function(ed) {
            ed.on('init', function(ed) {
                this.getBody().style.fontSize = '12px';
            });
        }

Ответ 12

Насколько мне известно, TinyMCE наследует размер шрифта, определенный для родительского тега, например тег <body>

Ответ 13

Здесь, как это сделать без какого-либо кодирования

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

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