How do I add a color picker/font selector in the RichTextEditor?
Either I am missing something, or Umbraco is really rudimentary. I need to customize the TinyMCE such that the end user can select any one of several fonts or colors. And no, I do not want to create styles for every color and font! Is there a way to do this?
ps: I checked out the True Color picker but how do I add it to in the TinyMCE?
The latest version of TinyMCE (http://tinymce.moxiecode.com/examples/full.php) has so many more features that the one in Umbraco. Is there any way I can upgrade my version of TinyMCE?
I've just given a new client a 121 tutorial on Umbraco for her new site. She was very disappointed she couldn't change text colour in the Rich Text Editor. I'm fairly new to Umbraco so was a bit put out as I hadn't noticed it was missing. Is there a solution to add it to the RTE other than producing pre-planned styles for her?
I see it as a positive that a colour picker isn't available within the RTE.
From past experience people with no real web knowledge can be like a kid in a candy store when it comes to maintaining content. They create all sorts of coloured text, different font sizes, underline text (bad bad bad), italicise stuff, etc, etc, etc.
So in reality (for the majority of content management) providing fewer options can actually be a good thing - it will most likely lead to a better maintained, more professional looking and more consistently presented site.
Having said that, have you considered the styles option within the RTE to provide controlled styling for your client. You can setup styles with specific colours, font-sizes, etc. This way you are at least ensuring consistency across the entire site.
I appreciate your points, but this is a professional publisher that understands the points you make and would like the freedom to do what she wishes. So I don't really understand why it isn't an option to be switched in or out like all the other RTE options. I agree, I wouldn't give this control to some clients for fear of them making a mess, but not all clients are the same. It's the freedom to choose that's key here.
For those looking to simply enable it — this blog post should be really helpful (http://blunderings.wordpress.com/2012/02/21/using-the-tinymce-color-picker-in-umbraco/).
The gist is this:
Update ~/config/tinyMceConfig.config with the following:
Also, a follow up to this, if you want this to apply to headings you'll need to make sure headings can be updated with the "style" tag, and not just classes. This can be done in the same file – ~/config/tinyMceConfig.config
How do I add a color picker/font selector in the RichTextEditor?
Either I am missing something, or Umbraco is really rudimentary. I need to customize the TinyMCE such that the end user can select any one of several fonts or colors. And no, I do not want to create styles for every color and font! Is there a way to do this?
ps: I checked out the True Color picker but how do I add it to in the TinyMCE?
The latest version of TinyMCE (http://tinymce.moxiecode.com/examples/full.php) has so many more features that the one in Umbraco. Is there any way I can upgrade my version of TinyMCE?
I second this question.
I've searched around in the forums and don't see anything right off hand. I've played with the config/tinyMceConfig.conf to no avail.
I would love to give users the ability to pick fonts, change color...etc. Any umbraco / tinymce experts out there?
I've just given a new client a 121 tutorial on Umbraco for her new site. She was very disappointed she couldn't change text colour in the Rich Text Editor. I'm fairly new to Umbraco so was a bit put out as I hadn't noticed it was missing. Is there a solution to add it to the RTE other than producing pre-planned styles for her?
Hi Craig
I see it as a positive that a colour picker isn't available within the RTE.
From past experience people with no real web knowledge can be like a kid in a candy store when it comes to maintaining content. They create all sorts of coloured text, different font sizes, underline text (bad bad bad), italicise stuff, etc, etc, etc.
So in reality (for the majority of content management) providing fewer options can actually be a good thing - it will most likely lead to a better maintained, more professional looking and more consistently presented site.
Having said that, have you considered the styles option within the RTE to provide controlled styling for your client. You can setup styles with specific colours, font-sizes, etc. This way you are at least ensuring consistency across the entire site.
Just my 2 cents worth.
Cheers
Nigel
Hi Nigel.
I appreciate your points, but this is a professional publisher that understands the points you make and would like the freedom to do what she wishes. So I don't really understand why it isn't an option to be switched in or out like all the other RTE options. I agree, I wouldn't give this control to some clients for fear of them making a mess, but not all clients are the same. It's the freedom to choose that's key here.
Cheers,
Craig
Hi Craig
It is often a pleasure to work with a client who has good web oriented knowledge - I cam make life so much easier.
I agree freedom of choice is key.
With the core Umbraco product being under such heavy development it would be nice to see the RTE also upgraded.
Cheers
Nigel
Good discussion, but I'm gonna weigh in here too :-)
I solved exactly what you are tying to do.
Simply put, I scrapped the Richtext Editor and made my own using a Telerik Control. It's called Rad Editor
http://demos.telerik.com/aspnet-ajax/editor/examples/default/defaultcs.aspx
I created a new data type and shoe-horned this bad boy in. Works like a charm with no issues.
If you need detailed instructions on how I did it just ask. I'll look back through my old projects and give you a hand.
-Josh
For those looking to simply enable it — this blog post should be really helpful (http://blunderings.wordpress.com/2012/02/21/using-the-tinymce-color-picker-in-umbraco/).
The gist is this:
Update ~/config/tinyMceConfig.config with the following:
<command> <umbracoAlias>mceForeColor</umbracoAlias> <icon>images/editor/forecolor.gif</icon> <tinyMceCommand value="" userInterface="true" frontendCommand="forecolor">forecolor</tinyMceCommand> <priority>25</priority> </command>Then turn on the checkbox in the dataType settings in: Developer > DataTypes > RichText Editor
Also, a follow up to this, if you want this to apply to headings you'll need to make sure headings can be updated with the "style" tag, and not just classes. This can be done in the same file – ~/config/tinyMceConfig.config
For Umbraco 7, please see this post http://our.umbraco.org/forum/umbraco-7/using-umbraco-7/49556-TinyMCE-and-forecolor-(text-color-picker)
You have to also add this to the
<plugins>section:is working on a reply...