ckeditor5-blazor 1.4.0 → 1.6.0

package/dist/interop/create-editable-blazor-interop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-editable-blazor-interop.d.ts","sourceRoot":"","sources":["../../../src/interop/create-editable-blazor-interop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAO9C;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa;IAgDpF;;OAEG;;IAiBH;;;OAGG;sBACqB,MAAM;EAWjC"}
+{"version":3,"file":"create-editable-blazor-interop.d.ts","sourceRoot":"","sources":["../../../src/interop/create-editable-blazor-interop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAQ9C;;;;;;;GAOG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa;IAgDpF;;OAEG;;IAiBH;;;OAGG;sBACqB,MAAM;EAWjC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ckeditor5-blazor",
-  "version": "1.4.0",
+  "version": "1.6.0",
   "description": "CKEditor 5 integration for Blazor",
   "license": "MIT",
   "repository": {

package/src/interop/create-editable-blazor-interop.test.ts

@@ -78,6 +78,27 @@ describe('createEditableBlazorInterop', () => {
     );
   });
 
+  it('falls back to the first available editor id when data-cke-editor-id attribute is missing', async () => {
+    element.removeAttribute('data-cke-editor-id');
+
+    createEditableBlazorInterop(element, dotnetInterop);
+
+    const editor = await waitForTestEditor();
+    const changeEvent = new CKEditor5ChangeDataEvent({
+      editorId: DEFAULT_TEST_EDITOR_ID,
+      editor,
+      roots: { main: 'fallback changed' },
+    });
+
+    document.body.dispatchEvent(changeEvent);
+
+    expect(dotnetInterop.invokeMethodAsync).toHaveBeenCalledWith(
+      'OnChangeEditableData',
+      expect.anything(),
+      'fallback changed',
+    );
+  });
+
   it('should ignore ckeditor5 change events from other editors', async () => {
     createEditableBlazorInterop(element, dotnetInterop);
 

package/src/interop/create-editable-blazor-interop.ts

@@ -2,6 +2,7 @@ import type { DotNetInterop } from '../types';
 
 import { EditorsRegistry } from '../elements/editor/editors-registry';
 import { CKEditor5ChangeDataEvent } from '../elements/editor/plugins/dispatch-editor-roots-change-event';
+import { queryAllEditorIds } from '../elements/editor/utils';
 import { markElementAsInteractive } from '../shared';
 import { createEditorValueSync, createNoopSync } from './utils/create-editor-value-sync';
 
@@ -14,7 +15,7 @@ import { createEditorValueSync, createNoopSync } from './utils/create-editor-val
  * @returns An object containing lifecycle and synchronization methods.
  */
 export function createEditableBlazorInterop(element: HTMLElement, interop: DotNetInterop) {
-  const editorId = element.getAttribute('data-cke-editor-id');
+  const editorId = element.getAttribute('data-cke-editor-id') ?? queryAllEditorIds()[0]!;
   const rootName = element.getAttribute('data-cke-root-name') ?? 'main';
 
   let unmounted = false;