docs/CHANGELOG.md

@@ -1,17 +1,5 @@
 # Changelog
 
-### 2.31.5
-
-- `Fix` - Handle __Ctrl + click__ on links with inline styles applied (e.g., bold, italic)
-
-### 2.31.4
-
-- `Fix` - Prevent inline-toolbar re-renders when linked text is selected
-
-### 2.31.3
-
-- `Fix` - Prevent text formatting removal when applying link
-
 ### 2.31.2
 
 - `Fix` - Prevent link removal when applying bold to linked text

example/example-i18n.html

@@ -50,6 +50,7 @@
 <script src="https://cdn.jsdelivr.net/npm/@editorjs/image@latest"></script><!-- Image -->
 <script src="https://cdn.jsdelivr.net/npm/@editorjs/delimiter@latest"></script><!-- Delimiter -->
 <script src="https://cdn.jsdelivr.net/npm/@editorjs/list@latest"></script><!-- List -->
+<script src="https://cdn.jsdelivr.net/npm/@editorjs/checklist@latest"></script><!-- Checklist -->
 <script src="https://cdn.jsdelivr.net/npm/@editorjs/quote@latest"></script><!-- Quote -->
 <script src="https://cdn.jsdelivr.net/npm/@editorjs/code@latest"></script><!-- Code -->
 <script src="https://cdn.jsdelivr.net/npm/@editorjs/embed@latest"></script><!-- Embed -->
@@ -111,6 +112,11 @@
         shortcut: 'CMD+SHIFT+L'
       },
 
+      checklist: {
+        class: Checklist,
+        inlineToolbar: true,
+      },
+
       quote: {
         class: Quote,
         inlineToolbar: true,
@@ -196,7 +202,7 @@
             /**
              * Translation of "Convert To"  at the Block Tunes Popover
              */
-            "Convert to": "Конвертировать в",
+            "Convert to": "Конвертировать в"
           }
         },
 
