class EditorImageDialog

Same name in other branches
  1. 8.9.x core/modules/editor/src/Form/EditorImageDialog.php \Drupal\editor\Form\EditorImageDialog
  2. 10 core/modules/editor/src/Form/EditorImageDialog.php \Drupal\editor\Form\EditorImageDialog

Provides an image dialog for text editors.

@internal

Hierarchy

Expanded class hierarchy of EditorImageDialog

1 file declares its use of EditorImageDialog
EditorImageDialogTest.php in core/modules/editor/tests/src/Kernel/EditorImageDialogTest.php
1 string reference to 'EditorImageDialog'
editor.routing.yml in core/modules/editor/editor.routing.yml
core/modules/editor/editor.routing.yml

File

core/modules/editor/src/Form/EditorImageDialog.php, line 22

Namespace

Drupal\editor\Form
View source
class EditorImageDialog extends FormBase {
    
    /**
     * The file storage service.
     *
     * @var \Drupal\Core\Entity\EntityStorageInterface
     */
    protected $fileStorage;
    
    /**
     * Constructs a form object for image dialog.
     *
     * @param \Drupal\Core\Entity\EntityStorageInterface $file_storage
     *   The file storage service.
     */
    public function __construct(EntityStorageInterface $file_storage) {
        $this->fileStorage = $file_storage;
    }
    
    /**
     * {@inheritdoc}
     */
    public static function create(ContainerInterface $container) {
        return new static($container->get('entity_type.manager')
            ->getStorage('file'));
    }
    
    /**
     * {@inheritdoc}
     */
    public function getFormId() {
        return 'editor_image_dialog';
    }
    
