Question

如何在TinyMCE中更改默认字体类型和字体大小？

我正在使用高级皮肤，我在default / content.css中更改了body, td, pre样式，但它仍然没有改变。

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

Answer 2

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

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

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

Answer 3

如果你想更改dropbox的默认值而不是display 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

Answer 4

对于因路径问题或任何原因而无法添加样式表的人，这应该非常简单：

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

注意我使用了jQuery，但当然可以在没有它的情况下完成。

Answer 5

以下是如何在不触及CSS或任何其他代码的情况下执行此操作。

使用插件'TinyMCE Advanced'
在设置中激活它。

更详细的说明here。

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

5 个答案: