Resize TinyMCE editor | Umbraco | Page 1

halcyon wolf Sep 4, 2023, 1:56 PM

#

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

fervent sun Sep 4, 2023, 2:51 PM

#

AFAIK, the only sizing option is in the RTE backoffice settings

halcyon wolf Sep 4, 2023, 2:55 PM

#

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 😦

fervent sun Sep 4, 2023, 3:10 PM

#

AFAIK, it is only possible in Umbraco using the settings from the back office.

humble knoll Sep 4, 2023, 9:20 PM

#

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.

Rich Text Editor Configuration

halcyon wolf Sep 5, 2023, 11:31 AM

#

humble knoll https://docs.umbraco.com/umbraco-cms/fundamentals/backoffice/property-editors/bu...

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?

fervent sun Sep 5, 2023, 12:12 PM

#

I don't see anything there that says you can make it resizeable

autumn patrol Sep 5, 2023, 1:36 PM

#

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?)

"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\"}}"
        }
      },

#

autumn patrol Sep 5, 2023, 1:38 PM

#

fervent sun I don't see anything there that says you can make it resizeable

https://www.tiny.cloud/docs/tinymce/6/statusbar-configuration-options/#resize

fervent sun Sep 5, 2023, 4:07 PM

#

@autumn patrol hadn't thought about enabling the statusbar, good find.

autumn patrol Sep 5, 2023, 4:17 PM

#

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

#Resize TinyMCE editor