После того, как редакторы сайта стали жаловаться, что маленький размер шрифта в редакторе TinyMCE и устают глаза, то пришлось заняться этим вопросом. Оказалось, что все можно сделать легко и просто и главное не надо лезть в код самого редактора.
Для этого мы подключаем свой файл CSS и меняем нужные нам настройки: размер и тип шрифта и т.д.
Указываем свой файл tinymce_content.css в настройках TinyMCE:
tinyMCE.init({
content_css : "/css/tinymce_content.css",
....
Т.к. я использую тему advanced, то за основу был взят следующий файл: “tinymce/themes/advanced/skins/default/content.css”.
Пример файла tinymce_content.css (размер шрифта установлен в 14px):
body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; margin:8px;}
body {background:#FFF;}
body.mceForceColors {background:#FFF; color:#000;}
h1 {font-size: 2em}
h2 {font-size: 1.5em}
h3 {font-size: 1.17em}
h4 {font-size: 1em}
h5 {font-size: .83em}
h6 {font-size: .75em}
...
Дополнительная информация:
• TinyMCE:FAQ – How do I change the default font size/face color of the editor?
• TinyMCE:Configuration/content css
