December 17th in Linux/Unix by pbu .

Changing Default Font in TinyMCE Editor

TinyMCE editor is a very good open source (GPL) html editor based on WYUSIWYG environment. It is javascript based and can be easily integrated to any PHP or ASP based scripts.

Download: http://tinymce.moxiecode.com/

It will automatically convert all text areas in your form into a rich text html editor.
If you want to change the font or default font size, just find edit_content.css in advanced or simple templates folder and make necessary changes. Remember you will need to change the css file inside both advanced and simple themes.

Path: /tinymce/themes/advanced/css/advanced/edit_content.css

Edit the css file..and find this code…and make changes

body, td, pre {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}

You can also add new changes inside this file if you want some special styles…to be displayed inside the editor.

blockquote {
padding: 5px;
border: 1px solid black;
}

You will need to refresh or flush the browser only then you will be able to see the changes.

Similar Posts:

Share and Enjoy:
  • del.icio.us
  • digg
  • StumbleUpon
  • Technorati
  • DZone
  • Facebook
  • FriendFeed
  • Reddit
  • RSS
  • Twitter

3 Comments

  • Bytes Longman
    February 27, 2009
  • pbu
    February 27, 2009
  • Sanjay
    August 7, 2009

Leave A Comment.