Resize TinyMCE editor
# help-with-umbraco
j
Reading the Tiny docs tells me there is a resize option that should default to true. I have anyway tried to set it to true in the config, but my editors are still not resizable. I am working in Umbraco 11 at the moment. Has anyone had this problem and managed to solve it? Thanks, Josef
h
AFAIK, the only sizing option is in the RTE backoffice settings
j
I think you may pass dimensions in init as well. I also found appsettings for it. Still does not affect the UI. I also have editors in my property editor controllers, tried to config them as well with the resize option. No luck 😦
h
AFAIK, it is only possible in Umbraco using the settings from the back office.
c
https://docs.umbraco.com/umbraco-cms/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/rich-text-editor/configuration I usually would use these settings defined in the documentation here. Haven't tried it in a while, so I will have a look in v11 instance tomorrow if that would be useful? There is also the "mode" parameter that can customize how it looks for editor.
j
thanx! Would be nice to know if anyone succeeded with a resizable editor in U11+ Does it work for you? Please send a screenshot if possible. Maybe it is the theme that hides the resize handle?
h
I don't see anything there that says you can make it resizeable
m
yep.. here you go, thought the resize is a little flakey when trying to use it.. (maybe you are missing statusbar too as that's required for resize?)
Copy code
"RichTextEditor": {
        "Plugins": [ "blocks", "visualblocks" ],
        "Commands": [
          {
            "Alias": "blocks",
            "Name": "Blocks",
            "Mode": "Insert"
          },
          {
            "Alias": "visualblocks",
            "Name": "Visual Blocks",
            "Mode": "Insert"
          }
        ],
        "CustomConfig": {
          "block_formats": "Paragraph=p; Page Header=h2; Section Header=h3; Paragraph Header=h4",
          "statusbar": "true",
          "branding": "false",
          "resize": "true",
          "formats": "{\"alignleft\": {\"selector\": \"p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img,audio,video\",\"classes\": \"text--left\"},\"alignright\": {\"selector\": \"p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img,audio,video\",\"classes\": \"text--right\"},\"aligncenter\": {\"selector\": \"p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img,audio,video\",\"classes\": \"text--center\"},\"alignjustify\": {\"selector\": \"p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img,audio,video\",\"classes\": \"text--justify\"}}"
        }
      },
h
@Mike Chambers hadn't thought about enabling the statusbar, good find.
m
Think it's maybe time to give TinyMCE some TLC.. as v6 has a some nice things that we could integrate with... I started a discussion here re the nested menus and styles code defined rather than css defined, merging rather than being discarded.. https://github.com/umbraco/Umbraco-CMS/discussions/14632
j
Yay! That was it. A bit strange though because it should be true by default. But I guess Umbraco has different settings. I added it to the customConfig in appsettings and now it works 🙂
18 Views