Issue #3306597 by Wim Leers, Anchal_gupta, _utsavsharma, smustgrave: Improve...

Issue #3306597 by Wim Leers, Anchal_gupta, _utsavsharma, smustgrave: Improve usability of the "Enable image uploads" checkbox

core/modules/ckeditor5/ckeditor5.libraries.yml

@@ -208,3 +208,8 @@ internal.admin.image:
   css:
     theme:
       css/image.admin.css: { }
+  js:
+    js/ckeditor5.image.admin.js: { }
+  dependencies:
+    - core/jquery
+    - core/drupal

core/modules/ckeditor5/js/ckeditor5.image.admin.js

+/**
+ * @file
+ * CKEditor 5 Image admin behavior.
+ */
+
+(function ($, Drupal) {
+  /**
+   * Provides the summary for the "image" plugin settings vertical tab.
+   *
+   * @type {Drupal~behavior}
+   *
+   * @prop {Drupal~behaviorAttach} attach
+   *   Attaches summary behavior to the plugin settings vertical tab.
+   */
+  Drupal.behaviors.ckeditor5ImageSettingsSummary = {
+    attach() {
+      $('[data-ckeditor5-plugin-id="ckeditor5_image"]').drupalSetSummary(
+        (context) => {
+          const uploadsEnabled = document.querySelector(
+            '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-image-status"]',
+          ).checked;
+          if (uploadsEnabled) {
+            return Drupal.t('Images can only be uploaded.');
+          }
+          return Drupal.t('Images can only be added by URL.');
+        },
+      );
+    },
+  };
+})(jQuery, Drupal);

core/modules/editor/editor.admin.inc

@@ -43,6 +43,7 @@ function editor_image_upload_settings_form(Editor $editor) {
     '#attributes' => [
       'data-editor-image-upload' => 'status',
     ],
+    '#description' => t('When enabled, images can only be uploaded. When disabled, images can only be added by URL.'),
   ];
   $show_if_image_uploads_enabled = [
     'visible' => [