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 16 posts 197 karma points

Oct 09, 2023 @ 10:14

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 16 posts 197 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