@@ -206,8 +212,7 @@
         "toolNames": {
           "Text": "Параграф",
           "Heading": "Заголовок",
-          "Ordered List": "Нумерованный список",
+          "List": "Список",
-          "Unordered List": "Маркированный список",
           "Warning": "Примечание",
           "Checklist": "Чеклист",
           "Quote": "Цитата",
@@ -265,12 +270,7 @@
             "Wrong response format from the server": "Неполадки на сервере",
           },
           "header": {
-            "Heading 1": "Заголовок 1",
+            "Header": "Заголовок",
-            "Heading 2": "Заголовок 2",
-            "Heading 3": "Заголовок 3",
-            "Heading 4": "Заголовок 4",
-            "Heading 5": "Заголовок 5",
-            "Heading 6": "Заголовок 6",
           },
           "paragraph": {
             "Enter something": "Введите текст"
@@ -278,7 +278,6 @@
           "list": {
             "Ordered": "Нумерованный",
             "Unordered": "Маркированный",
-            "Checklist": "Чеклист",
           },
           /**
            * Translation of "Convert To"  at the Inline Toolbar hint
@@ -299,8 +298,7 @@
            * Also, there are few internal block tunes: "delete", "moveUp" and "moveDown"
            */
           "delete": {
-            "Delete": "Удалить",
+            "Delete": "Удалить"
-            "Click to delete": "Подтвердить удаление"
           },
           "moveUp": {
             "Move up": "Переместить вверх"

example/example-rtl.html

@@ -120,6 +120,12 @@
         inlineToolbar: ['link'],
       },
 
+      list: {
+        class: List,
+        inlineToolbar: true,
+        shortcut: 'CMD+SHIFT+L'
+      },
+
       checklist: {
         class: Checklist,
         inlineToolbar: true,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@editorjs/editorjs",
-  "version": "2.31.5",
+  "version": "2.31.2",
   "description": "Editor.js — open source block-style WYSIWYG editor with JSON output",
   "main": "dist/editorjs.umd.js",
   "module": "dist/editorjs.mjs",

src/components/dom.ts

@@ -566,16 +566,6 @@ export default class Dom {
     return element.tagName.toLowerCase() === 'a';
   }
 
-  /**
-   * Returns the closest ancestor anchor (A tag) of the given element (including itself)
-   * 
-   * @param element - element to check
-   * @returns {HTMLAnchorElement | null}
-   */
-  public static getClosestAnchor(element: Element): HTMLAnchorElement | null {
-    return element.closest("a");
-  }
-
   /**
    * Return element's offset related to the document
    *
@@ -633,9 +623,6 @@ export default class Dom {
 
     /**
      * If no node found or last node is empty, return null
-     * - The root node has no text nodes at all
-     * - The TreeWalker couldn't find any text nodes in the DOM tree
-     * - The root node itself is null or invalid
      */
     if (!lastTextNode) {
       return {
@@ -646,14 +633,6 @@ export default class Dom {
 
     const textContent = lastTextNode.textContent;
 
-    /**
-     * - The text node exists but has no content (textContent is null)
-     * - The text node exists but has empty content (textContent.length === 0)
-     * This could be due to:
-     * - Empty text nodes (<span></span>)
-     * - Nodes with only whitespace
-     * - Nodes that were cleared but not removed
-     */
     if (textContent === null || textContent.length === 0) {
       return {
         node: null,

src/components/inline-tools/inline-tool-link.ts

@@ -212,7 +212,7 @@ export default class LinkInlineTool implements InlineTool {
        */
       const hrefAttr = anchorTag.getAttribute('href');
 
-      this.nodes.input.defaultValue = hrefAttr !== 'null' ? hrefAttr : '';
+      this.nodes.input.value = hrefAttr !== 'null' ? hrefAttr : '';
 
       this.selection.save();
     } else {

src/components/modules/ui.ts

@@ -773,13 +773,12 @@ export default class UI extends Module<UINodes> {
      */
     const element = event.target as Element;
     const ctrlKey = event.metaKey || event.ctrlKey;
-    const anchor = $.getClosestAnchor(element);
+
-  
+    if ($.isAnchor(element) && ctrlKey) {
-    if (anchor && ctrlKey) {
       event.stopImmediatePropagation();
       event.stopPropagation();
 
-      const href = anchor.getAttribute('href');
+      const href = element.getAttribute('href');
       const validUrl = _.getValidUrl(href);
 
       _.openTab(validUrl);

src/components/selection.ts

@@ -57,9 +57,10 @@ export default class SelectionUtils {
   public isFakeBackgroundEnabled = false;
 
   /**
-   * Native Document's command for fake background
+   * Native Document's commands for fake background
    */
   private readonly commandBackground: string = 'backColor';
+  private readonly commandRemoveFormat: string = 'removeFormat';
 
   /**
    * Editor styles
@@ -415,9 +416,9 @@ export default class SelectionUtils {
     if (!this.isFakeBackgroundEnabled) {
       return;
     }
-    document.execCommand(this.commandBackground, false, 'transparent');
 
     this.isFakeBackgroundEnabled = false;
+    document.execCommand(this.commandRemoveFormat);
   }
 
   /**

test/cypress/tests/inline-tools/link.cy.ts

@@ -121,121 +121,4 @@ describe('Inline Tool Link', () => {
       .should('exist')
       .should('contain', 'Text with link');
   });
-
-  it('should preserve bold and italic when applying link', () => {
-    cy.createEditor({
-      data: {
-        blocks: [
-          {
-            type: 'paragraph',
-            data: {
-              text: 'Bold and italic text',
-            },
-          },
-        ],
-      },
-    });
-
-    cy.get('[data-cy=editorjs]')
-      .find('.ce-paragraph')
-      .selectText('Bold and italic text');
-    
-    cy.get('[data-cy=editorjs]')
-      .find('[data-item-name=bold]')
-      .click();
-
-    cy.get('[data-cy=editorjs]')
-      .find('div.ce-block')
-      .find('b')
-      .should('exist')
-      .should('contain', 'Bold and italic text');
-    
-    cy.get('[data-cy=editorjs]')
-      .find('div.ce-block')
-      .find('b')
-      .selectText('Bold and italic text');
-
-    cy.get('[data-cy=editorjs]')
-      .find('[data-item-name=italic]')
-      .click();
-
-    cy.get('[data-cy=editorjs]')
-      .find('div.ce-block')
-      .find('b')
-      .should('exist')
-      .find('i')
-      .should('exist')
-      .should('contain', 'Bold and italic text');
-
-    cy.get('[data-cy=editorjs]')
-      .find('div.ce-block')
-      .find('b')
-      .find('i')
-      .selectText('Bold and italic text');
-
-    cy.get('[data-cy=editorjs]')
-      .find('[data-item-name=link]')
-      .click();
-
-    cy.get('[data-cy=editorjs]')
-      .find('.ce-inline-tool-input')
-      .type('https://editorjs.io')
-      .type('{enter}');
-
-    cy.get('[data-cy=editorjs]')
-      .find('div.ce-block')
-      .find('b')
-      .should('exist')
-      .find('i')
-      .should('exist')
-      .find('a')
-      .should('have.attr', 'href', 'https://editorjs.io')
-      .should('contain', 'Bold and italic text');
-  });
-
-  it('should open a link if it is wrapped in another formatting', () => {
-    cy.createEditor({
-      data: {
-        blocks: [
-          {
-            type: 'paragraph',
-            data: {
-              text: 'Link text',
-            },
-          },
-        ],
-      },
-    });
-
-    cy.get('[data-cy=editorjs]')
-      .find('.ce-paragraph')
-      .selectText('Link text');
-
-    cy.get('[data-cy=editorjs]')
-      .find('[data-item-name=link]')
-      .click();
-
-    cy.get('[data-cy=editorjs]')
-      .find('.ce-inline-tool-input')
-      .type('https://test.io/')
-      .type('{enter}');
-
-    cy.get('[data-cy=editorjs]')
-      .find('div.ce-block')
-      .find('a')
-      .selectText('Link text');
-
-    cy.get('[data-cy=editorjs]')
-      .find('[data-item-name=italic]')
-      .click();
-
-    cy.window().then((win) => {
-      cy.stub(win, 'open').as('windowOpen');
-    });
-
-    cy.contains('[data-cy=editorjs] div.ce-block i', 'Link text')
-      .click({ ctrlKey: true });
-
-    cy.get('@windowOpen').should('be.calledWith', 'https://test.io/');
-  });
 });