U4-10246 - Can No Longer Add Images to TinyMCE Buttons

Created by Nicholas Westby 03 Aug 2017, 22:23:24 Updated by Nicholas Westby 03 Aug 2017, 22:23:24

In tinyMceConfig.config, you can add new commands (aka, buttons), such as with this example:

code Code images/editor/code.gif code 1

The icon is really a path to an image. As far as I know, this is the only way to associate a graphic with a TinyMCE button. However, this code change was made to the core of Umbraco:


You can see that code here: https://github.com/umbraco/Umbraco-CMS/blob/5397f2c53acbdeb0805e1fe39fda938f571d295a/src/Umbraco.Web.UI.Client/src/views/propertyeditors/rte/rte.prevalues.html#L11

Note that the code that was displaying an image was commented out. So, only icon fonts can now be used to display a graphic for a TinyMCE button. If you try to use an image, this is what you get (when configuring a rich text editor data type):


I have modified the tinyMceConfig.config file to specify images for all three of the bottom commands (rhythmreadingage, blockquote, and abbreviation). It would seem that an icon font already exists for the block quote, as it's displaying an icon rather than an image.

This change seems unintentional, and so I'd call it a bug. Even if it's not a bug, how are we expected to add new icons? This page has no information on an alternative means of doing so: https://our.umbraco.org/documentation/reference/config/tinymceconfig/

2 Attachments


Priority: Normal

Type: Bug

State: Submitted


Difficulty: Normal


Backwards Compatible: True

Fix Submitted:

Affected versions: 7.6.4

Due in version:


Story Points: