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.
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?
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?
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/
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:
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...
This forum is in read-only mode while we transition to the new forum.
You can continue this topic on the new forum by tapping the "Continue discussion" link below.