Image resize in TipTap?

Questions
1

I saw the old post “Lack of Image Resize in Tiptap,” and it was stated there that Version 17 of Umbraco would be upgraded to TipTap v3 and that v3 has image resize. Looking over the release notes for TipTap v3, I don’t see any mention of resize, and looking at their documentation for version three, I see that it allows for image resize in their Image Node Pro, which requires a subscription.

Can anyone point me to the confirmation that image resizing for TipTap is in Umbraco 17? My content writers are spending a few extra hours a week, costing me a lot of money, dealing with editing HTML to get the right image size, and if this is not available in version 17, I have to find a solution or even a new CMS.

2

I believe there is a tiptap extension that does this.

3

There’s tiptap-resizeable-image on GitHub. I don’t know if there are version requirements, but it’s last release date was in July of this year.

I’ve always found handling images for web page content to be too complicated for any RTE. When TinyMCE got support for blocks, we played around with allowing images again (still keeping things row based). We quickly reverted this, as it’s just as easy to add (1) an RTE and (2) an image and finally (3) another RTE.

Another solution is the Block Grid editor in Umbraco which can provide the end result you’re looking for too. (We’re still very much row-based today.)

4

@Eaglef90 I know you asked similar on the GitHub discussion, I appreciate that the feature can’t come soon enough for you in Tiptap.

If you are thinking along the lines of switching entire CMS due to this issue, then I’d first recommend trying the TinyMCE RTE package, (which is based on the code that was previously available in Umbraco v14/15), as it does support image resizing.

2 Likes
5

@leekelleher

Thanks but TinyMCE comes with it’s own problems (pasting from Google Docs not supported).

@markadrake Thanks for pointing out that plugin. That seems to do what I need, but I don’t know the first thing about getting that to work in Umbraco. I imagine the “npm” command is something I run in Visual Studio, but where would I put the other code it lists in its readme?

6