umbraco 11 rich text editor text size picker not showing

Go to solution

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

Pete 9 posts 150 karma points

Oct 09, 2023 @ 10:14

Using Umbraco And Getting Started

Umbraco 9

I have added the following to my appsettings:

  "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"
    ],
    "CustomConfig": {
      "color_map": "[ \"53565a\", \"Default Text\", \"000000\", \"Black\", \"ffffff\", \"White\", \"ffa400\", \"Yellow\", \"a10e2f\", \"Red\" ]",
    }

And I can see the following in my data type for the rich text editor:

enter image description here

But neither the font picker nor the text size picker are showing in the editor:

enter image description here

Have I missed something - do I need another plugin to make the text size and font family pickers show?

Copy Link

Pete 9 posts 150 karma points

Oct 09, 2023 @ 12:25

It looks like umbraco 11 is using tiny mce 6 and the aliases for the font size and font family have changed - see change log here.

Changing the config to the following fixed my issue:

  "RichTextEditor": {
    "Commands": [
      {
        "Alias": "forecolor",
        "Name": "Change Font Colour",
        "Mode": "Selection"
      },
      {
        "Alias": "fontfamily",
        "Name": "Change Font Family",
        "Mode": "Selection"
      },
      {
        "Alias": "fontsize",
        "Name": "Change Font Size",
        "Mode": "Selection"
      }
    ],
    "Plugins": [
      "textcolor",
      "colorpicker"
    ],
    "CustomConfig": {
      "color_map": "[ \"53565a\", \"Default Text\", \"000000\", \"Black\", \"ffffff\", \"White\", \"ffa400\", \"Yellow\", \"a10e2f\", \"Red\" ]",
      "font_family_formats": "Default=Roboto, sans-serif;Arial=Arial;",
      "font_size_formats": "0.625rem 0.75rem 0.875rem 1rem 1.125rem 1.25rem 1.375rem 1.5rem 1.625rem 1.75rem 1.875rem"
    }
  }

Copy Link

is working on a reply...

Please Sign in or register to post replies