Hi ShannonC,

I wrote a blog post about this, but the tl;dr is this:

"RichTextEditor": {
  "Commands": [
    {
      "alias": "forecolor",
      "name": "Change Color",
      "mode": "Selection"
    },
    {
      "alias": "fontselect",
      "name": "Change Font Family",
      "mode": "Selection"
    },
    {
      "alias": "fontsizeselect",
      "name": "Change Font Size",
      "mode": "Selection"
    }
  ],
  "Plugins": [
    "textcolor",
    "colorpicker"
  ]
}

This will give you access to font colour, font size and font type.

I have this in my appsettings.json but only see the ordinary colour picker under the Text Colour changer. I don't see my custom colours. In fact I'd prefer it if we could see ONLY the custom colours.

"RichTextEditor": {
        "Commands": [
          {
            "alias": "forecolor",
            "name": "Change Colour",
            "mode": "Selection"
          },
          {
            "alias": "fontselect",
            "name": "Change Font Family",
            "mode": "Selection"
          },
          {
            "alias": "fontsizeselect",
            "name": "Change Font Size",
            "mode": "Selection"
          }
        ],
        "CustomConfig": {
          "entity_encoding": "raw",
          "textcolor_map": "[ \"000000\", \"Black\", \"a4b69c\", \"Green\" ]"
        },
        "InvalidElements": "",
        "Plugins": [
          "textcolor",
          "colorpicker"
        ],
        "ValidElements": "*[*]"
      }

Any advice appreciated :)

Hi All,

Just opening this ticket back up for Umbraco 11. Some of this stuff does not seem to be working for that version.

-. The colour picker still works. But I cant get the colours to show using the textcolor_map.

-. The fontsize no longer works but I managed to check the TinyMCE documentation. The alias has changed to....

 {
            "alias": "fontsize",
            "name": "Font Size",
            "mode": "Selection"
          }

With that said though I have no idea how to set the font sizes. Anything I have found does not work which makes this pretty useless.

-. The font family just doesn't work. I checked the TinyMCE docs and it looks like the commend alias is slightly different but that still didn't seem to work

I assume I would still then have the same issues with the CustomConfig trying to set the available fonts.

Has anyone got this to work in Umbraco 11 and can you share your config? I am looking to get Colour, Font Size, font Family working with pre-configured values for each.

https://www.tiny.cloud/docs/advanced/editor-command-identifiers/#executablecommands

 "RichTextEditor": {
        "Commands": [
          {
            "alias": "forecolor",
            "name": "Change Color",
            "mode": "Selection"
          },
          {
            "alias": "fontsize",
            "name": "Font Size",
            "mode": "Selection"
          }
        ],
        "CustomConfig": {
          "entity_encoding": "raw",
          "textcolor_map": "[ \"000000\", \"Black\", \"a4b69c\", \"Green\" ]"
        },
        "InvalidElements": "",
        "Plugins": [
          "textcolor",
          "colorpicker"
        ],
        "ValidElements": "*[*]"
      },

Does anyone know how to get the textcolor_map working as of today? I have tried all the above and the colors don't show up, I just get the default ones

Property name inside CustomConfig has to be changed from textcolor_map to color_map:

"RichTextEditor": {
    "Commands": [
      {
        "Alias": "forecolor",
        "Name": "Change Color",
        "Mode": "Selection"
      },
      {
        "Alias": "backcolor",
        "Name": "Change Background Color",
        "Mode": "Selection"
      }
    ],
    "CustomConfig": {
      "color_map": "[ \"#ffffff\", \"White\", \"#000000\", \"Black\"]"
    }
  }
}

Does anyone know how to make it work in Umbraco 13? I can't set any color or font size.

Huw Reddicks' solution works just add it to your appsettings.json.

Just put it between your cms tags in the json file.

At least that worked for me on umbraco 13.6.0.

Hope it helps you any further!

Regards,

Ruud

Apologies for typing too fast :)

What you did is exactly what i did. When you put tthe snippet where i say to put it then Umbraco crashes:)

Again my apologies and glad to hear it send you to the right direction.

Regards.

is working on a reply...