    /**
     * {@inheritdoc}
     *
     * @param array $form
     *   An associative array containing the structure of the form.
     * @param \Drupal\Core\Form\FormStateInterface $form_state
     *   The current state of the form.
     * @param \Drupal\editor\Entity\Editor $editor
     *   The text editor to which this dialog corresponds.
     */
    public function buildForm(array $form, FormStateInterface $form_state, Editor $editor = NULL) {
        // This form is special, in that the default values do not come from the
        // server side, but from the client side, from a text editor. We must cache
        // this data in form state, because when the form is rebuilt, we will be
        // receiving values from the form, instead of the values from the text
        // editor. If we don't cache it, this data will be lost.
        if (isset($form_state->getUserInput()['editor_object'])) {
            // By convention, the data that the text editor sends to any dialog is in
            // the 'editor_object' key. And the image dialog for text editors expects
            // that data to be the attributes for an <img> element.
            $image_element = $form_state->getUserInput()['editor_object'];
            $form_state->set('image_element', $image_element);
            $form_state->setCached(TRUE);
        }
        else {
            // Retrieve the image element's attributes from form state.
            $image_element = $form_state->get('image_element') ?: [];
        }
        $form['#tree'] = TRUE;
        $form['#attached']['library'][] = 'editor/drupal.editor.dialog';
        $form['#prefix'] = '<div id="editor-image-dialog-form">';
        $form['#suffix'] = '</div>';
        // Construct strings to use in the upload validators.
        $image_upload = $editor->getImageUploadSettings();
        if (!empty($image_upload['max_dimensions']['width']) || !empty($image_upload['max_dimensions']['height'])) {
            $max_dimensions = $image_upload['max_dimensions']['width'] . 'x' . $image_upload['max_dimensions']['height'];
        }
        else {
            $max_dimensions = 0;
        }
        $max_filesize = min(Bytes::toNumber($image_upload['max_size']), Environment::getUploadMaxSize());
        $existing_file = isset($image_element['data-entity-uuid']) ? \Drupal::service('entity.repository')->loadEntityByUuid('file', $image_element['data-entity-uuid']) : NULL;
        $fid = $existing_file ? $existing_file->id() : NULL;
        $form['fid'] = [
            '#title' => $this->t('Image'),
            '#type' => 'managed_file',
            '#upload_location' => $image_upload['scheme'] . '://' . $image_upload['directory'],
            '#default_value' => $fid ? [
                $fid,
            ] : NULL,
            '#upload_validators' => [
                'file_validate_extensions' => [
                    'gif png jpg jpeg',
                ],
                'file_validate_size' => [
                    $max_filesize,
                ],
                'file_validate_image_resolution' => [
                    $max_dimensions,
                ],
            ],
            '#required' => TRUE,
        ];
        $form['attributes']['src'] = [
            '#title' => $this->t('URL'),
            '#type' => 'textfield',
            '#default_value' => $image_element['src'] ?? '',
            '#maxlength' => 2048,
            '#required' => TRUE,
        ];
        // If the editor has image uploads enabled, show a managed_file form item,
        // otherwise show a (file URL) text form item.
        if ($image_upload['status']) {
            $form['attributes']['src']['#access'] = FALSE;
            $form['attributes']['src']['#required'] = FALSE;
        }
        else {
            $form['fid']['#access'] = FALSE;
            $form['fid']['#required'] = FALSE;
        }
        // The alt attribute is *required*, but we allow users to opt-in to empty
        // alt attributes for the very rare edge cases where that is valid by
        // specifying two double quotes as the alternative text in the dialog.
        // However, that *is* stored as an empty alt attribute, so if we're editing
        // an existing image (which means the src attribute is set) and its alt
        // attribute is empty, then we show that as two double quotes in the dialog.
        // @see https://www.drupal.org/node/2307647
        $alt = $image_element['alt'] ?? '';
        if ($alt === '' && !empty($image_element['src'])) {
            $alt = '""';
        }
        $form['attributes']['alt'] = [
            '#title' => $this->t('Alternative text'),
            '#description' => $this->t('Short description of the image used by screen readers and displayed when the image is not loaded. This is important for accessibility.'),
            '#type' => 'textfield',
            '#required' => TRUE,
            '#required_error' => $this->t('Alternative text is required.<br />(Only in rare cases should this be left empty. To create empty alternative text, enter <code>""</code> — two double quotes without any content).'),
            '#default_value' => $alt,
            '#maxlength' => 2048,
        ];
        // When Drupal core's filter_align is being used, the text editor may
        // offer the ability to change the alignment.
        if (isset($image_element['data-align']) && $editor->getFilterFormat()
            ->filters('filter_align')->status) {
            $form['align'] = [
                '#title' => $this->t('Align'),
                '#type' => 'radios',
                '#options' => [
                    'none' => $this->t('None'),
                    'left' => $this->t('Left'),
                    'center' => $this->t('Center'),
                    'right' => $this->t('Right'),
                ],
                '#default_value' => $image_element['data-align'] === '' ? 'none' : $image_element['data-align'],
                '#wrapper_attributes' => [
                    'class' => [
                        'container-inline',
                    ],
                ],
                '#attributes' => [
                    'class' => [
                        'container-inline',
                    ],
                ],
                '#parents' => [
                    'attributes',
                    'data-align',
                ],
            ];
        }
        // When Drupal core's filter_caption is being used, the text editor may
        // offer the ability to in-place edit the image's caption: show a toggle.
        if (isset($image_element['hasCaption']) && $editor->getFilterFormat()
            ->filters('filter_caption')->status) {
            $form['caption'] = [
                '#title' => $this->t('Caption'),
                '#type' => 'checkbox',
                '#default_value' => $image_element['hasCaption'] === 'true',
                '#parents' => [
                    'attributes',
                    'hasCaption',
                ],
            ];
        }
        $form['actions'] = [
            '#type' => 'actions',
        ];
        $form['actions']['save_modal'] = [
            '#type' => 'submit',
            '#value' => $this->t('Save'),
            // No regular submit-handler. This form only works via JavaScript.
'#submit' => [],
            '#ajax' => [
                'callback' => '::submitForm',
                'event' => 'click',
            ],
        ];
        return $form;
    }
    
