One very frequently requested tutorial I get asked for is being able to customize the TinyMCE editor.  In today's post, I'm going to go over all the code that you'll need in order to customize the TinyMCE toolbar, to display whatever you require.  This guide will only cover customizing the TinyMCE toolbar on a per content area basis.  

The ServiceConfiguration

If you want to look at some of the default styles, you can have a look at the TinyMCE property here.  For reference, there's a static Episerver property, called amazingly 'TinyMCEButtons' that wraps the different button names, so you can strongly type them in your code, rather than having to manually type in the strings. 

To apply this new custom toolbar to a content area, you can decorate your XHtmlString properties within your pages/blocks like so: