Automated Drupal 10 compatibility fixes

Had Real physical testing round for Image Resize Filter 1.0.x-dev with Drupal ~10 and Drupal ~9
With CKEditor 4 and CKEditor 5

Attached the steps to tests.
Real-physical-testing-round-for-image_resize_filter-1-0-x-dev--with-d10-and-d9.zip →

Build Drupal ~10.0 sandbox test site and have Drush ~11.0

mkdir -p /var/www/html/sandboxes
composer create-project drupal/recommended-project:~10.0 /var/www/html/sandboxes/drupal10image_resize_filter_1__test
cd /var/www/html/sandboxes/drupal10image_resize_filter_1__test/
composer require drush/drush:~11.0;

Change minimum stability to dev for testing on the recommended Drupal 10 project template

composer config minimum-stability dev

Add CKEditor 4 for testing only

composer require drupal/ckeditor:~1.0

Add the Image Resize Filter module

composer require 'drupal/image_resize_filter:1.x-dev@dev'

Change file/directory mod and ownership of files:

cd /var/www/html/sandboxes/drupal10image_resize_filter_1__test/
sudo chmod 775 -R .;sudo chown www-data:$USER -R .;

Install with Drush

./vendor/drush/drush/drush site:install standard --yes --site-name="Image Resize Filter 1.0.x-dev - Real physical testing with Drupal ~10" --account-name="webmaster" --account-pass="d" --account-mail="test@drupal.org" --db-url="mysql://root:123___@localhost/sandboxes_drupal10image_resize_filter_1__test" -vvv ;

./vendor/drush/drush/drush pm:enable image_resize_filter
./vendor/drush/drush/drush pm:enable ckeditor

Rebuild the cache:

sudo chmod 775 -R .;sudo chown www-data:$USER -R .;
./vendor/drush/drush/drush cache:rebuild

Open a browser and change the address to: http://localhost/sandboxes/drupal10image_resize_filter_1__test/web/

Using the module in many number of projects.

• Using the Image Resize Filter only for migrated images from other systems, or from a very old D sites.
• Managing CKEditor with media embed after Drupal 8/9 and now 10 .. not allowing to upload image files directly into the Text Format with CKEditor 4

At this time the module is having issues with CKEditor 5 default image placement system. In both Drupal ~9.0 and ~10.0.

The issue is with the width value of percentage width or physical pixel width.

Example test case with Drupal 10 and CKEditor 5

<p>
    Image resized 1
</p>
<p>
    <img src="/sandboxes/drupal10image_resize_filter_1__test/web/sites/default/files/inline-images/coworking-2.jpg" data-entity-uuid="594b1d41-a2eb-4b59-bcde-62f1674bcbf7" data-entity-type="file" alt="Test caption" width="38.34%" height="198">
</p>
<p>
    Image resized 2
</p>
<p>
    <img src="/sandboxes/drupal10image_resize_filter_1__test/web/sites/default/files/inline-images/coworking-2.jpg" data-entity-uuid="594b1d41-a2eb-4b59-bcde-62f1674bcbf7" data-entity-type="file" alt="Test caption" width="59.62%" height="330">
</p>
<p>
    Image resized original size
</p>
<p>
    <img src="/sandboxes/drupal10image_resize_filter_1__test/web/sites/default/files/inline-images/coworking-3.jpg" data-entity-uuid="dbb9034e-2b53-463f-9583-feba012f5ece" data-entity-type="file" alt="">
</p>

In CKEditor 5 - Edit

After Saving with a text format which uses CKEditor 5

My opinion on this module will be best used for CKEditor 4 only not with CKEditor 5

Following on the conversation at 📌 Should this module be marked as Obsolete? Active

Using the module in many number of projects.
And it will could be needed in number of cases.

• Using the Image Resize Filter only for migrated images from other systems, or from a very old D sites.
• Managing CKEditor with media embed after Drupal 8/9 and now 10 .. not allowing to upload image files directly into the Text Format with CKEditor 4

At this time the module

My opinion on this module will be best used for CKEditor 4 which it is working will with Drupal 9/10
Not to use with CKEditor 5, because of a conflict issues with CKEditor 5 default image placement system. In both Drupal ~9.0 and ~10.0.

Hoping for a tag release.
As stage when upgrading from Drupal 9 to Drupal 10
or as a stage when changing from old CKEdtor 4 configs to CKEditor 5 configs.