代码之家  ›  专栏  ›  技术社区  ›  Marwelln

更改TinyMCE中的默认字体类型/大小

  •  16
  • Marwelln  · 技术社区  · 16 年前

    我用的是高级皮肤 body, td, pre

    5 回复  |  直到 16 年前
        1
  •  13
  •   Thariama    13 年前

    嗯,有几个 内容.css 并且只有一个用于根据您的 配置设置 .

    你应该使用 内容\u css 内容.css 你最近在找)。在你的 使用类似

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

    而且在 my_tiny_styles.css 或者你选择使用的任何文件

    font-family: myfont1, myfont2, sans-serif;
    
        2
  •  3
  •   franzlorenzon    12 年前

    这是解决这个问题的另一种方法。

    通过定义tinymce id将您自己的自定义样式添加到我们的CSS文件中。

    #tinymce .mceContentBody p {
       font-family: your_font_name !important; 
    }
    
        3
  •  1
  •   Georg    8 年前

    如果您想更改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");
     });
    }
    

    编辑: 这是init函数的设置选项,如下所述: https://www.tinymce.com/docs/configure/integration-and-setup/#setup

        4
  •  0
  •   Alvaro    10 年前

    对于由于路径问题或其他原因而无法添加样式表的用户,这应该非常简单:

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

    注意,我使用了jQuery,但是当然也可以不用它。

        5
  •  -1
  •   shadowoflight_    11 年前

    下面是如何做到这一点,而不接触CSS或任何其他代码。

    1. 使用插件“TinyMCE Advanced”
    2. 在“设置”中激活它。

    更详细的说明 here