View source
<?php
namespace Drupal\Tests\ckeditor5\FunctionalJavascript;
use Drupal\Component\Utility\Html;
use Drupal\editor\Entity\Editor;
use Drupal\file\Entity\File;
use Drupal\filter\Entity\FilterFormat;
use Drupal\node\Entity\Node;
use Drupal\Tests\TestFileCreationTrait;
use Drupal\Tests\ckeditor5\Traits\CKEditor5TestTrait;
use Drupal\ckeditor5\Plugin\Editor\CKEditor5;
use Symfony\Component\Validator\ConstraintViolation;
class ImageTest extends CKEditor5TestBase {
use CKEditor5TestTrait;
use TestFileCreationTrait;
protected $adminUser;
protected $file;
protected $host;
protected static $modules = [
'ckeditor5',
'node',
'text',
];
protected $defaultTheme = 'classy';
protected function setUp() : void {
parent::setUp();
FilterFormat::create([
'format' => 'test_format',
'name' => 'Test format',
'filters' => [
'filter_html' => [
'status' => TRUE,
'settings' => [
'allowed_html' => '<p> <br> <em> <a href> <img src alt data-entity-uuid data-entity-type height width data-caption data-align>',
],
],
'filter_align' => [
'status' => TRUE,
],
'filter_caption' => [
'status' => TRUE,
],
],
])
->save();
Editor::create([
'editor' => 'ckeditor5',
'format' => 'test_format',
'settings' => [
'toolbar' => [
'items' => [
'uploadImage',
'sourceEditing',
'link',
'italic',
],
],
'plugins' => [
'ckeditor5_sourceEditing' => [
'allowed_tags' => [],
],
'ckeditor5_imageResize' => [
'allow_resize' => TRUE,
],
],
],
'image_upload' => [
'status' => TRUE,
'scheme' => 'public',
'directory' => 'inline-images',
'max_size' => '1M',
'max_dimensions' => [
'width' => 100,
'height' => 100,
],
],
])
->save();
$this
->assertSame([], array_map(function (ConstraintViolation $v) {
return (string) $v
->getMessage();
}, iterator_to_array(CKEditor5::validatePair(Editor::load('test_format'), FilterFormat::load('test_format')))));
$this->adminUser = $this
->drupalCreateUser([
'use text format test_format',
'bypass node access',
'administer filters',
]);
$this->file = File::create([
'uri' => $this
->getTestFiles('image')[0]->uri,
]);
$this->file
->save();
$this->host = $this
->createNode([
'type' => 'page',
'title' => 'Animals with strange names',
'body' => [
'value' => '<p>The pirate is irate.</p>',
'format' => 'test_format',
],
]);
$this->host
->save();
$this
->drupalLogin($this->adminUser);
}
public function testAttributeRetentionDuringUpcasting() {
$attributes_to_retain = [
'-none-' => 'inline',
'data-caption="test caption 🦙"' => 'block',
'data-align="left"' => 'inline',
];
foreach ($attributes_to_retain as $attribute_to_retain => $expected_upcast_behavior_when_wrapped_in_block_element) {
if ($attribute_to_retain === '-none-') {
$attribute_to_retain = '';
}
$img_tag = '<img ' . $attribute_to_retain . ' alt="drupalimage test image" data-entity-type="file" data-entity-uuid="' . $this->file
->uuid() . '" src="' . $this->file
->createFileUrl() . '" />';
$test_cases = [
[
$img_tag,
$img_tag,
],
[
"<p>{$img_tag}</p>",
$expected_upcast_behavior_when_wrapped_in_block_element === 'inline' ? "<p>{$img_tag}</p>" : $img_tag,
],
[
"<div>{$img_tag}</div>",
$expected_upcast_behavior_when_wrapped_in_block_element === 'inline' ? "<p>{$img_tag}</p>" : $img_tag,
],
];
foreach ($test_cases as $test_case) {
[
$markup,
$expected,
] = $test_case;
$this->host->body->value = $markup;
$this->host
->save();
$this
->drupalGet($this->host
->toUrl('edit-form'));
$this
->waitForEditor();
$this
->assertNotEmpty($this
->assertSession()
->waitForElementVisible('css', ".ck-content .ck-widget img"));
$editor_dom = $this
->getEditorDataAsDom();
$expected_dom = Html::load($expected);
$xpath = new \DOMXPath($this
->getEditorDataAsDom());
$this
->assertEquals($expected_dom
->getElementsByTagName('body')
->item(0)
->C14N(), $editor_dom
->getElementsByTagName('body')
->item(0)
->C14N());
if ($attribute_to_retain) {
$this
->assertNotEmpty($xpath
->query("//img[@{$attribute_to_retain}]"));
}
}
}
}
public function testImageArbitraryHtml(string $image_type, bool $unrestricted) {
$editor = Editor::load('test_format');
$settings = $editor
->getSettings();
$settings['plugins']['ckeditor5_sourceEditing']['allowed_tags'] = [
'<img data-foo>',
];
$editor
->setSettings($settings);
$editor
->save();
if ($unrestricted) {
FilterFormat::load('test_format')
->setFilterConfig('filter_html', [
'status' => FALSE,
])
->save();
}
$img_tag = '<img data-foo="bar" alt="drupalimage test image" data-entity-type="file" data-entity-uuid="' . $this->file
->uuid() . '" src="' . $this->file
->createFileUrl() . '" />';
$this->host->body->value .= $image_type === 'block' ? $img_tag : "<p>{$img_tag}</p>";
$this->host
->save();
$expected_widget_selector = $image_type === 'block' ? 'image img' : 'image-inline';
$this
->drupalGet($this->host
->toUrl('edit-form'));
$this
->waitForEditor();
$drupalimage = $this
->assertSession()
->waitForElementVisible('css', ".ck-content .ck-widget.{$expected_widget_selector}");
$this
->assertNotEmpty($drupalimage);
$this
->assertEquals('bar', $drupalimage
->getAttribute('data-foo'));
$xpath = new \DOMXPath($this
->getEditorDataAsDom());
$this
->assertNotEmpty($xpath
->query('//img[@data-foo="bar"]'));
}
public function testLinkability(string $image_type, bool $unrestricted) {
assert($image_type === 'inline' || $image_type === 'block');
if ($unrestricted) {
FilterFormat::load('test_format')
->setFilterConfig('filter_html', [
'status' => FALSE,
])
->save();
}
$img_tag = '<img alt="drupalimage test image" data-entity-type="file" data-entity-uuid="' . $this->file
->uuid() . '" src="' . $this->file
->createFileUrl() . '" />';
$this->host->body->value .= $image_type === 'block' ? $img_tag : "<p>{$img_tag}</p>";
$this->host
->save();
$expected_widget_class = $image_type === 'block' ? 'image' : 'image-inline';
$page = $this
->getSession()
->getPage();
$this
->drupalGet($this->host
->toUrl('edit-form'));
$this
->waitForEditor();
$assert_session = $this
->assertSession();
$drupalimage = $assert_session
->waitForElementVisible('css', ".ck-content .ck-widget.{$expected_widget_class}");
$this
->assertNotEmpty($drupalimage);
$this
->assertFalse($drupalimage
->hasClass('.ck-widget_selected'));
$assert_session
->elementExists('css', '.ck-content .ck-widget.' . $expected_widget_class . ' > img[src*="image-test.png"][alt="drupalimage test image"]');
$xpath = new \DOMXPath($this
->getEditorDataAsDom());
$this
->assertNotEmpty($xpath
->query('//img[@alt="drupalimage test image"]'));
$this
->assertEmpty($xpath
->query('//a'));
$link_button = $this
->getEditorButton('Link');
$this
->assertSame('false', $link_button
->getAttribute('aria-pressed'));
$drupalimage
->click();
$this
->assertTrue($drupalimage
->hasClass('ck-widget_selected'));
$this
->assertEditorButtonEnabled('Link');
$this
->assertVisibleBalloon('.ck-toolbar[aria-label="Image toolbar"]');
$link_image_button = $this
->getBalloonButton('Link image');
$this
->assertSame('false', $link_image_button
->getAttribute('aria-pressed'));
$link_image_button
->press();
$balloon = $this
->assertVisibleBalloon('.ck-link-form');
$url_input = $balloon
->find('css', '.ck-labeled-field-view__input-wrapper .ck-input-text');
$url_input
->setValue('http://www.drupal.org/association');
$balloon
->pressButton('Save');
$assert_session
->elementExists('css', '.ck-content a[href*="//www.drupal.org/association"]');
$assert_session
->elementExists('css', $image_type === 'inline' ? '.ck-content a[href*="//www.drupal.org/association"] .ck-widget.' . $expected_widget_class . ' > img[src*="image-test.png"][alt="drupalimage test image"]' : '.ck-content .ck-widget.' . $expected_widget_class . ' a[href*="//www.drupal.org/association"] > img[src*="image-test.png"][alt="drupalimage test image"]');
$xpath = new \DOMXPath($this
->getEditorDataAsDom());
$this
->assertCount(1, $xpath
->query('//a[@href="http://www.drupal.org/association"]/img[@alt="drupalimage test image"]'));
$this
->assertEmpty($xpath
->query('//a[@href="http://www.drupal.org/association" and @class="trusted"]'));
$xpath = new \DOMXPath($this
->getEditorDataAsDom());
$this
->assertEmpty($xpath
->query('//a[@href="http://www.drupal.org/association" and @class="trusted"]'));
$this
->pressEditorButton('Source');
$source_text_area = $assert_session
->waitForElement('css', '.ck-source-editing-area textarea');
$this
->assertNotEmpty($source_text_area);
$new_value = str_replace('<a ', '<a class="trusted" ', $source_text_area
->getValue());
$source_text_area
->setValue('<p>temp</p>');
$source_text_area
->setValue($new_value);
$this
->pressEditorButton('Source');
$xpath = new \DOMXPath($this
->getEditorDataAsDom());
$this
->assertCount($unrestricted ? 1 : 0, $xpath
->query('//a[@href="http://www.drupal.org/association" and @class="trusted"]'));
$page
->pressButton('Save');
$assert_session
->elementExists('css', $unrestricted ? 'a[href="http://www.drupal.org/association"].trusted img[src*="image-test.png"]' : 'a[href="http://www.drupal.org/association"] img[src*="image-test.png"]');
$this
->drupalGet($this->host
->toUrl('edit-form'));
$this
->waitForEditor();
$xpath = new \DOMXPath($this
->getEditorDataAsDom());
$this
->assertNotEmpty($xpath
->query('//img[@alt="drupalimage test image"]'));
$this
->assertNotEmpty($xpath
->query('//a[@href="http://www.drupal.org/association"]'));
$this
->assertNotEmpty($xpath
->query('//a[@href="http://www.drupal.org/association"]/img[@alt="drupalimage test image"]'));
$this
->assertCount($unrestricted ? 1 : 0, $xpath
->query('//a[@href="http://www.drupal.org/association" and @class="trusted"]'));
$drupalimage
->click();
$this
->assertEditorButtonEnabled('Link');
$this
->assertSame('true', $this
->getEditorButton('Link')
->getAttribute('aria-pressed'));
$this
->assertVisibleBalloon('.ck-toolbar[aria-label="Image toolbar"]');
$link_image_button = $this
->getBalloonButton('Link image');
$this
->assertSame('true', $link_image_button
->getAttribute('aria-pressed'));
$link_image_button
->click();
$this
->getBalloonButton('Edit link');
$unlink_image_button = $this
->getBalloonButton('Unlink');
$unlink_image_button
->click();
$this
->assertSame('false', $this
->getEditorButton('Link')
->getAttribute('aria-pressed'));
$assert_session
->elementExists('css', '.ck-content .ck-widget.' . $expected_widget_class);
$assert_session
->elementNotExists('css', '.ck-content a');
$assert_session
->elementExists('css', '.ck-content .ck-widget.' . $expected_widget_class . ' > img[src*="image-test.png"][alt="drupalimage test image"]');
$xpath = new \DOMXPath($this
->getEditorDataAsDom());
$this
->assertCount(0, $xpath
->query('//a[@href="http://www.drupal.org/association"]/img[@alt="drupalimage test image"]'));
$this
->assertCount(1, $xpath
->query('//img[@alt="drupalimage test image"]'));
$this
->assertCount(0, $xpath
->query('//a'));
}
public function testAltTextRequired(bool $unrestricted) {
if ($unrestricted) {
FilterFormat::load('test_format')
->setFilterConfig('filter_html', [
'status' => FALSE,
])
->save();
}
$img_tag = '<img data-entity-type="file" data-entity-uuid="' . $this->file
->uuid() . '" src="' . $this->file
->createFileUrl() . '" width="500" />';
$this->host->body->value .= $img_tag . "<p>{$img_tag}</p>";
$this->host
->save();
$page = $this
->getSession()
->getPage();
$this
->drupalGet($this->host
->toUrl('edit-form'));
$this
->waitForEditor();
$assert_session = $this
->assertSession();
$this
->assertNotEmpty($image_block = $assert_session
->waitForElementVisible('css', ".ck-content .ck-widget.image"));
$this
->assertNotEmpty($image_inline = $assert_session
->waitForElementVisible('css', ".ck-content .ck-widget.image-inline"));
$this
->assertNotEmpty($image_block
->find('css', '.image-alternative-text-missing-wrapper'));
$this
->assertNotEmpty($image_inline
->find('css', '.image-alternative-text-missing-wrapper'));
$image_block
->find('css', '.image-alternative-text-missing button')
->click();
$this
->assertNotEmpty($assert_session
->waitForElementVisible('css', '.ck-balloon-panel'));
$this
->assertVisibleBalloon('.ck-text-alternative-form');
$assert_session
->waitForElement('css', '.ck-content .ck-widget.image .image-alternative-text-missing.ck-hidden');
$assert_session
->elementExists('css', '.ck-content .ck-widget.image-inline .image-alternative-text-missing');
$assert_session
->elementNotExists('css', '.ck-content .ck-widget.image-inline .image-alternative-text-missing.ck-hidden');
$this
->assertNotEmpty($decorative_button = $this
->getBalloonButton('Decorative image'));
$assert_session
->elementExists('css', '.ck-balloon-panel .ck-text-alternative-form input[type=text]');
$decorative_button
->click();
$assert_session
->elementExists('css', '.ck-content .ck-widget.image .image-alternative-text-missing.ck-hidden');
$assert_session
->elementExists('css', ".ck-content .ck-widget.image-inline .image-alternative-text-missing-wrapper");
$assert_session
->elementNotExists('css', '.ck-content .ck-widget.image-inline .image-alternative-text-missing.ck-hidden');
$this
->assertNotEmpty($save_button = $this
->getBalloonButton('Save'));
$save_button
->click();
$this
->assertTrue($assert_session
->waitForElementRemoved('css', ".ck-content .ck-widget.image .image-alternative-text-missing-wrapper"));
$assert_session
->elementExists('css', '.ck-content .ck-widget.image-inline .image-alternative-text-missing-wrapper');
$editor_dom = $this
->getEditorDataAsDom();
$decorative_img = $editor_dom
->getElementsByTagName('img')
->item(0);
$this
->assertTrue($decorative_img
->hasAttribute('alt'));
$this
->assertEmpty($decorative_img
->getAttribute('alt'));
$this
->assertNotEmpty($alt_text_button = $this
->getBalloonButton('Change image alternative text'));
$alt_text_button
->click();
$decorative_button
->click();
$this
->assertNotEmpty($save_button = $this
->getBalloonButton('Save'));
$this
->assertTrue($save_button
->hasClass('ck-disabled'));
$this
->assertNotEmpty($alt_override_input = $page
->find('css', '.ck-balloon-panel .ck-text-alternative-form input[type=text]'));
$alt_override_input
->setValue('There is now alt text');
$this
->assertTrue($assert_session
->waitForElementRemoved('css', '.ck-balloon-panel .ck-text-alternative-form .ck-disabled'));
$this
->assertFalse($save_button
->hasClass('ck-disabled'));
$save_button
->click();
$page
->pressButton('Save');
$this
->assertNotEmpty($assert_session
->waitForElement('css', 'img[alt="There is now alt text"]'));
$this
->drupalGet($this->host
->toUrl('edit-form'));
$this
->waitForEditor();
$this
->assertNotEmpty($image_upload_field = $page
->find('css', '.ck-file-dialog-button input[type="file"]'));
$image = $this
->getTestFiles('image')[0];
$image_upload_field
->attachFile($this->container
->get('file_system')
->realpath($image->uri));
$this
->assertNotEmpty($assert_session
->waitForElementVisible('css', '.ck-widget.image'));
$this
->assertNotEmpty($assert_session
->waitForElementVisible('css', '.ck-balloon-panel'));
$this
->assertVisibleBalloon('.ck-text-alternative-form');
}
public function providerAltTextRequired() : array {
return [
'Restricted' => [
FALSE,
],
'Unrestricted' => [
TRUE,
],
];
}
public function providerLinkability() : array {
return [
'BLOCK image, restricted' => [
'block',
FALSE,
],
'BLOCK image, unrestricted' => [
'block',
TRUE,
],
'INLINE image, restricted' => [
'inline',
FALSE,
],
'INLINE image, unrestricted' => [
'inline',
TRUE,
],
];
}
public function testAlignment(string $image_type) : void {
$assert_session = $this
->assertSession();
$page = $this
->getSession()
->getPage();
$img_tag = '<img alt="drupalimage test image" data-entity-type="file" data-entity-uuid="' . $this->file
->uuid() . '" src="' . $this->file
->createFileUrl() . '" />';
$this->host->body->value .= $image_type === 'block' ? $img_tag : "<p>{$img_tag}</p>";
$this->host
->save();
$image_selector = $image_type === 'block' ? '.ck-widget.image' : '.ck-widget.image-inline';
$default_alignment = $image_type === 'block' ? 'Break text' : 'In line';
$this
->drupalGet($this->host
->toUrl('edit-form'));
$this
->waitForEditor();
$this
->assertNotEmpty($assert_session
->waitForElementVisible('css', $image_selector));
$this
->click($image_selector);
$this
->assertVisibleBalloon('[aria-label="Image toolbar"]');
$this
->assertTrue($this
->getBalloonButton($default_alignment)
->hasClass('ck-on'));
$editor_dom = $this
->getEditorDataAsDom();
$drupal_media_element = $editor_dom
->getElementsByTagName('img')
->item(0);
$this
->assertFalse($drupal_media_element
->hasAttribute('data-align'));
$this
->getBalloonButton('Align center and break text')
->click();
$this
->assertNotEmpty($assert_session
->waitForElement('css', '.ck-widget.image.image-style-align-center'));
$editor_dom = $this
->getEditorDataAsDom();
$drupal_media_element = $editor_dom
->getElementsByTagName('img')
->item(0);
$this
->assertEquals('center', $drupal_media_element
->getAttribute('data-align'));
$page
->pressButton('Save');
$this
->assertNotEmpty($assert_session
->waitForElementVisible('css', '.messages.messages--status'));
$assert_session
->elementExists('css', 'img.align-center');
$edit_url = $this
->getSession()
->getCurrentURL() . '/edit';
$this
->drupalGet($edit_url);
$this
->waitForEditor();
$assert_session
->elementExists('css', '.ck-widget.image.image-style-align-center');
$this
->click('.ck-widget.image');
$this
->assertVisibleBalloon('[aria-label="Image toolbar"]');
$this
->assertTrue($this
->getBalloonButton('Align center and break text')
->hasClass('ck-on'));
$this
->getBalloonButton('Break text')
->click();
$this
->assertTrue($assert_session
->waitForElementRemoved('css', '.ck-widget.image.image-style-align-center'));
$editor_dom = $this
->getEditorDataAsDom();
$drupal_media_element = $editor_dom
->getElementsByTagName('img')
->item(0);
$this
->assertFalse($drupal_media_element
->hasAttribute('data-align'));
}
public function providerAlignment() {
return [
'Block image' => [
'block',
],
'Inline image' => [
'inline',
],
];
}
public function testWidth(string $width) : void {
$page = $this
->getSession()
->getPage();
$assert_session = $this
->assertSession();
$this->host->body->value = sprintf('<img data-foo="bar" alt="drupalimage test image" data-entity-type="file" data-entity-uuid="%s" src="%s" width="%s" />', $this->file
->uuid(), $this->file
->createFileUrl(), $width);
$this->host
->save();
$this
->drupalGet($this->host
->toUrl('edit-form'));
$this
->waitForEditor();
$this
->assertNotEmpty($assert_session
->waitForElementVisible('css', '.ck-widget.image[style] img'));
$editor_data = $this
->getEditorDataAsDom();
$width_from_editor = $editor_data
->getElementsByTagName('img')
->item(0)
->getAttribute('width');
$this
->assertSame($width, $width_from_editor);
$page
->pressButton('Save');
$this
->assertNotEmpty($assert_session
->waitForElement('css', "img[width='{$width}']"));
}
public function testImageCaption() {
$page = $this
->getSession()
->getPage();
$assert_session = $this
->assertSession();
$img_tag = '<img alt="drupalimage test image" data-caption="Alpacas <em>are</em> cute" foo="bar" data-entity-type="file" data-entity-uuid="' . $this->file
->uuid() . '" src="' . $this->file
->createFileUrl() . '">';
$this->host->body->value = $img_tag;
$this->host
->save();
$this
->drupalGet($this->host
->toUrl('edit-form'));
$this
->waitForEditor();
$this
->assertNotEmpty($assert_session
->waitForElement('css', '.ck-editor'));
$this
->assertNotEmpty($figcaption = $assert_session
->waitForElement('css', '.image figcaption'));
$this
->assertSame('Alpacas <em>are</em> cute', $figcaption
->getHtml());
$page
->pressButton('Source');
$editor_dom = $this
->getEditorDataAsDom();
$data_caption = $editor_dom
->getElementsByTagName('img')
->item(0)
->getAttribute('data-caption');
$this
->assertSame('Alpacas <em>are</em> cute', $data_caption);
$page
->pressButton('Save');
$this
->assertEquals('<img src="' . $this->file
->createFileUrl() . '" data-entity-uuid="' . $this->file
->uuid() . '" data-entity-type="file" alt="drupalimage test image" data-caption="Alpacas <em>are</em> cute">', Node::load(1)
->get('body')->value);
$assert_session
->elementExists('xpath', '//figure/img[@src="' . $this->file
->createFileUrl() . '" and not(@data-caption)]');
$assert_session
->responseContains('<figcaption>Alpacas <em>are</em> cute</figcaption>');
}
public function providerWidth() : array {
return [
'Image resize with percent unit (only allowed in HTML 4)' => [
'width' => '33%',
],
'Image resize with (implied) px unit' => [
'width' => '100',
],
];
}
public function testResize(bool $is_resize_enabled) : void {
if (!$is_resize_enabled) {
Editor::load('test_format')
->setSettings([
'toolbar' => [
'items' => [
'uploadImage',
],
],
'plugins' => [
'ckeditor5_imageResize' => [
'allow_resize' => FALSE,
],
],
])
->save();
}
$page = $this
->getSession()
->getPage();
$assert_session = $this
->assertSession();
$this
->drupalGet('node/add');
$page
->fillField('title[0][value]', 'My test content');
$this
->assertNotEmpty($image_upload_field = $page
->find('css', '.ck-file-dialog-button input[type="file"]'));
$image = $this
->getTestFiles('image')[0];
$image_upload_field
->attachFile($this->container
->get('file_system')
->realpath($image->uri));
$image_figure = $assert_session
->waitForElementVisible('css', 'figure');
$this
->assertSame($is_resize_enabled, $image_figure
->hasClass('ck-widget_with-resizer'));
}
public function providerResize() : array {
return [
'Image resize is enabled' => [
'is_resize_enabled' => TRUE,
],
'Image resize is disabled' => [
'is_resize_enabled' => FALSE,
],
];
}
public function testImageSettingsForm() {
$assert_session = $this
->assertSession();
$this
->drupalGet('admin/config/content/formats/manage/test_format');
$assert_session
->elementExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-imageresize"]');
$assert_session
->elementExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-imageupload"]');
$this
->triggerKeyUp('.ckeditor5-toolbar-item-uploadImage', 'ArrowUp');
$assert_session
->assertWaitOnAjaxRequest();
$assert_session
->elementNotExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-imageresize"]');
$assert_session
->elementNotExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-imageupload"]');
$this
->triggerKeyUp('.ckeditor5-toolbar-item-uploadImage', 'ArrowDown');
$assert_session
->assertWaitOnAjaxRequest();
$assert_session
->elementExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-imageresize"]');
$assert_session
->elementExists('css', '[data-drupal-selector="edit-editor-settings-plugins-ckeditor5-imageupload"]');
}
}