jodit 4.13.26 → 4.14.0

package/esm/modules/status-bar/status-bar.js

@@ -60,14 +60,13 @@ let StatusBar = class StatusBar extends ViewComponent {
      * Add element in statusbar
      */
     append(child, inTheRight = false) {
-        var _a;
         const wrapper = this.findEmpty(inTheRight) ||
             this.j.c.div(this.getFullElName('item'));
         if (inTheRight) {
             wrapper.classList.add(this.getFullElName('item-right'));
         }
-        wrapper.appendChild(child);
-        (_a = this.container) === null || _a === void 0 ? void 0 : _a.appendChild(wrapper);
+        Dom.append(wrapper, child);
+        this.container && Dom.append(this.container, wrapper);
         if (this.j.o.statusbar) {
             this.show();
         }
@@ -78,7 +77,7 @@ let StatusBar = class StatusBar extends ViewComponent {
         this.target = target;
         this.mods = {};
         this.container = jodit.c.div('jodit-status-bar');
-        target.appendChild(this.container);
+        Dom.append(target, this.container);
         this.hide();
     }
     destruct() {

package/esm/modules/table/table.js

@@ -18,7 +18,8 @@ import * as consts from "../../core/constants.js";
 import { debounce } from "../../core/decorators/index.js";
 import { Dom } from "../../core/dom/index.js";
 import { getContainer } from "../../core/global.js";
-import { $$, attr, cssPath, isNumber, toArray, trim } from "../../core/helpers/index.js";
+import { attr, css, cssPath, isNumber, toArray, trim } from "../../core/helpers/index.js";
+import { cssInline } from "../../core/helpers/utils/css.js";
 const markedValue = new WeakMap();
 export class Table extends ViewComponent {
     constructor() {
@@ -166,37 +167,40 @@ export class Table extends ViewComponent {
         return Table.__formalCoordinate(table, cell, max);
     }
     static __appendRow(table, line, after, create) {
-        var _a;
         let row;
         if (!line) {
             const columnsCount = Table.__getColumnsCount(table);
             row = create.element('tr');
             for (let j = 0; j < columnsCount; j += 1) {
-                row.appendChild(create.element('td'));
+                Dom.append(row, create.element('td'));
             }
         }
         else {
             row = line.cloneNode(true);
-            $$('td,th', line).forEach(cell => {
+            Dom.each(line, cell => {
+                if (!Dom.isCell(cell)) {
+                    return;
+                }
                 const rowspan = attr(cell, 'rowspan');
                 if (rowspan && parseInt(rowspan, 10) > 1) {
                     const newRowSpan = parseInt(rowspan, 10) - 1;
                     attr(cell, 'rowspan', newRowSpan > 1 ? newRowSpan : null);
                 }
             });
-            $$('td,th', row).forEach(cell => {
-                cell.innerHTML = '';
+            Dom.each(row, cell => {
+                if (Dom.isCell(cell)) {
+                    Dom.detach(cell);
+                }
             });
         }
         if (after && line && line.nextSibling) {
-            line.parentNode &&
-                line.parentNode.insertBefore(row, line.nextSibling);
+            Dom.after(line, row);
         }
         else if (!after && line) {
-            line.parentNode && line.parentNode.insertBefore(row, line);
+            Dom.before(line, row);
         }
         else {
-            (((_a = table.getElementsByTagName('tbody')) === null || _a === void 0 ? void 0 : _a[0]) || table).appendChild(row);
+            Dom.append(Dom.first(table, node => Dom.isTag(node, 'tbody')) || table, row);
         }
     }
     /**
@@ -243,10 +247,10 @@ export class Table extends ViewComponent {
                             }
                         }
                         if (referenceCell) {
-                            nextRow.insertBefore(cell, referenceCell);
+                            Dom.before(referenceCell, cell);
                         }
                         else {
-                            nextRow.appendChild(cell);
+                            Dom.append(nextRow, cell);
                         }
                     }
                 }
@@ -474,7 +478,7 @@ export class Table extends ViewComponent {
                             return;
                         }
                         alreadyMerged.add(td);
-                        if (i === bound[0][0] && td.style.width) {
+                        if (i === bound[0][0] && cssInline(td, 'width')) {
                             w += td.offsetWidth;
                         }
                         if (trim(cell.innerHTML.replace(/<br(\/)?>/g, '')) !== '') {
@@ -536,7 +540,7 @@ export class Table extends ViewComponent {
         const __marked = [];
         Table.__getSelectedCellsByTable(table).forEach((cell) => {
             td = jodit.createInside.element('td');
-            td.appendChild(jodit.createInside.element('br'));
+            Dom.append(td, jodit.createInside.element('br'));
             tr = jodit.createInside.element('tr');
             coord = Table.__formalCoordinate(table, cell);
             if (cell.rowSpan < 2) {
@@ -548,7 +552,7 @@ export class Table extends ViewComponent {
                     }
                 });
                 Dom.after(Dom.closest(cell, 'tr', table), tr);
-                tr.appendChild(td);
+                Dom.append(tr, td);
             }
             else {
                 Table.__mark(cell, 'rowspan', cell.rowSpan - 1, __marked);
@@ -568,7 +572,7 @@ export class Table extends ViewComponent {
                     Dom.after(after, td);
                 }
                 else {
-                    parent.insertBefore(td, parent.firstChild);
+                    Dom.prepend(parent, td);
                 }
             }
             if (cell.colSpan > 1) {
@@ -601,7 +605,7 @@ export class Table extends ViewComponent {
                 Table.__mark(cell, 'colspan', cell.colSpan - 1, __marked);
             }
             td = jodit.createInside.element('td');
-            td.appendChild(jodit.createInside.element('br'));
+            Dom.append(td, jodit.createInside.element('br'));
             if (cell.rowSpan > 1) {
                 Table.__mark(td, 'rowspan', cell.rowSpan, __marked);
             }
@@ -680,7 +684,7 @@ export class Table extends ViewComponent {
                                 }
                             }
                             else {
-                                cell.style.width = value.toString();
+                                css(cell, 'width', value.toString());
                             }
                             break;
                     }

package/esm/modules/toolbar/button/button.js

@@ -131,20 +131,20 @@ let ToolbarButton = class ToolbarButton extends UIButton {
             value: this,
             configurable: true
         });
-        container.appendChild(button);
+        Dom.append(container, button);
         const trigger = this.j.c.fromHTML(`<span role="button" aria-haspopup="true" aria-expanded="false" class="${cn}__trigger">${Icon.get('chevron')}</span>`);
         // For caching
-        button.appendChild(trigger);
+        Dom.append(button, trigger);
         return container;
     }
     /** @override */
     focus() {
         var _a;
-        (_a = this.container.querySelector('button')) === null || _a === void 0 ? void 0 : _a.focus();
+        (_a = Dom.first(this.container, node => Dom.isTag(node, 'button'))) === null || _a === void 0 ? void 0 : _a.focus();
     }
     onChangeHasTrigger() {
         if (this.state.hasTrigger) {
-            this.container.appendChild(this.trigger);
+            Dom.append(this.container, this.trigger);
         }
         else {
             Dom.safeRemove(this.trigger);

package/esm/modules/toolbar/button/content.js

@@ -17,6 +17,12 @@ import { component } from "../../../core/decorators/index.js";
 import { Dom } from "../../../core/dom/index.js";
 import { attr, isString } from "../../../core/helpers/index.js";
 import { UIButton } from "../../../core/ui/button/index.js";
+const FORM_CONTROL_TAGS = new Set([
+    'input',
+    'button',
+    'select',
+    'textarea'
+]);
 let ToolbarContent = class ToolbarContent extends UIButton {
     /** @override */
     className() {
@@ -29,7 +35,7 @@ let ToolbarContent = class ToolbarContent extends UIButton {
         const content = control.getContent(this.j, this);
         if (isString(content) || content.parentNode !== this.container) {
             Dom.detach(this.container);
-            this.container.appendChild(isString(content) ? this.j.create.fromHTML(content) : content);
+            Dom.append(this.container, isString(content) ? this.j.create.fromHTML(content) : content);
         }
         // Content controls never went through the ToolbarButton status
         // calculation, so `isDisabled`/`isActive`/`update` declared on the
@@ -52,9 +58,11 @@ let ToolbarContent = class ToolbarContent extends UIButton {
      */
     onChangeDisabled() {
         super.onChangeDisabled();
-        this.container
-            .querySelectorAll('input,button,select,textarea')
-            .forEach(elm => attr(elm, 'disabled', this.state.disabled || null));
+        Dom.each(this.container, elm => {
+            if (Dom.isTag(elm, FORM_CONTROL_TAGS)) {
+                attr(elm, 'disabled', this.state.disabled || null);
+            }
+        });
     }
     /** @override */
     createContainer() {

package/esm/modules/toolbar/collection/collection.js

@@ -18,6 +18,8 @@ import { autobind } from "../../../core/decorators/autobind/autobind.js";
 import { component } from "../../../core/decorators/component/component.js";
 import { hook } from "../../../core/decorators/hook/hook.js";
 import { watch } from "../../../core/decorators/watch/watch.js";
+import { attr } from "../../../core/helpers/utils/attr.js";
+import { css } from "../../../core/helpers/utils/css.js";
 import { error } from "../../../core/helpers/utils/error/error.js";
 import { UIList } from "../../../core/ui/group/list.js";
 import { makeButton, makeSelect } from "../factory.js";
@@ -73,8 +75,8 @@ let ToolbarCollection = class ToolbarCollection extends UIList {
      * Set direction
      */
     setDirection(direction) {
-        this.container.style.direction = direction;
-        this.container.setAttribute('dir', direction);
+        css(this.container, 'direction', direction);
+        attr(this.container, 'dir', direction);
     }
     constructor(jodit) {
         super(jodit);

package/esm/modules/uploader/config.js

@@ -5,6 +5,7 @@
  */
 import { isArray } from "../../core/helpers/checker/is-array.js";
 import { isJoditObject } from "../../core/helpers/checker/is-jodit-object.js";
+import { attr } from "../../core/helpers/utils/attr.js";
 import { Config } from "../../config.js";
 /**
  * Module for processing download documents and images by Drag and Drop
@@ -68,11 +69,11 @@ Config.prototype.uploader = {
         }
         if (resp.files && resp.files.length) {
             resp.files.forEach((filename, index) => {
-                const [tagName, attr] = resp.isImages && resp.isImages[index]
+                const [tagName, attrName] = resp.isImages && resp.isImages[index]
                     ? ['img', 'src']
                     : ['a', 'href'];
                 const elm = j.createInside.element(tagName);
-                elm.setAttribute(attr, resp.baseurl + filename);
+                attr(elm, attrName, resp.baseurl + filename);
                 if (tagName === 'a') {
                     elm.textContent = j.o.uploader.getDisplayName.call(this, resp.baseurl, filename);
                 }

package/esm/modules/uploader/helpers/process-old-browser-drag.js

@@ -17,7 +17,7 @@ export function processOldBrowserDrag(self, cData, handlerSuccess, handlerError,
                 'overflow: hidden; position: fixed; z-index: 2147483647; word-break: break-all;',
             contenteditable: true
         });
-        getContainer(self.j, self.constructor).appendChild(div);
+        Dom.append(getContainer(self.j, self.constructor), div);
         const selection = isJoditObject(self.j) ? self.j.s.save() : null, restore = () => selection && isJoditObject(self.j) && self.j.s.restore();
         div.focus();
         self.j.async.setTimeout(() => {

package/esm/modules/uploader/uploader.js

@@ -5,7 +5,8 @@
  */
 import { STATUSES, ViewComponent } from "../../core/component/index.js";
 import { IS_ES_NEXT, IS_IE } from "../../core/constants.js";
-import { ConfigProto, error, isFunction, isJoditObject } from "../../core/helpers/index.js";
+import { Dom } from "../../core/dom/dom.js";
+import { attr, ConfigProto, error, isFunction, isJoditObject } from "../../core/helpers/index.js";
 import { Config } from "../../config.js";
 import { ajaxInstances, hasFiles, hasItems, processOldBrowserDrag, send, sendFiles } from "./helpers/index.js";
 import "./config.js";
@@ -129,7 +130,11 @@ export class Uploader extends ViewComponent {
                 sendFiles(self, event.dataTransfer.files, handlerSuccess, handlerError).finally(onFinally);
             }
         });
-        const inputFile = form.querySelector('input[type=file]');
+        const inputFile = Dom.first(form, node => {
+            var _a;
+            return Dom.isTag(node, 'input') &&
+                ((_a = attr(node, 'type')) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'file';
+        });
         if (inputFile) {
             self.j.e.on(inputFile, 'change', () => {
                 sendFiles(self, inputFile.files, handlerSuccess, handlerError)

package/esm/modules/widget/color-picker/color-picker.js

@@ -46,10 +46,10 @@ export const ColorPickerWidget = (editor, callback, coldColor) => {
         }
         return stack.join('');
     };
-    form.appendChild(editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
-    form.appendChild(editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
+    Dom.append(form, editor.c.fromHTML(`<div class="${cn}__groups">${eachColor(editor.o.colors)}</div>`));
+    Dom.append(form, editor.c.fromHTML(`<div data-ref="extra" class="${cn}__extra"></div>`));
     const { extra } = refs(form);
-    extra.appendChild(editor.c.fromHTML(`<div class="${cn}__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="${valueHex || ''}"/></div>`));
+    Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__hex"><input data-ref="hexInput" type="text" spellcheck="false" aria-label="HEX" placeholder="#FF0000" value="${valueHex || ''}"/></div>`));
     const { hexInput } = refs(form);
     // Enter applies the value and closes the popup; removing the focused
     // input then makes Chrome fire `change` on it, which would apply the
@@ -84,7 +84,7 @@ export const ColorPickerWidget = (editor, callback, coldColor) => {
         applyHexInput();
     });
     if (editor.o.showBrowserColorPicker && hasBrowserColorPicker()) {
-        extra.appendChild(editor.c.fromHTML(`<div class="${cn}__native">${iconPalette}<input type="color" value="#ffffff"/></div>`));
+        Dom.append(extra, editor.c.fromHTML(`<div class="${cn}__native">${iconPalette}<input type="color" value="#ffffff"/></div>`));
         editor.e.on(form, 'change', (e) => {
             e.stopPropagation();
             const target = e.target;

package/esm/modules/widget/file-selector/file-selector.js

@@ -88,13 +88,13 @@ export const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true
             !Dom.isComment(elm) &&
             (Dom.isTag(elm, 'img') || $$('img', elm).length)) {
             currentImage = elm.tagName === 'IMG' ? elm : $$('img', elm)[0];
-            val(form.container, 'input[name=url]', attr(currentImage, 'src'));
-            val(form.container, 'input[name=text]', attr(currentImage, 'alt'));
+            val(form.container, 'url', attr(currentImage, 'src'));
+            val(form.container, 'text', attr(currentImage, 'alt'));
             button.state.text = 'Update';
         }
         if (elm && Dom.isTag(elm, 'a')) {
-            val(form.container, 'input[name=url]', attr(elm, 'href'));
-            val(form.container, 'input[name=text]', attr(elm, 'title'));
+            val(form.container, 'url', attr(elm, 'href'));
+            val(form.container, 'text', attr(elm, 'title'));
             button.state.text = 'Update';
         }
         form.onSubmit(data => {
@@ -116,8 +116,8 @@ export const FileSelectorWidget = (editor, callbacks, elm, close, isImage = true
     box.classList.add('jodit-file-selector');
     return box;
 };
-function val(elm, selector, value) {
-    const child = elm.querySelector(selector);
+function val(elm, name, value) {
+    const child = Dom.first(elm, node => Dom.isTag(node, 'input') && attr(node, 'name') === name);
     if (!child) {
         return '';
     }

package/esm/modules/widget/tabs/tabs.js

@@ -47,8 +47,8 @@ export const TabsWidget = (jodit, tabs, state) => {
     const nameToTab = {};
     const buttonList = [];
     let firstTab = '';
-    box.appendChild(buttons);
-    box.appendChild(tabBox);
+    Dom.append(box, buttons);
+    Dom.append(box, tabBox);
     const setActive = (tab) => {
         if (!nameToTab[tab]) {
             return;
@@ -72,18 +72,18 @@ export const TabsWidget = (jodit, tabs, state) => {
         if (!firstTab) {
             firstTab = name;
         }
-        buttons.appendChild(button.container);
+        Dom.append(buttons, button.container);
         buttonList.push(button);
         button.container.classList.add('jodit-tabs__button', 'jodit-tabs__button_columns_' + tabs.length);
         if (!isFunction(content)) {
-            tab.appendChild(Component.isInstanceOf(content, UIElement)
+            Dom.append(tab, Component.isInstanceOf(content, UIElement)
                 ? content.container
                 : content);
         }
         else {
             tab.classList.add('jodit-tab_empty');
         }
-        tabBox.appendChild(tab);
+        Dom.append(tabBox, tab);
         button.onAction(() => {
             setActive(name);
             if (isFunction(content) && !Dom.isElement(content)) {

package/esm/plugins/add-new-line/add-new-line.js

@@ -16,6 +16,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { autobind, throttle, watch } from "../../core/decorators/index.js";
 import { pluginSystem } from "../../core/global.js";
 import { call, offset, position, scrollIntoViewIfNeeded } from "../../core/helpers/index.js";
+import { css } from "../../core/helpers/utils/css.js";
 import { Dom, Icon, Plugin } from "../../modules/index.js";
 import "./config.js";
 const ns = 'addnewline';
@@ -56,11 +57,11 @@ export class addNewLine extends Plugin {
                     Dom.prepend(editor.editor, p);
                 }
                 else {
-                    this.__current.parentNode.insertBefore(p, this.__current);
+                    Dom.before(this.__current, p);
                 }
             }
             else {
-                editor.editor.appendChild(p);
+                Dom.append(editor.editor, p);
             }
             editor.s.setCursorIn(p);
             scrollIntoViewIfNeeded(p, editor.editor, editor.ed);
@@ -78,8 +79,8 @@ export class addNewLine extends Plugin {
             return;
         }
         this.__isShown = true;
-        this.j.container.appendChild(this.__line);
-        this.__line.style.width = this.j.container.clientWidth + 'px';
+        Dom.append(this.j.container, this.__line);
+        css(this.__line, 'width', this.j.container.clientWidth);
     }
     onLock(isLocked) {
         if (isLocked && this.__isShown) {
@@ -139,10 +140,10 @@ export class addNewLine extends Plugin {
             if (Math.abs(top - editorBound.top) <
                 Math.abs(top - (editorBound.height + editorBound.top)) &&
                 editor.editor.firstChild) {
-                editor.editor.insertBefore(p, editor.editor.firstChild);
+                Dom.prepend(editor.editor, p);
             }
             else {
-                editor.editor.appendChild(p);
+                Dom.append(editor.editor, p);
             }
             editor.s.setCursorIn(p);
             editor.synchronizeValues();
@@ -196,7 +197,7 @@ export class addNewLine extends Plugin {
             ((isEditor && !this.__isBeforeContent) ||
                 (!isEditor &&
                     !call(this.__isBeforeContent ? Dom.prev : Dom.next, currentElement, this.__canGetFocus, editor.editor)))) {
-            this.__line.style.top = top + 'px';
+            css(this.__line, 'top', top);
             this.__current = currentElement;
             this.__show();
             this.__line.style.setProperty('--jd-anl-handle-offset', clientX - pos.left - 10 + 'px');

package/esm/plugins/ai-assistant/ui/ui-ai-assistant.js

@@ -68,11 +68,11 @@ let UiAiAssistant = class UiAiAssistant extends UIElement {
             this.__results.classList.remove(hideMod);
             this.__buttons.classList.remove(hideMod);
             Dom.detach(this.__results);
-            this.__results.appendChild(this.__spinner);
+            Dom.append(this.__results, this.__spinner);
             this.__insertButton.focus();
         });
-        this.__buttons.appendChild(buttonsBLock.container);
-        this.__body.appendChild(this.__formAiAssistant.container);
+        Dom.append(this.__buttons, buttonsBLock.container);
+        Dom.append(this.__body, this.__formAiAssistant.container);
         this.onChangePromptValue();
     }
     render() {
@@ -111,7 +111,7 @@ let UiAiAssistant = class UiAiAssistant extends UIElement {
         this.setMod('loading', false);
         Dom.detach(this.__results);
         this.__aiResult = result;
-        this.__results.appendChild(this.jodit.c.fromHTML(result));
+        Dom.append(this.__results, this.jodit.c.fromHTML(result));
         this.__toggleSubmitButton(false);
         this.__toggleInsertButton(false);
     }

package/esm/plugins/backspace/cases/check-join-neighbors.js

@@ -50,7 +50,10 @@ function resolveTableSibling(sibling, backspace) {
     if (!Dom.isTag(sibling, 'table')) {
         return sibling;
     }
-    const cells = sibling.querySelectorAll('td,th');
+    const cells = [];
+    Dom.each(sibling, node => {
+        Dom.isCell(node) && cells.push(node);
+    });
     return cells.length ? cells[backspace ? cells.length - 1 : 0] : null;
 }
 function checkMoveListContent(jodit, mainClosestBox, sibling, backspace) {

package/esm/plugins/clean-html/helpers/visitor/filters/allow-attributes.js

@@ -4,6 +4,7 @@
  * Copyright (c) 2013-2026 Valerii Chupurnov. All rights reserved. https://xdsoft.net
  */
 import { Dom } from "../../../../../core/dom/dom.js";
+import { attrRaw } from "../../../../../core/helpers/utils/attr.js";
 /**
  * @private
  */
@@ -29,7 +30,10 @@ export function allowAttributes(jodit, nodeElm, hadEffect, allow) {
                 hadEffect = true;
             }
             removeAttrs.forEach(attr => {
-                nodeElm.removeAttribute(attr);
+                // `attrRaw` on purpose: the sanitizer must remove exactly the
+                // attribute name from the live list, without the `attr()`
+                // helper name normalization
+                attrRaw(nodeElm, attr, null);
             });
         }
     }

package/esm/plugins/clean-html/helpers/visitor/filters/fill-empty-paragraph.js

@@ -21,7 +21,7 @@ export function fillEmptyParagraph(jodit, nodeElm, hadEffect) {
         Dom.isEmpty(nodeElm, INSEPARABLE_TAGS) &&
         !Dom.isTag(nodeElm, TABLE_CONTAINER_TAGS)) {
         const br = jodit.createInside.element('br');
-        nodeElm.appendChild(br);
+        Dom.append(nodeElm, br);
         return true;
     }
     return hadEffect;

package/esm/plugins/color/config.js

@@ -105,7 +105,7 @@ Config.prototype.controls.brush = {
                 editor.execCommand('background', false, value);
             }
             else {
-                currentElement.style.backgroundColor = value;
+                css(currentElement, 'backgroundColor', value);
             }
             dataBind(button, 'color', value);
             dataBind(button, 'color-mode', 'background');
@@ -116,7 +116,7 @@ Config.prototype.controls.brush = {
                 editor.execCommand('forecolor', false, value);
             }
             else {
-                currentElement.style.color = value;
+                css(currentElement, 'color', value);
             }
             dataBind(button, 'color', value);
             dataBind(button, 'color-mode', 'color');
@@ -148,10 +148,10 @@ Config.prototype.controls.brush = {
             Dom.isElement(current)) {
             switch (mode) {
                 case 'color':
-                    current.style.color = color;
+                    css(current, 'color', color);
                     break;
                 case 'background':
-                    current.style.backgroundColor = color;
+                    css(current, 'backgroundColor', color);
                     break;
             }
         }

package/esm/plugins/copy-format/copy-format.js

@@ -68,7 +68,7 @@ Config.prototype.controls.copyformat = {
         else {
             const defaultStyles = {}, box = Dom.up(current, (elm) => elm && !Dom.isText(elm), editor.editor) || editor.editor;
             const ideal = editor.createInside.span();
-            editor.editor.appendChild(ideal);
+            Dom.append(editor.editor, ideal);
             copyStyles.forEach((key) => {
                 defaultStyles[key] = css(ideal, key);
             });

package/esm/plugins/delete/delete.js

@@ -9,6 +9,13 @@ import { $$ } from "../../core/helpers/index.js";
 import { trim } from "../../core/helpers/string/trim.js";
 import { Plugin } from "../../core/plugin/index.js";
 import "./interface.js";
+const NOT_EMPTY_CONTENT_TAGS = new Set([
+    'img',
+    'table',
+    'jodit',
+    'iframe',
+    'hr'
+]);
 export class deleteCommand extends Plugin {
     afterInit(jodit) {
         jodit.e.on('afterCommand.delete', (command) => {
@@ -35,9 +42,9 @@ export class deleteCommand extends Plugin {
             jodit.s.removeNode(current.firstChild);
         }
         if (!trim(jodit.editor.textContent || '') &&
-            !jodit.editor.querySelector('img,table,jodit,iframe,hr') &&
+            !Dom.first(jodit.editor, node => Dom.isTag(node, NOT_EMPTY_CONTENT_TAGS)) &&
             (!current || !Dom.closest(current, 'table', jodit.editor))) {
-            jodit.editor.innerHTML = '';
+            Dom.detach(jodit.editor);
             const node = jodit.s.setCursorIn(jodit.editor);
             jodit.s.removeNode(node);
         }

package/esm/plugins/drag-and-drop/drag-and-drop.js

@@ -58,7 +58,7 @@ export class dragAndDrop extends Plugin {
         this.startDragPoint.x = event.clientX;
         this.startDragPoint.y = event.clientY;
         if (isFileBrowserFilesItem(target)) {
-            target = target.querySelector('img');
+            target = Dom.first(target, node => Dom.isTag(node, 'img'));
         }
         if (Dom.isTag(target, 'img')) {
             this.draggable = target.cloneNode(true);

package/esm/plugins/drag-and-drop-element/drag-and-drop-element.js

@@ -150,7 +150,7 @@ export class dragAndDropElement extends Plugin {
                 width: (_a = target === null || target === void 0 ? void 0 : target.offsetWidth) !== null && _a !== void 0 ? _a : 100,
                 height: (_b = target === null || target === void 0 ? void 0 : target.offsetHeight) !== null && _b !== void 0 ? _b : 100
             });
-            getContainer(this.j, dragAndDropElement).appendChild(this.draggable);
+            Dom.append(getContainer(this.j, dragAndDropElement), this.draggable);
         }
         css(this.draggable, {
             left: event.clientX,

package/esm/plugins/enter/helpers/insert-paragraph.js

@@ -13,7 +13,7 @@ import { scrollIntoViewIfNeeded } from "../../../core/helpers/utils/scroll-into-
 export function insertParagraph(fake, editor, wrapperTag, style) {
     const isBR = wrapperTag.toLowerCase() === 'br', { createInside } = editor, p = createInside.element(wrapperTag), br = createInside.element('br');
     if (!isBR) {
-        p.appendChild(br);
+        Dom.append(p, br);
     }
     if (style && style.cssText) {
         attr(p, 'style', style.cssText);

package/esm/plugins/enter/helpers/process-empty-li-leaf.js

@@ -28,11 +28,11 @@ export function processEmptyLILeaf(fake, jodit, li) {
         Dom.safeRemove(list);
     }
     const newLi = insertParagraph(fake, jodit, listInsideLeaf ? 'li' : jodit.o.enter);
-    if (!rightPart.querySelector('li')) {
+    if (!Dom.first(rightPart, node => Dom.isTag(node, 'li'))) {
         return;
     }
     if (listInsideLeaf) {
-        newLi.appendChild(rightPart);
+        Dom.append(newLi, rightPart);
     }
     else {
         Dom.after(newLi, rightPart);

package/esm/plugins/enter/helpers/wrap-text.js

@@ -19,7 +19,7 @@ export function wrapText(fake, jodit) {
     const currentBox = Dom.wrapInline(needWrap, jodit.o.enter, jodit);
     if (Dom.isEmpty(currentBox)) {
         const br = jodit.createInside.element('br');
-        currentBox.appendChild(br);
+        Dom.append(currentBox, br);
         Dom.before(br, fake);
     }
     return currentBox;