Changing the font in the plain text editor

• 

  amca01 · Member · Apr 3, 2008 at 10:28 pm

  • Copy link
  • Add topic to favorites

  I am using the plain text editor, the better for control over embedded code segments (using the

   tag), but the font in the editor is not monospaced, which makes visual formatting very difficult.  How do I obtain a monospaced font in the editor?
  
  Thanks,
  Alasdair

• 

  amca01 · Member · Apr 3, 2008 at 10:31 pm

  • Copy link

  Drat – there was a formatting I didn’t expect:
  —
  I am using the plain text editor, the better for control over embedded code segments (using the <pre> tag), but the font in the editor is not monospaced, which makes visual formatting very difficult. How do I obtain a monospaced font in the editor?

  Thanks,
  Alasdair

• 

  deltafoxtrot · Member · Apr 3, 2008 at 10:37 pm

  • Copy link

  I suppose a browser side stylesheet could do the trick. What’s your browser version?

• 

  thesacredpath · Member · Apr 3, 2008 at 10:39 pm

  • Copy link

  You would have to hack the underlying files to change the display font in the editor, and we do not have access to those files.

• 

  amca01 · Member · Apr 4, 2008 at 12:21 am

  • Copy link

  Thanks, folks. I guess I should use another editor to create my posts, and copy and paste into wordpress. Seems like a extra annoyance though – I like to keep within one application, if I can.

  I’m currently using firefox (linux), version 2.0.0.1.

• 

  deltafoxtrot · Member · Apr 4, 2008 at 12:26 am

  • Copy link

  I’m heading for my bed now. But I’ll get back to this thread later, since this a problem i’d like to tackle for myself as well.

• 

  deltafoxtrot · Member · Apr 4, 2008 at 12:32 am

  • Copy link

  You can try and paste this into your userContent.css. It should format the code editor accordingly.:
  body.wp-admin textarea#content{font-family:monospace;}

  To find out more about this:
  http://support.mozilla.com/en-US/kb/Editing+configuration+files#userContent_css

• 

  amca01 · Member · Apr 4, 2008 at 12:46 am

  • Copy link

  Brilliant – deltafoxtrot you are a life saver! I just needed to make a tiny amendment:

  body.wp-admin
  textarea#content{font-family:monospace !important;}

  and now I have exactly what I wanted.

• 

  gamehq · Member · Apr 4, 2008 at 12:53 am

  • Copy link

  You also can go with option B which is a off line blog editor thats what I use “Windows Live Writer” with WLW you have the ability to see what your content is going to look like on your blog before you save or publish your content
  Link>Windows Live Writer

• 

  gamehq · Member · Apr 4, 2008 at 12:55 am

  • Copy link

  I forgot to mention that you have better control with your HTML code tags With WLW

• 

  deltafoxtrot · Member · Apr 4, 2008 at 8:02 am

  • Copy link

  Thanks for getting back with the tiny amendment. I’ll enhance this hack for several other instances of textareas, where a monospaced font comes handy, such as this very box, I’m wrting in right now.

  body.wp-admin
  textarea#content{
  font-family:monospace !important;
  }
  textarea#post_content{
  font-family:monospace !important;
  }