Changing Default Font in TinyMCE Editor

Linux/Unix Add comments

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.

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • BlinkList
  • blogmarks
  • del.icio.us
  • digg
  • feedmelinks
  • Furl
  • Fleck
  • MyShare
  • NewsVine
  • Netscape
  • Slashdot
  • Spurl
  • StumbleUpon
  • Taggly
  • Technorati
  • Wists
  • YahooMyWeb

Leave a Reply

WP Theme & Icons by N.Design Studio
Entries RSS Comments RSS Login