Make WordPress Core

Opened 8 years ago

Closed 8 years ago

Last modified 8 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)

comment:1 @thee178 years ago

  • Keywords has-solution needs-patch added

comment:2 @darkdragon8 years ago

Why should the code editor use monospace font?

comment:3 @westi8 years ago

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

-10 this would just look fugly.

comment:4 @Viper007Bond8 years ago

A plugin could probably easily accomplish this.

comment:5 @demetris8 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.