    /**
     * {@inheritdoc}
     */
    public function submitForm(array &$form, FormStateInterface $form_state) {
        $response = new AjaxResponse();
        // Convert any uploaded files from the FID values to data-entity-uuid
        // attributes and set data-entity-type to 'file'.
        $fid = $form_state->getValue([
            'fid',
            0,
        ]);
        if (!empty($fid)) {
            
            /** @var \Drupal\file\FileInterface $file */
            $file = $this->fileStorage
                ->load($fid);
            $file_url = $file->createFileUrl();
            $form_state->setValue([
                'attributes',
                'src',
            ], $file_url);
            $form_state->setValue([
                'attributes',
                'data-entity-uuid',
            ], $file->uuid());
            $form_state->setValue([
                'attributes',
                'data-entity-type',
            ], 'file');
        }
        // When the alt attribute is set to two double quotes, transform it to the
        // empty string: two double quotes signify "empty alt attribute". See above.
        if (trim($form_state->getValue([
            'attributes',
            'alt',
        ])) === '""') {
            $form_state->setValue([
                'attributes',
                'alt',
            ], '');
        }
        if ($form_state->getErrors()) {
            unset($form['#prefix'], $form['#suffix']);
            $form['status_messages'] = [
                '#type' => 'status_messages',
                '#weight' => -10,
            ];
            $response->addCommand(new HtmlCommand('#editor-image-dialog-form', $form));
        }
        else {
            $response->addCommand(new EditorDialogSave($form_state->getValues()));
            $response->addCommand(new CloseModalDialogCommand());
        }
        return $response;
    }

}

Members

Title Sort descending Modifiers Object type Summary Overriden Title Overrides
DependencySerializationTrait::$_entityStorages protected property
DependencySerializationTrait::$_serviceIds protected property
DependencySerializationTrait::__sleep public function 1
DependencySerializationTrait::__wakeup public function 2
EditorImageDialog::$fileStorage protected property The file storage service.
EditorImageDialog::buildForm public function Overrides FormInterface::buildForm
EditorImageDialog::create public static function Instantiates a new instance of this class. Overrides FormBase::create
EditorImageDialog::getFormId public function Returns a unique string identifying the form. Overrides FormInterface::getFormId
EditorImageDialog::submitForm public function Form submission handler. Overrides FormInterface::submitForm
EditorImageDialog::__construct public function Constructs a form object for image dialog.
FormBase::$configFactory protected property The config factory. 3
FormBase::$requestStack protected property The request stack. 1
FormBase::$routeMatch protected property The route match.
FormBase::config protected function Retrieves a configuration object.
FormBase::configFactory protected function Gets the config factory for this form. 3
FormBase::container private function Returns the service container.
FormBase::currentUser protected function Gets the current user.
FormBase::getRequest protected function Gets the request object.
FormBase::getRouteMatch protected function Gets the route match.
FormBase::logger protected function Gets the logger for a specific channel.
FormBase::redirect protected function Returns a redirect response object for the specified route.
FormBase::resetConfigFactory public function Resets the configuration factory.
FormBase::setConfigFactory public function Sets the config factory for this form.
FormBase::setRequestStack public function Sets the request stack object to use.
FormBase::validateForm public function Form validation handler. Overrides FormInterface::validateForm 73
LoggerChannelTrait::$loggerFactory protected property The logger channel factory service.
LoggerChannelTrait::getLogger protected function Gets the logger for a specific channel.
LoggerChannelTrait::setLoggerFactory public function Injects the logger channel factory.
MessengerTrait::$messenger protected property The messenger. 17
MessengerTrait::messenger public function Gets the messenger. 17
MessengerTrait::setMessenger public function Sets the messenger.
RedirectDestinationTrait::$redirectDestination protected property The redirect destination service. 1
RedirectDestinationTrait::getDestinationArray protected function Prepares a &#039;destination&#039; URL query parameter for use with \Drupal\Core\Url.
RedirectDestinationTrait::getRedirectDestination protected function Returns the redirect destination service.
RedirectDestinationTrait::setRedirectDestination public function Sets the redirect destination service.
StringTranslationTrait::$stringTranslation protected property The string translation service. 3
StringTranslationTrait::formatPlural protected function Formats a string containing a count of items.
StringTranslationTrait::getNumberOfPlurals protected function Returns the number of plurals supported by a given language.
StringTranslationTrait::getStringTranslation protected function Gets the string translation service.
StringTranslationTrait::setStringTranslation public function Sets the string translation service to use. 2
StringTranslationTrait::t protected function Translates a string to the current language or to a given language.

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.