Re-enable monospaced font in tinymce's dialog window (codesample plugin)
|Reported by:||timhavinga||Owned by:||azaozz|
The TinyMCE-editor has a built-in dialog window. In this flexible dialog, different UI elements can be shown, as specified by their plugin. One of these UI elements is a textarea with a specific class.
In my case, I use the codesample plugin - a default plugin of TinyMCE, though not packaged with WordPress - which enables me to place pieces of preformatted code in the visual editor.
This plugin allows me to edit these code blocks via the built-in dialog, with a textarea to enter my code. To show the code in a monospaced font, the class .mce-monospace is added to the textarea.
However, the styling of this class is overridden by line 7-13 in wp-includes/css/editor.css, which specifies that the font-family should be inherited for all child elements of the modal.
I believe this should be an easy fix by either excluding the field with the class .mce-monospace from the said lines of CSS or by adding a more specific CSS rule which re-enables the monospaced font.
Change History (4)
- Keywords needs-patch added
- Milestone changed from Awaiting Review to Future Release
- Version 4.6.1 deleted