A common requirement by content editors on most new projects is to be able to edit the HTML within the rich-text area. By default, a lot of the buttons are turned off in TonyMCE when you create a new page type. The quick and easy way to add the button is via the admin and it should only take you a few minutes 🙂
First, open your Episerver admin and click on the ‘Content Type’ tab. In this tutorial, I’m going to enable the HTML button on the ‘Main Description’ property on my ‘Start Page’ page type.
Select the page type you want to edit and then find the TinyMCE field that you want to configure. TinyMCE fields will be marked as type ‘XHTML string (>255). Click on the link in the name field to load up the property edit screen. Click the ‘Custom Settings’ tab and you should see an ‘Editor Toolbar’ section.
In here you should be able to see a list of components that you can enable/disable on TonyMCE. To enable/disable components simply drag them onto the toolbar, or, remove them. To enable the HTML option, find the component called ‘HTML’
Drag it onto the TonyMCE toolbar at the position where you want to see it on your TinyMCE toolbar.
Now at the bottom of the page hit the ‘Save’ button.
Now when you go back to the editor and try to create a new page using the page type you selected above, you should see the ‘HTML’ button on your rich-text property.