Umbraco - Add colour to your RTE

Posted 5 Feb 17 by Darren Welch

At times you may need to give your clients the ability to change the colour of their content.


Umbraco by default does not have this functionality. (well at least not on version 7.4.3)


If you would like to enable this feature you will need to:


  1. download a newer version of TinyMCE.  Click on
  2. Copy the contens from the zip file into the "/umbraco/lib/tinymce" folder.
  3. Locate the "/config/tinyMceConfig.config" file.
    • Add:
       <plugin loadOnFrontend="true">textcolor</plugin>
    • Add:
       <plugin loadOnFrontend="true">colorpicker</plugin>
    • Add:
      <tinyMceCommand value="" userInterface="true" frontendCommand="forecolor">forecolor</tinyMceCommand>
  4. In the backoffice, click on developer, data types, richtext editor.
  5. Tick the color picker option.
  6. update your web.config and refresh the changes.


Darren Welch


Darren Welch

  5 Feb 17

Contact me online



 Linked In

 Git Hub

Related Content

Creating HTML Helpers

05 Feb 2017

Create circular images with CSS

05 Feb 2017

Toastr - a useful message javascript library

05 Feb 2017