在 TinyMCE 中设置默认字体大小和背景颜色答案

【问题标题】：Setting default font size and background color in TinyMCE在 TinyMCE 中设置默认字体大小和背景颜色
【发布时间】：2026-01-14 00:30:01
【问题描述】：

如何在 TinyMCE 中设置默认字体大小和背景颜色？

谢谢，伊甸园

【问题讨论】：

标签： tinymce

【解决方案1】：

您也可以使用 Javascript 更改 css。

将此添加到您的 init 函数中：

oninit : "postInitWork",

和

function postInitWork() {
    tinyMCE.getInstanceById('textedit').getWin().document.body.style.backgroundColor='#FFFF66';

    var dom = tinymce.activeEditor.dom;
    var pElements = dom.select('p'); // Default scope is the editor document.

    dom.setStyle(pElements, 'color', 'red');
}

【讨论】：

谢谢。这对我在 WordPress 3.3 博客上也有帮助，我们现在可以在插件和主题中使用内置的 TinyMCE 编辑器。 (codex.wordpress.org/Function_Reference/wp_editor)。画完东西后，我使用了 $(tinyMCE.getInstanceById('mytextarea').getWin().document.body).css('font-family','sans-serif');将字体从 serif 切换为 sans。

【解决方案2】：

您是否尝试过 content_css 选项？ TinyMCE 常见问题解答中提到了这一点：http://wiki.moxiecode.com/index.php/TinyMCE:FAQ#Change_default_text_color.2Feditor_background_in_TinyMCE.3F

您可以使用它为您的编辑器指定一个 CSS 文件，允许您设置字体和背景颜色等内容。

希望这会有所帮助；谢谢山姆

（我意识到这是一篇很老的帖子，只是为了方便其他人阅读而添加它）

【讨论】：

【解决方案3】：

background

所以基本上你会复制主题/高级/editor_ui.css 到您的自己的位置，编辑颜色和它应该没问题。

.mceEditorArea {
    font-family: "MS Sans Serif";
    background: #FFFFFF;
}

font size

tinyMCE.init({
    ...
    font_size_style_values : "xx-small,x-small,small,medium,large,x-large,xx-large"
});

无论如何，谷歌是你的朋友

【讨论】：

这对默认字体大小有什么帮助？您展示了如何设置可用尺寸列表。