Press Ctrl / CMD + C to copy this to your clipboard.
Copied to clipboard
Flag this post as spam?
This post will be reported to the moderators as potential spam to be looked at
Topic author was deleted
Dec 05, 2017 @ 21:31
HOW? TinyMCE - more Font Size, more Colors and more Font Family
Hello, I have installed the new tinyMce, I also have activated font family, font size and color selector buttons.
They work fine, but they are really limited.
Reading online I didn't find still a solution for umbraco to integrate the color picker, to allow the users to get all the colors they would. (Like using spectrum inside tinyMCE)
Reading the documentation I see that I can add some colors but, I don't understand where I should do it.
I would also add the font Calibri to the list of available fonts, and add all the sizes to the font size selector.
Adding this code to the tinyMceConfig.config you get:
The possibility to add custom colors by inserting the RGB code or their HASH code when you click on your forecolor button in the editor (you get a new line "Custom..." and some "Recent" colors)
Hi Ben, I know about this feature thanks, but as there is a dropdown list of sizes and fonts, I'm pretty sure there is a list somewhere that is built and we can configure, just I can't still figure out where it is, and I wonder about that
Spaces count as a separator so don't add any extra whitespace. The only thing I'm not sure of with this is how to set a default text - when I do this 12pt is shown as the default. Probably not a massive issue but little annoying, nonetheless.
Topic author was deleted
HOW? TinyMCE - more Font Size, more Colors and more Font Family
Hello, I have installed the new tinyMce, I also have activated font family, font size and color selector buttons. They work fine, but they are really limited. Reading online I didn't find still a solution for umbraco to integrate the color picker, to allow the users to get all the colors they would. (Like using spectrum inside tinyMCE) Reading the documentation I see that I can add some colors but, I don't understand where I should do it. I would also add the font Calibri to the list of available fonts, and add all the sizes to the font size selector.
Anybody can provide some know-how to me please?
Comment author was deleted
Adding this code to the tinyMceConfig.config you get: The possibility to add custom colors by inserting the RGB code or their HASH code when you click on your forecolor button in the editor (you get a new line "Custom..." and some "Recent" colors)
Hi Alessandro, so the issue is solved?
Comment author was deleted
Hi Alex, I don't think so, I am still searching how to:
any idea?
Hi Alessandro,
You can add styles to the format dropdown by adding a stylesheet in the settings section within umbraco. There's a video on Umbraco TV explaining here - https://umbraco.tv/videos/umbraco-v7/implementor/fundamentals/stylesheets-and-javascript/setting-up-rte-styles/
Comment author was deleted
Hi Ben, I know about this feature thanks, but as there is a dropdown list of sizes and fonts, I'm pretty sure there is a list somewhere that is built and we can configure, just I can't still figure out where it is, and I wonder about that
Thank you
Hi Alessandro,
For for font sizes, you first need to add the command (which you've possibly already done:
Secondly, you can change the options by adding a custom config key:
Spaces count as a separator so don't add any extra whitespace. The only thing I'm not sure of with this is how to set a default text - when I do this
12pt
is shown as the default. Probably not a massive issue but little annoying, nonetheless.For font family, add a command:
Then add a custom config like so:
Each value should be in the format
FONTNAME=VALUE
seperated by a;
.And finally, for the color picker - you can change the default values by adding something like this:
Comment author was deleted
Oh, that is exactly what I was trying to figure out. Thank you a lot Ben.
I think that an explanation like this was really missing in the forum.
I had already all command sections, but did not know how to manage the config key.
Thank you a lot again
is working on a reply...