Make WordPress Core

Opened 11 years ago

Closed 10 years ago

Last modified 10 years ago

#4843 closed enhancement (wontfix)

Code editor should use monospace font

Reported by: 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
10 years ago

  • Keywords has-solution needs-patch added

#2 @darkdragon
10 years ago

Why should the code editor use monospace font?

#3 @westi
10 years ago

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

-10 this would just look fugly.

#4 @Viper007Bond
10 years ago

A plugin could probably easily accomplish this.

#5 @demetris
10 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.