tinymce · kemister85 · Apr 9, 2025 · Apr 4, 2025 · Apr 4, 2025 · Apr 8, 2025
diff --git a/modules/ROOT/examples/live-demos/uploadcare/example.js b/modules/ROOT/examples/live-demos/uploadcare/example.js
@@ -2,7 +2,21 @@ tinymce.init({
     selector: "textarea",
     plugins: [ "uploadcare", "code", "link", "preview", "lists" ],
     uploadcare_public_key: '<your-public-key>',
-    a11y_advanced_options: true,	
+    uploadcare_filters: [
+      { name: 'none' }, // No filter applied
+      { name: 'adaris', amount: -100 }, // Adaris with inverted effect (amount -100), label defaults to 'adaris'
+      { name: 'adaris', amount: -100, label: 'Vintage Fade' }, // Adaris with inverted effect (amount -100), label reads 'Vintage Fade'
+      { name: 'adaris', amount: 0, label: 'Base' }, // Adaris with neutral effect (amount 0), label reads 'Base'
+      { name: 'adaris', amount: 50, label: 'Light' }, // Adaris with light effect (amount 50), label reads 'Light'
+      { name: 'adaris', amount: 100, label: 'Standard' }, // Adaris with standard effect (amount 100), label reads 'Standard'
+      { name: 'adaris', amount: 200, label: 'Intense' }, // Adaris with intense effect (amount 200), label reads 'Intense'
+      { name: 'zevcen', amount: 200, label: 'Glow Boost' }, // Zevcen with intense effect (amount 200), label reads 'Glow Boost'
+      { name: 'galen', amount: 80, label: 'Soft Focus' }, // Galen with softening effect (amount 80), label reads 'Soft Focus'
+      { name: 'carris', amount: 120, label: 'Sharp Contrast' }, // Carris with high contrast (amount 120), label reads 'Sharp Contrast'
+      { name: 'ferand', amount: 60, label: 'Light Touch' }, // Ferand with light enhancement (amount 60), label reads 'Light Touch'
+      { name: 'sorahel', amount: -50, label: 'Night Mood' } // Sorahel with darkened effect (amount -50), label reads 'Night Mood'
+    ],
+    a11y_advanced_options: true,
     toolbar: "undo redo | styles | bold italic underline | forecolor | bullist numlist| link uploadcare | code preview",
     height: 700,	
     content_style: `

diff --git a/modules/ROOT/examples/live-demos/uploadcare/index.js b/modules/ROOT/examples/live-demos/uploadcare/index.js
@@ -4,6 +4,20 @@ tinymce.init({
   uploadcare_public_key: '630992ad50fe2291c406',
 	uploadcare_cdn_base_url: 'https://tiny.ucarecdn.com',
 	uploadcare_store_type: 'temporary',
+  uploadcare_filters: [
+    { name: 'none' }, // No filter applied
+    { name: 'adaris', amount: -100 }, // Adaris with inverted effect (amount -100), label defaults to 'adaris'
+    { name: 'adaris', amount: -100, label: 'Vintage Fade' }, // Adaris with inverted effect (amount -100), label reads 'Vintage Fade'
+    { name: 'adaris', amount: 0, label: 'Base' }, // Adaris with neutral effect (amount 0), label reads 'Base'
+    { name: 'adaris', amount: 50, label: 'Light' }, // Adaris with light effect (amount 50), label reads 'Light'
+    { name: 'adaris', amount: 100, label: 'Standard' }, // Adaris with standard effect (amount 100), label reads 'Standard'
+    { name: 'adaris', amount: 200, label: 'Intense' }, // Adaris with intense effect (amount 200), label reads 'Intense'
+    { name: 'zevcen', amount: 200, label: 'Glow Boost' }, // Zevcen with intense effect (amount 200), label reads 'Glow Boost'
+    { name: 'galen', amount: 80, label: 'Soft Focus' }, // Galen with softening effect (amount 80), label reads 'Soft Focus'
+    { name: 'carris', amount: 120, label: 'Sharp Contrast' }, // Carris with high contrast (amount 120), label reads 'Sharp Contrast'
+    { name: 'ferand', amount: 60, label: 'Light Touch' }, // Ferand with light enhancement (amount 60), label reads 'Light Touch'
+    { name: 'sorahel', amount: -50, label: 'Night Mood' } // Sorahel with darkened effect (amount -50), label reads 'Night Mood'
+  ],
   a11y_advanced_options: true,
   toolbar: "undo redo | styles | bold italic underline | forecolor | bullist numlist| link uploadcare | code preview",
   height: 700,	

diff --git a/modules/ROOT/images/uploadcare/filters/adaris.jpg b/modules/ROOT/images/uploadcare/filters/adaris.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/briaril.jpg b/modules/ROOT/images/uploadcare/filters/briaril.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/calarel.jpg b/modules/ROOT/images/uploadcare/filters/calarel.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/carris.jpg b/modules/ROOT/images/uploadcare/filters/carris.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/cynarel.jpg b/modules/ROOT/images/uploadcare/filters/cynarel.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/cyren.jpg b/modules/ROOT/images/uploadcare/filters/cyren.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/elmet.jpg b/modules/ROOT/images/uploadcare/filters/elmet.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/elonni.jpg b/modules/ROOT/images/uploadcare/filters/elonni.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/enzana.jpg b/modules/ROOT/images/uploadcare/filters/enzana.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/erydark.jpg b/modules/ROOT/images/uploadcare/filters/erydark.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/fenralan.jpg b/modules/ROOT/images/uploadcare/filters/fenralan.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/ferand.jpg b/modules/ROOT/images/uploadcare/filters/ferand.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/galen.jpg b/modules/ROOT/images/uploadcare/filters/galen.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/gavin.jpg b/modules/ROOT/images/uploadcare/filters/gavin.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/gethriel.jpg b/modules/ROOT/images/uploadcare/filters/gethriel.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/iorill.jpg b/modules/ROOT/images/uploadcare/filters/iorill.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/iothari.jpg b/modules/ROOT/images/uploadcare/filters/iothari.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/iselva.jpg b/modules/ROOT/images/uploadcare/filters/iselva.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/jadis.jpg b/modules/ROOT/images/uploadcare/filters/jadis.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/lavra.jpg b/modules/ROOT/images/uploadcare/filters/lavra.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/misiara.jpg b/modules/ROOT/images/uploadcare/filters/misiara.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/namala.jpg b/modules/ROOT/images/uploadcare/filters/namala.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/nerion.jpg b/modules/ROOT/images/uploadcare/filters/nerion.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/nethari.jpg b/modules/ROOT/images/uploadcare/filters/nethari.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/pamaya.jpg b/modules/ROOT/images/uploadcare/filters/pamaya.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/sarnar.jpg b/modules/ROOT/images/uploadcare/filters/sarnar.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/sedis.jpg b/modules/ROOT/images/uploadcare/filters/sedis.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/sewen.jpg b/modules/ROOT/images/uploadcare/filters/sewen.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/sorahel.jpg b/modules/ROOT/images/uploadcare/filters/sorahel.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/sorlen.jpg b/modules/ROOT/images/uploadcare/filters/sorlen.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/tarian.jpg b/modules/ROOT/images/uploadcare/filters/tarian.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/thellassan.jpg b/modules/ROOT/images/uploadcare/filters/thellassan.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/varriel.jpg b/modules/ROOT/images/uploadcare/filters/varriel.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/varven.jpg b/modules/ROOT/images/uploadcare/filters/varven.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/vevera.jpg b/modules/ROOT/images/uploadcare/filters/vevera.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/virkas.jpg b/modules/ROOT/images/uploadcare/filters/virkas.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/yedis.jpg b/modules/ROOT/images/uploadcare/filters/yedis.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/yllara.jpg b/modules/ROOT/images/uploadcare/filters/yllara.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/zatvel.jpg b/modules/ROOT/images/uploadcare/filters/zatvel.jpg
diff --git a/modules/ROOT/images/uploadcare/filters/zevcen.jpg b/modules/ROOT/images/uploadcare/filters/zevcen.jpg
diff --git a/modules/ROOT/pages/7.8.0-release-notes.adoc b/modules/ROOT/pages/7.8.0-release-notes.adoc
@@ -69,6 +69,34 @@ The {productname} {release-version} release includes an accompanying release of
 
 For information on the **<Premium plugin name 1>** plugin, see: xref:<plugincode>.adoc[<Premium plugin name 1>].
 
+=== Image Optimizer (Powered by Uploadcare)
+
+{productname} {release-version} introduces the **Image Optimizer (Powered by Uploadcare)** plugin.
+
+=== Added support for `uploadcare_filters` option in the {pluginname} plugin
+// #EPIC-146
+
+The {pluginname} plugin now includes support for a new configuration option, `+uploadcare_filters+`, introduced in {release-version}. This option allows integrators to define a customizable list of image filters available within the {pluginname} dialog. Each filter can be configured with an optional `amount` parameter, controlling the intensity of the effect, and an optional `label` to customize its display name in the UI.
+
+.Example
+[source,js]
+----
+tinymce.init({
+  selector: "textarea",
+  plugins: 'uploadcare',
+  toolbar: 'uploadcare',
+  uploadcare_public_key: '<your-public-key>',
+  uploadcare_filters: [
+    { name: 'none' },
+    { name: 'adaris', amount: -100, label: 'Vintage Fade' },
+    { name: 'adaris', amount: 0, label: 'Base' },
+    { name: 'adaris', amount: 100, label: 'Standard' },
+    { name: 'zevcen', amount: 200, label: 'Glow Boost' }
+  ]
+});
+----
+
+For information on the **Image Optimizer (Powered by Uploadcare)** plugin, see xref:uploadcare.adoc[Image Optimizer (Powered by Uploadcare)].
 
 [[accompanying-premium-plugin-end-of-life-announcement]]
 == Accompanying Premium plugin end-of-life announcement

diff --git a/modules/ROOT/pages/uploadcare.adoc b/modules/ROOT/pages/uploadcare.adoc
@@ -206,6 +206,8 @@ include::partial$configuration/uploadcare_srcset_steps.adoc[leveloffset=+1]
 
 include::partial$configuration/uploadcare_store_type.adoc[leveloffset=+1]
 
+include::partial$configuration/uploadcare_filters.adoc[leveloffset=+1]
+
 :includedSection: uploadcarePlugin
 include::partial$configuration/a11y_advanced_options.adoc[leveloffset=+1]
 :!includedSection:

diff --git a/modules/ROOT/partials/configuration/uploadcare_filters.adoc b/modules/ROOT/partials/configuration/uploadcare_filters.adoc
@@ -0,0 +1,101 @@
+[[uploadcare-filters]]
+== `uploadcare_filters`
+
+The `+uploadcare_filters+` option defines the list of image filters available when using the {pluginname} plugin. Each filter applies a stylized image effect consistent with the visual design of the content and can be configured with an amount value to control its intensity. Filters are applied via URL modifiers and support intensity values ranging from `-100` to `200`. Values below `0` produce inverted effects, `100` represents the standard effect, and values above `100` apply the effect with increased intensity.
+
+*Type:* `+String+`
+
+=== Example: Setting `uploadcare_filters`
+
+[source,js]
+----
+tinymce.init({
+  selector: "textarea",
+  plugins: 'uploadcare',
+  toolbar: 'uploadcare',
+  uploadcare_public_key: '<your-public-key>',
+
+  // Define available Uploadcare image filters and their intensity levels
+  uploadcare_filters: [
+    { name: 'none' }, // No filter applied
+    { name: 'adaris', amount: -100 }, // Adaris with inverted effect (amount -100), label defaults to 'adaris'
+    { name: 'adaris', amount: -100, label: 'Vintage Fade' }, // Adaris with inverted effect (amount -100), label reads 'Vintage Fade'
+    { name: 'adaris', amount: 0, label: 'Base' }, // Adaris with neutral effect (amount 0), label reads 'Base'
+    { name: 'adaris', amount: 50, label: 'Light' }, // Adaris with light effect (amount 50), label reads 'Light'
+    { name: 'adaris', amount: 100, label: 'Standard' }, // Adaris with standard effect (amount 100), label reads 'Standard'
+    { name: 'adaris', amount: 200, label: 'Intense' }, // Adaris with intense effect (amount 200), label reads 'Intense'
+    { name: 'zevcen', amount: 200, label: 'Glow Boost' }, // Zevcen with intense effect (amount 200), label reads 'Glow Boost'
+    { name: 'galen', amount: 80, label: 'Soft Focus' }, // Galen with softening effect (amount 80), label reads 'Soft Focus'
+    { name: 'carris', amount: 120, label: 'Sharp Contrast' }, // Carris with high contrast (amount 120), label reads 'Sharp Contrast'
+    { name: 'ferand', amount: 60, label: 'Light Touch' }, // Ferand with light enhancement (amount 60), label reads 'Light Touch'
+    { name: 'sorahel', amount: -50, label: 'Night Mood' } // Sorahel with darkened effect (amount -50), label reads 'Night Mood'
+  ]
+});
+----
+
+=== Uploadcare Filter Previews
+
+Each image below represents a filter applied to the same source image.
+
+[cols="1,1,1,1", options="header"]
+|===
+|-/filter/adaris/ |-/filter/briaril/ |-/filter/calarel/ |-/filter/carris/
+|image:uploadcare/filters/cynarel.jpg[-/filter/adaris/]
+|image:uploadcare/filters/briaril.jpg[-/filter/briaril/]
+|image:uploadcare/filters/calarel.jpg[-/filter/calarel/]
+|image:uploadcare/filters/carris.jpg[-/filter/carris/]
+
+|-/filter/cynarel/ |-/filter/cyren/ |-/filter/elmet/ |-/filter/elonni/
+|image:uploadcare/filters/cynarel.jpg[-/filter/cynarel/]
+|image:uploadcare/filters/cyren.jpg[-/filter/cyren/]
+|image:uploadcare/filters/elmet.jpg[-/filter/elmet/]
+|image:uploadcare/filters/elonni.jpg[-/filter/elonni/]
+
+|-/filter/enzana/ |-/filter/erydark/ |-/filter/fenralan/ |-/filter/ferand/
+|image:uploadcare/filters/enzana.jpg[-/filter/enzana/]
+|image:uploadcare/filters/erydark.jpg[-/filter/erydark/]
+|image:uploadcare/filters/fenralan.jpg[-/filter/fenralan/]
+|image:uploadcare/filters/ferand.jpg[-/filter/ferand/]
+
+|-/filter/galen/ |-/filter/gavin/ |-/filter/gethriel/ |-/filter/iorill/
+|image:uploadcare/filters/galen.jpg[-/filter/galen/]
+|image:uploadcare/filters/gavin.jpg[-/filter/gavin/]
+|image:uploadcare/filters/gethriel.jpg[-/filter/gethriel/]
+|image:uploadcare/filters/iorill.jpg[-/filter/iorill/]
+
+|-/filter/iothari/ |-/filter/iselva/ |-/filter/jadis/ |-/filter/lavra/
+|image:uploadcare/filters/iothari.jpg[-/filter/iothari/]
+|image:uploadcare/filters/iselva.jpg[-/filter/iselva/]
+|image:uploadcare/filters/jadis.jpg[-/filter/jadis/]
+|image:uploadcare/filters/lavra.jpg[-/filter/lavra/]
+
+|-/filter/misiara/ |-/filter/namala/ |-/filter/nerion/ |-/filter/nethari/
+|image:uploadcare/filters/misiara.jpg[-/filter/misiara/]
+|image:uploadcare/filters/namala.jpg[-/filter/namala/]
+|image:uploadcare/filters/nerion.jpg[-/filter/nerion/]
+|image:uploadcare/filters/nethari.jpg[-/filter/nethari/]
+
+|-/filter/pamaya/ |-/filter/sarnar/ |-/filter/sedis/ |-/filter/sewen/
+|image:uploadcare/filters/pamaya.jpg[-/filter/pamaya/]
+|image:uploadcare/filters/sarnar.jpg[-/filter/sarnar/]
+|image:uploadcare/filters/sedis.jpg[-/filter/sedis/]
+|image:uploadcare/filters/sewen.jpg[-/filter/sewen/]
+
+|-/filter/sorahel/ |-/filter/sorlen/ |-/filter/tarian/ |-/filter/thellassan/
+|image:uploadcare/filters/sorahel.jpg[-/filter/sorahel/]
+|image:uploadcare/filters/sorlen.jpg[-/filter/sorlen/]
+|image:uploadcare/filters/tarian.jpg[-/filter/tarian/]
+|image:uploadcare/filters/thellassan.jpg[-/filter/thellassan/]
+
+|-/filter/varriel/ |-/filter/varven/ |-/filter/vevera/ |-/filter/virkas/
+|image:uploadcare/filters/varriel.jpg[-/filter/varriel/]
+|image:uploadcare/filters/varven.jpg[-/filter/varven/]
+|image:uploadcare/filters/vevera.jpg[-/filter/vevera/]
+|image:uploadcare/filters/virkas.jpg[-/filter/virkas/]
+
+|-/filter/yedis/ |-/filter/yllara/ |-/filter/zatvel/ |-/filter/zevcen/
+|image:uploadcare/filters/yedis.jpg[-/filter/yedis/]
+|image:uploadcare/filters/yllara.jpg[-/filter/yllara/]
+|image:uploadcare/filters/zatvel.jpg[-/filter/zatvel/]
+|image:uploadcare/filters/zevcen.jpg[-/filter/zevcen/]
+|===