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

Question

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

谢谢， Eden

- Eden

Answer 1

你可以使用JavaScript更改CSS。

将以下内容添加到你的初始化函数中：

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

- S.P.

---

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

Answer 2

你尝试过使用content_css选项吗？在TinyMCE FAQ中提到了这一点：http://wiki.moxiecode.com/index.php/TinyMCE:FAQ#Change_default_text_color.2Feditor_background_in_TinyMCE.3F。你可以使用它来指定编辑器的CSS文件，从而设置字体和背景颜色等内容。希望这能帮到你，谢谢，Sam。（我意识到这是一个非常老的帖子，只是为了其他读者的利益而添加这个翻译）。

- Sam

Answer 3

背景

基本上，您可以将 themes/advanced/editor_ui.css 复制到自己的位置，编辑颜色，然后就可以了。

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

字体大小

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

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

- misnyo

---

这如何帮助默认字体大小？您展示了如何设置可用大小列表。 - Kamarey