Make WordPress Core

Opened 15 years ago

Closed 14 years ago

Last modified 14 years ago

#4843 closed enhancement (wontfix)

Code editor should use monospace font

Reported by: hje1555's profile hje1555 Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: TinyMCE Keywords: has-solution needs-patch
Focuses: Cc:


The code editor should use a monospace font. This can be hacked into the source in the following file: wp-includes\js\tinymce\themes\advanced\css\editor_ui.css

.mceEditor { font-family: monospace; }

Change History (5)

#1 @thee17
14 years ago

  • Keywords has-solution needs-patch added

#2 @darkdragon
14 years ago

Why should the code editor use monospace font?

#3 @westi
14 years ago

  • Milestone 2.4 deleted
  • Resolution set to wontfix
  • Status changed from new to closed

-10 this would just look fugly.

#4 @Viper007Bond
14 years ago

A plugin could probably easily accomplish this.

#5 @demetris
14 years ago

Please reconsider this, that is, changing to monospace the font used in the two instances of the non-visual post editor:

  1. The HTML tab next to the visual editor
  1. The plain text area that you get if you untick "Use the visual editor when writing" in your profile


When the non-visual mode is selected, the reason is probably markup: either manually entering markup or checking the markup; a proportional font is not convenient for this.

btw, here is what I did to get a monospace font in the non-visual editor. In wp-admin/css/global.css, right under:

textarea, input, select {
    font: 13px Verdana, Arial, Helvetica, sans-serif;
    margin: 1px;
    padding: 3px;

I added:

textarea {
    font: monospace;
Note: See TracTickets for help on using tickets.