Question

我正在使用jquery tinymce编辑器。默认字体大小为10.我想更改默认字体大小。我怎么能这样做，

Answer 1

您需要使用tinymce的content_css设置来设置自己的自定义css文件（确保此设置指向css文件的有效位置）。在初始化tinymce时，将所有其他css设置（来自核心的文件）插入到编辑器iframes后，此文件将插入编辑器iframe中 - 因此，放置在文件中的所有设置都将覆盖之前的设置（通过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", 
     ...
});

Answer 2

我已经以这种方式使用了我的项目

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

这不仅仅是更改＆＃39; content.css＆＃39;

中的属性值

Answer 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"}
 });

Answer 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>

Answer 5

或者只是找到tinymce使用的css文件并更改font-size。例如，如果你使用简单的主题，那么去这样的地方：js/themes/simple/skins/default/content.css并改变font-size。为我工作。

Answer 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");
 });
}

Answer 7

下面的答案对我有用：

        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';
            });
        }

Answer 8

在tinymce/themes/advanced/skins/o2k7/content.css中添加css：

#tinymce {  font-size: 15px;}

Answer 9

一个选项是content_style，您可以在其中向编辑器添加额外的css。

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

很遗憾，由于他们设置了css的顺序，你不能只设置body而不是!important。

此外，我不允许人们更改字体大小 - 这可能会变得混乱。

这有助于我改变所查看的“默认”尺寸，但如果让人们在此之后更改字体大小，则需要谨慎。

对我而言，这种快速而肮脏的方法就是我所需要的，因为我正在编辑的HTML非常简单。

Answer 10

只需编辑

TinyMCE的/主题/先进/皮/ o2k7 / content.css

并在此行更改font-size：

textProperty

Answer 11

以下为我工作：

CSS路径：

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

body {background-color：#fff; color：＃000; font-family：Verdana，Arial，Helvetica，sans-serif; font-size：14px;

我从11px更改为14ox。

Answer 12

要更改TinyMCE中的默认字体大小，可以根据使用情况在初始化脚本中使用content_css或content_style（或两者结合使用）。

content_css可用于加载特定的样式表。

例如（在字体mycontent.css中的body元素上设置了font-size）：

content_css : '/mycontent.css'

content_style可用于调整（或覆盖）编辑器正在使用的任何样式表的各个部分，而不管是默认的编辑器CSS还是您用content_css指定的样式。

例如：

content_style: 'body { font-size: 12px; }'

此处有更多信息和示例：https://www.tiny.cloud/blog/how-to-change-the-default-font-family-size-and-color-in-tinymce。

Answer 13

设置默认字体大小：添加这些选项。使用版本：4.8.5 (2018-10-30)

fontsize_formats: "8pt 9pt 10pt 11pt 12pt 14pt 18pt", 
content_style: "body {font-size: 9pt;}"

Answer 14

据我所知，TinyMCE继承了为父标记定义的字体大小，例如<body>标记

Answer 15

这里有没有任何编码的方法

使用插件＆＃39; TinyMCE Advanced＆＃39;
在设置中激活它。

更详细的说明here。

如何在tinymce中更改默认字体大小？

15 个答案: