Does a Solution to lack of image resizing after upload exist yet in Umbraco 17?

Questions
1

I know V17 doesn’t support Tiptaps image resizing yet - but is there any other solutions available ?

2

Hey @Marki-sth - you should checkout the discussion over at Image resize in TipTap? where there’s a link off to this TipTap extension for image resizing: GitHub - HoHieuLuc/tiptap-resizable-image: Resizable image extension for Tiptap · GitHub

OOTB we don’t have this, but it’s simple enough to add custom TipTap extensions using the Umbraco Extensions - check out the docs on it Extensions | CMS | Umbraco Documentation

3

There is also a package on the marketplace to add back the TinyMCE editor which has native resize in it. I have been using this package on my site for a while and not ran into any problems and so far have not see any funcanlity difference between v13’s TinyMCe and the package.

1 Like
4

And it works on v17 ?

5

Hi @Marki-sth ,
Here’s some details I found that might help!

The TinyMCE for Umbraco package by ProWorks is fully compatible with Umbraco 17. It integrates seamlessly into the new Bellissima backoffice architecture (Web Components / TypeScript) and is the recommended solution if you need to retain the classic Rich Text Editor instead of migrating to the new default Tiptap editor.

Official Repository: ProWorksCorporation/TinyMCE-Umbraco on GitHub

Critical Implementation Details

  • Migration Order is Crucial: If you are upgrading a site from Umbraco 13 or 15 to version 17, you must install this package via NuGet before executing the database upgrade migration. If the package is not present during the migration, Umbraco will automatically convert all existing TinyMCE data into the new Tiptap JSON format.
  • Centralized Configuration: The package supports direct, environment-specific configuration via appsettings.json. This is a significant improvement for managing RTE Data Types across different development and production environments.
  • Version Targeting: By default, the package loads TinyMCE version 6. If you want to utilize version 7 or 8, you must explicitly declare the version via the tinyMceVersion or tinyMceUrl settings in your configuration.
  • Premium Plugin Support: It fully supports TinyMCE Premium plugins (like PowerPaste or Advanced Tables) provided you have a valid subscription and configure the necessary API keys.

Known Issues & Considerations

Based on recent community feedback and GitHub issues, keep an eye on the following:

  1. Umbraco Forms Toolbar Issue: There is a known bug when using Umbraco Forms alongside this package in v17. If you have a Rich Text Editor field inside an Umbraco Form, it may fail to load either TinyMCE or Tiptap, resulting in a raw textarea without a toolbar.
  2. HTML Sanitization: The package defaults sanitizeTinyMce to true. This automatically strips inline scripts (like onclick) to prevent XSS. If your editors rely on inserting custom inline event handlers, you will need to set this to false in your appsettings.json.
  3. RTE Block References During Upgrades: Some developers have reported losing references to Block items inside the RTE when upgrading from v13 to v17. However, community consensus indicates this is usually caused by skipping intermediary Umbraco 15 upgrade steps rather than a fault with the ProWorks package itself. Always ensure your upgrade path follows the recommended major/minor stepping stones.
1 Like
6

Yes it does. I run Umb 17 and the TinyMCE plugin on my production site and have had no issues. I specificly chose it cause of the lack of image resize in TipTap. Shekahr’s AI generated overview above can give you more details about the package or you can look it up on the marketplace from the link I posted previeously.

1 Like