Adding Non-Breaking Space Button in TinyMce Config (v13)

Questions
,
1

I am trying to add a toolbar button for editors to insert a non-breakin space in the RTE.

I’ve added the following in my App Settings:

"RichTextEditor": {
  "Plugins": "nonbreaking",
    "Commands": [
      {
        "alias": "nonbreaking",
        "name": "Non-breaking space",
        "mode": "Insert",
        "icon": "nonbreaking"
      }
    ]
}

This adds the option to my datatype settings:

image
image247×234 8 KB

You will see there is no icon for option, I can’t seem to get that to show up. However, despite having the option to enable this new button it is not available in the RTE.

Is there something I am missing? Is there somewhere else I need to add/enable the plugin?

2

try removing the “icon” settng, Just tested in 13.9.2 and works fine

{E98D5B12-E567-4F94-B0A0-720CD46CC548}
{E98D5B12-E567-4F94-B0A0-720CD46CC548}734×124 6.05 KB

{DECB5181-098D-4AC1-ABA8-44DCEE7AE186}
{DECB5181-098D-4AC1-ABA8-44DCEE7AE186}359×163 5.62 KB

1 Like
3

Also, despite it saying it wants a string, plugins is an array
"Plugins": ["nonbreaking"],

1 Like
4

@huwred This works - thanks! Still no icon when configuring the datatype but I can live with that for now as it shows in the RTE toolbar.

5

Yeah, I believe this is a fault of the plugin as it doesn’t provide an icon. Not entirely sure what it uses on the toolbar though :rofl: