@ckeditor/ckeditor5-core 47.6.1 → 48.0.0-alpha.0

package/LICENSE.md

@@ -18,7 +18,7 @@ Where not otherwise indicated, all CKEditor 5 content is authored by CKSour
 
 The following libraries are included in CKEditor 5 under the [MIT license](https://opensource.org/licenses/MIT):
 
-* es-toolkit - Copyright (c) 2024 Viva Republica, Inc.
+* es-toolkit - Copyright (c) 2024 Viva Republica, Inc and Copyright OpenJS Foundation and other contributors.
 
 Trademarks
 ----------

package/{src → dist}/editor/editorconfig.d.ts

@@ -31,6 +31,26 @@ import type { EngineConfig } from '@ckeditor/ckeditor5-engine';
  * ```
  */
 export interface EditorConfig extends EngineConfig {
+    /**
+     * The DOM element that will be the source for the created editor.
+     *
+     * **Note:** This option is only available in the {@link module:editor-classic/classiceditor~ClassicEditor}.
+     * Other editor types expect configuration for the root elements to be passed in the
+     * {@link module:core/editor/editorconfig~EditorConfig#roots `config.roots`} configuration.
+     *
+     * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization
+     * and the {@link module:editor-classic/classiceditorui~ClassicEditorUI#element editor element} will replace the passed element
+     * in the DOM (the original one will be hidden and the editor will be injected next to it).
+     *
+     * If the {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}
+     * option is set to `true`, the editor data will be set back to the original element once the editor is destroyed and when a form,
+     * in which this element is contained, is submitted (if the original element is a `<textarea>`). This ensures seamless integration
+     * with native web forms.
+     *
+     * If the element is not provided, a detached editor will be created. In this case you need to insert it into the DOM manually.
+     * It is available under the {@link module:editor-classic/classiceditorui~ClassicEditorUI#element `editor.ui.element`} property.
+     */
+    attachTo?: HTMLElement;
     context?: Context;
     /**
      * The list of additional plugins to load along those already available in the
@@ -98,12 +118,18 @@ export interface EditorConfig extends EngineConfig {
      *
      * See also {@link module:core/editor/editor~Editor.create Editor.create()} documentation for the editor implementation which you use.
      *
-     * **Note:** If initial data is passed to `Editor.create()` in the first parameter (instead of a DOM element), and,
-     * at the same time, `config.initialData` is set, an error will be thrown as those two options exclude themselves.
+     * **Note:** If `config.initialData` is set together with `config.root.initialData` or `config.roots.<rootName>.initialData`,
+     * an error will be thrown as those options exclude themselves.
      *
      * If `config.initialData` is not set when the editor is initialized, the data received in `Editor.create()` call
      * will be used to set `config.initialData`. As a result, `initialData` is always set in the editor's config and
      * plugins can read and/or modify it during initialization.
+     *
+     * **This property has been deprecated and will be removed in the future versions of CKEditor. Please use
+     * {@link module:core/editor/editorconfig~EditorConfig#root `root.initialData`} or
+     * {@link module:core/editor/editorconfig~EditorConfig#roots `roots.<rootName>.initialData`} instead.**
+     *
+     * @deprecated
      */
     initialData?: string | Record<string, string>;
     /**
@@ -113,7 +139,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		// The UI of the editor as well as its content will be in German.
      * 		language: 'de'
      * 	} )
@@ -130,7 +157,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		language: {
      * 			// The UI will be in English.
      * 			ui: 'en',
@@ -169,7 +197,8 @@ export interface EditorConfig extends EngineConfig {
      * import { ClassicEditor, Essentials, Paragraph } from 'ckeditor5';
      * import { translations } from 'ckeditor5/dist/translations/pl.js';
      *
-     * await ClassicEditor.create( document.querySelector( '#editor' ), {
+     * await ClassicEditor.create( {
+     *   attachTo: document.querySelector( '#editor' ),
      *   plugins: [
      *     Essentials,
      *     Paragraph,
@@ -190,7 +219,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * import 'ckeditor5/dist/styles.css';
      *
-     * await ClassicEditor.create( document.querySelector( '#editor' ), {
+     * await ClassicEditor.create( {
+     *   attachTo: document.querySelector( '#editor' ),
      *   plugins: [
      *     Essentials,
      *     Paragraph,
@@ -218,7 +248,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		menuBar: {
      * 			isVisible: true
      * 		}
@@ -230,7 +261,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      * DecoupledEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		root: { element: document.querySelector( '#editor' ) },
      * 		toolbar: [ 'undo', 'redo', 'bold', 'italic', 'numberedList', 'bulletedList' ],
      * 	} )
      *  .then( editor => {
@@ -256,7 +288,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		menuBar: {
      * 			// Removes "Bold" and "Block quote" buttons from their respective menus.
      * 			removeItems: [ 'menuBar:bold', 'menuBar:blockQuote' ]
@@ -269,7 +302,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		menuBar: {
      * 			// Removes the entire basic styles group ("Bold", "Italic", "Underline", etc.) from the "Format" menu.
      * 			removeItems: [ 'basicStyles' ]
@@ -282,7 +316,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		menuBar: {
      * 			// Removes the whole top-level "Insert" menu from the menu bar.
      * 			removeItems: [ 'insert' ]
@@ -323,7 +358,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      *  ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		menuBar: {
      *  		addItems: [
      * 				{
@@ -353,7 +389,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      *  ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		menuBar: {
      *  		addItems: [
      * 				{
@@ -376,7 +413,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      *  ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		menuBar: {
      *  		addItems: [
      * 				{
@@ -393,7 +431,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      *  ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		menuBar: {
      *  		addItems: [
      * 				{
@@ -427,7 +466,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		menuBar: {
      * 			items: [
      * 				{
@@ -529,6 +569,12 @@ export interface EditorConfig extends EngineConfig {
      * element passed to the `create()` method.
      *
      * See the {@glink features/editor-placeholder "Editor placeholder"} guide for more information and live examples.
+     *
+     * **This property has been deprecated and will be removed in the future versions of CKEditor. Please use
+     * {@link module:core/editor/editorconfig~EditorConfig#root `root.placeholder`} or
+     * {@link module:core/editor/editorconfig~EditorConfig#roots `roots.<rootName>.placeholder`} instead.**
+     *
+     * @deprecated
      */
     placeholder?: string | Record<string, string>;
     /**
@@ -722,7 +768,8 @@ export interface EditorConfig extends EngineConfig {
      *
      * ```ts
      * ClassicEditor
-     * 	.create( document.querySelector( '#editor' ), {
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
      * 		ui: { ... }
      * 	} )
      * 	.then( ... )
@@ -847,21 +894,249 @@ export interface EditorConfig extends EngineConfig {
      * .then( ... )
      * .catch( ... );
      * ```
+     *
+     * **This property has been deprecated and will be removed in the future versions of CKEditor. Please use
+     * {@link module:core/editor/editorconfig~EditorConfig#root `root.label`} or
+     * {@link module:core/editor/editorconfig~EditorConfig#roots `roots.<rootName>.label`} instead.**
+     *
+     * @deprecated
      */
     label?: string | Record<string, string>;
+    /**
+     * The root configuration options for the default `main` root.
+     *
+     * This option is an alias for `config.roots.main`.
+     */
+    root?: RootConfig;
+    /**
+     * The root configuration options grouped by the root name.
+     *
+     * ```ts
+     * ClassicEditor
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
+     * 		roots: {
+     * 			main: {
+     * 				initialData: '<p>Hello world!</p>',
+     * 				placeholder: 'Type some text...',
+     * 				label: 'Main content'
+     * 			}
+     * 		}
+     * 	} );
+     * ```
+     */
+    roots?: Record<string, RootConfig>;
+}
+/**
+ * Configuration for a an editor root. It is used in {@link module:core/editor/editorconfig~EditorConfig#root `EditorConfig#root`} and
+ * {@link module:core/editor/editorconfig~EditorConfig#roots `EditorConfig#roots.<rootName>`}.
+ *
+ * **Note**: If your editor implementation uses only a single root, you can use `config.root` to set the root configuration instead of
+ * `config.roots.main`.
+ */
+export interface RootConfig {
+    /**
+     * The DOM element that will be the source for the created editor root (on which the editor root will be initialized).
+     *
+     * If a DOM element is passed, its content will be automatically loaded to the editor upon initialization (but only when
+     * {@link #initialData `initialData`} is not set).
+     *
+     * The editor data will be set back to the original element once the editor is destroyed only if the
+     * {@link module:core/editor/editorconfig~EditorConfig#updateSourceElementOnDestroy updateSourceElementOnDestroy}
+     * option is set to `true`.
+     *
+     * If this config property is not set, a detached editor will be created. In this case you need to insert it into the DOM manually.
+     */
+    element?: HTMLElement;
+    /**
+     * The initial editor data to be used instead of the provided element's HTML content.
+     *
+     * ```ts
+     * ClassicEditor
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
+     * 		root: {
+     * 			initialData: '<h2>Initial data</h2><p>Foo bar.</p>'
+     * 		}
+     * 	} )
+     * 	.then( ... )
+     * 	.catch( ... );
+     * ```
+     *
+     * By default, the editor is initialized with the content of the element on which this editor is initialized.
+     * This configuration option lets you override this behavior and pass different initial data.
+     * It is especially useful if it is difficult for your integration to put the data inside the HTML element.
+     *
+     * If your editor implementation uses multiple roots, you should provide config for roots individually:
+     *
+     * ```ts
+     * MultiRootEditor.create( {
+     * 	roots: {
+     * 		header: {
+     * 			element: document.querySelector( '#header' ),
+     * 			initialData: '<p>Content for header part.</p>'
+     * 		},
+     * 		content: {
+     * 			element: document.querySelector( '#content' ),
+     * 			initialData: '<p>Content for main part.</p>'
+     * 		},
+     * 		leftSide: {
+     * 			element: document.querySelector( '#left-side' ),
+     * 			initialData: '<p>Content for left-side box.</p>'
+     * 		},
+     * 		rightSide: {
+     * 			element: document.querySelector( '#right-side' ),
+     * 			initialData: '<p>Content for right-side box.</p>'
+     * 		}
+     * 	}
+     * } )
+     * .then( ... )
+     * .catch( ... );
+     * ```
+     *
+     * See also {@link module:core/editor/editor~Editor.create Editor.create()} documentation for the editor implementation which you use.
+     *
+     * **Note:** If initial data is passed to `Editor.create()` in the first parameter (instead of a DOM element), and,
+     * at the same time, root `initialData` is set, an error will be thrown as those two options exclude themselves.
+     *
+     * If `config.root.initialData` is not set when the editor is initialized, the data received in `Editor.create()` call
+     * will be used to set `config.roots.main.initialData`. As a result, `config.roots.main.initialData` is always set
+     * in the editor's config and plugins can read and/or modify it during initialization.
+     */
+    initialData?: string;
+    /**
+     * Specifies the text displayed in the editor when there is no content (editor is empty). It is intended to
+     * help users locate the editor in the application (form) and prompt them to input the content. Works similarly
+     * to the native DOM
+     * [`placeholder` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#The_placeholder_attribute)
+     * used by inputs.
+     *
+     * ```ts
+     * ClassicEditor
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
+     * 		root: {
+     * 			placeholder: 'Type some text...'
+     * 		}
+     * 	} )
+     * 	.then( ... )
+     * 	.catch( ... );
+     * ```
+     *
+     * If your editor implementation uses multiple roots, you should provide config for roots individually:
+     *
+     * ```ts
+     * MultiRootEditor.create( {
+     * 	roots: {
+     * 		header: {
+     * 			element: document.querySelector( '#header' ),
+     * 			placeholder: 'Type header...'
+     * 		},
+     * 		content: {
+     * 			element: document.querySelector( '#content' ),
+     * 			placeholder: 'Type content...'
+     * 		},
+     * 		leftSide: {
+     * 			element: document.querySelector( '#left-side' ),
+     * 			placeholder: 'Type left-side...'
+     * 		},
+     * 		rightSide: {
+     * 			element: document.querySelector( '#right-side' ),
+     * 			placeholder: 'Type right-side...'
+     * 		}
+     * 	}
+     * } )
+     * .then( ... )
+     * .catch( ... );
+     * ```
+     *
+     * The placeholder text is displayed as a pseudo–element of an empty paragraph in the editor content.
+     * The paragraph has the `.ck-placeholder` CSS class and the `data-placeholder` attribute.
+     *
+     * ```html
+     * <p data-placeholder="Type some text..." class="ck-placeholder">
+     * 	::before
+     * </p>
+     * ```
+     *
+     * **Note**: Placeholder text can also be set using the `placeholder` attribute if a `<textarea>` is passed to
+     * the `create()` method, e.g. {@link module:editor-classic/classiceditor~ClassicEditor.create `ClassicEditor.create()`}.
+     *
+     * **Note**: This configuration has precedence over the value of the `placeholder` attribute of a `<textarea>`
+     * element passed to the `create()` method.
+     *
+     * See the {@glink features/editor-placeholder "Editor placeholder"} guide for more information and live examples.
+     */
+    placeholder?: string;
+    /**
+     * Label text for the `aria-label` attribute set on editor editing area. Used by assistive technologies
+     * to tell apart multiple editor instances (editing areas) on the page. If not set, a default
+     * "Rich Text Editor. Editing area [name of the area]" is used instead.
+     *
+     * ```ts
+     * ClassicEditor
+     * 	.create( {
+     * 		attachTo: document.querySelector( '#editor' ),
+     * 		root: {
+     * 			label: 'My editor'
+     * 		}
+     * 	} )
+     * 	.then( ... )
+     * 	.catch( ... );
+     * ```
+     *
+     * If your editor implementation uses multiple roots, you should provide config for roots individually:
+     *
+     * ```ts
+     * MultiRootEditor.create( {
+     * 	roots: {
+     * 		header: {
+     * 			element: document.querySelector( '#header' ),
+     * 			label: 'Header label'
+     * 		},
+     * 		content: {
+     * 			element: document.querySelector( '#content' ),
+     * 			label: 'Content label'
+     * 		},
+     * 		leftSide: {
+     * 			element: document.querySelector( '#left-side' ),
+     * 			label: 'Left side label'
+     * 		},
+     * 		rightSide: {
+     * 			element: document.querySelector( '#right-side' ),
+     * 			label: 'Right side label'
+     * 		}
+     * 	}
+     * } )
+     * .then( ... )
+     * .catch( ... );
+     * ```
+     */
+    label?: string;
 }
 /**
- * The `config.initialData` option cannot be used together with the initial data passed as the first parameter of
- * {@link module:core/editor/editor~Editor.create `Editor.create()`}.
+ * The `config.initialData` option cannot be used together with `config.root.initialData` or
+ * `config.roots.<rootName>.initialData` passed in the {@link module:core/editor/editor~Editor.create `Editor.create()`} configuration.
  *
  * @error editor-create-initial-data
  */
+/**
+ * The `config.initialData` option cannot be used together with the `config.root.initialData` or `config.roots.main.initialData`.
+ *
+ * @error editor-create-roots-initial-data
+ */
+/**
+ * The `config.attachTo` option is available only for the {@link module:editor-classic/classiceditor~ClassicEditor}.
+ *
+ * @error editor-create-attachto-ignored
+ */
 /**
  * The configuration of the editor language.
  *
  * ```ts
  * ClassicEditor
- * 	.create( document.querySelector( '#editor' ), {
+ * 	.create( {
+ * 		attachTo: document.querySelector( '#editor' ),
  * 		language: ... // The editor language configuration.
  * 	} )
  * 	.then( editor => {

package/dist/editor/utils/normalizerootsconfig.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module core/editor/utils/normalizerootsconfig
+ */
+import type { EditorConfig } from '../editorconfig.js';
+import { type Config } from '@ckeditor/ckeditor5-utils';
+/**
+ * Normalizes the editor roots configuration. It ensures that all root configurations are defined in `config.roots`
+ * and that they have `initialData` defined.
+ *
+ * It normalizes a single-root configuration (where `config.root` is used) to a multi-root configuration
+ * (where all roots are defined in `config.roots`). This is considered a standard configuration format,
+ * so the editor features can always expect roots to be defined in `config.roots`.
+ *
+ * It also handles legacy configuration options, such as `config.initialData`, `config.placeholder`, and `config.label`.
+ *
+ * @internal
+ */
+export declare function normalizeRootsConfig(sourceElementsOrData: HTMLElement | string | Record<string, HTMLElement> | Record<string, string>, config: Config<EditorConfig>, defaultRootName?: string | false, separateAttachTo?: boolean): void;
+/**
+ * Normalizes the parameters passed to the editor constructor when a single root is used. It supports both of the following signatures:
+ *
+ * ```ts
+ * new Editor( editorConfig: EditorConfig );
+ * new Editor( sourceElementOrData: HTMLElement | string, editorConfig: EditorConfig );
+ * ```
+ *
+ * @internal
+ */
+export declare function normalizeSingleRootEditorConstructorParams(sourceElementOrDataOrConfig: HTMLElement | string | EditorConfig, editorConfig: EditorConfig): {
+    sourceElementOrData: HTMLElement | string;
+    editorConfig: EditorConfig;
+};
+/**
+ * Normalizes the parameters passed to the editor constructor when a multi root is used. It supports both of the following signatures:
+ *
+ * ```ts
+ * new Editor( editorConfig: EditorConfig );
+ * new Editor( sourceElementsOrData: Record<string, string> | Record<string, HTMLElement>, editorConfig: EditorConfig );
+ * ```
+ *
+ * @internal
+ */
+export declare function normalizeMultiRootEditorConstructorParams(sourceElementOrDataOrConfig: Record<string, string> | Record<string, HTMLElement>, editorConfig: EditorConfig): {
+    sourceElementsOrData: Record<string, string> | Record<string, HTMLElement>;
+    editorConfig: EditorConfig;
+};

package/dist/index-content.css

@@ -3,17 +3,17 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 :root{
-	--ck-content-font-family:Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
-	--ck-content-font-size:medium;
-	--ck-content-font-color:#000;
-	--ck-content-line-height:1.5;
-	--ck-content-word-break:break-word;
+  --ck-content-font-family:Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
+  --ck-content-font-size:medium;
+  --ck-content-font-color:#000;
+  --ck-content-line-height:1.5;
+  --ck-content-word-break:break-word;
 }
 
 .ck-content{
-	font-family:var(--ck-content-font-family);
-	font-size:var(--ck-content-font-size);
-	color:var(--ck-content-font-color);
-	line-height:var(--ck-content-line-height);
-	word-break:var(--ck-content-word-break);
+  font-family:var(--ck-content-font-family);
+  font-size:var(--ck-content-font-size);
+  color:var(--ck-content-font-color);
+  line-height:var(--ck-content-line-height);
+  word-break:var(--ck-content-word-break);
 }

package/dist/index-editor.css

@@ -3,9 +3,9 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 :root{
-	--ck-content-font-family:Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
-	--ck-content-font-size:medium;
-	--ck-content-font-color:#000;
-	--ck-content-line-height:1.5;
-	--ck-content-word-break:break-word;
+  --ck-content-font-family:Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
+  --ck-content-font-size:medium;
+  --ck-content-font-color:#000;
+  --ck-content-line-height:1.5;
+  --ck-content-word-break:break-word;
 }

package/dist/index.css

@@ -2,26 +2,20 @@
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-/*
- * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-
 :root {
-	--ck-content-font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
-	--ck-content-font-size: medium;
-	/* stylelint-disable-next-line declaration-property-value-disallowed-list */
-	--ck-content-font-color: #000;
-	--ck-content-line-height: 1.5;
-	--ck-content-word-break: break-word;
+  --ck-content-font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
+  --ck-content-font-size: medium;
+  --ck-content-font-color: #000;
+  --ck-content-line-height: 1.5;
+  --ck-content-word-break: break-word;
 }
 
 .ck-content {
-	font-family: var(--ck-content-font-family);
-	font-size: var(--ck-content-font-size);
-	color: var(--ck-content-font-color);
-	line-height: var(--ck-content-line-height);
-	word-break: var(--ck-content-word-break);
+  font-family: var(--ck-content-font-family);
+  font-size: var(--ck-content-font-size);
+  color: var(--ck-content-font-color);
+  line-height: var(--ck-content-line-height);
+  word-break: var(--ck-content-word-break);
 }
 
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../theme/core.css","index.css"],"names":[],"mappings":";;;;AAAA,CAAA;ACCA,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,QAAQ;AAC3E,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC;AAClF,CAAC,CDAC;;AAEF,CAAA,IAAA,CAAA;ACCA,CDAC,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,SAAA,CAAA,CAAA,KAAA,CAAA,CAAA,MAAA,CAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,KAAuE;ACCxE,CDAC,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,MAA8B;ACC/B,CDAC,CAAA,CAAA,CAAA,SAAA,CAAA,OAAA,CAAA,IAAA,CAAA,IAAA,CAAA,WAAA,CAAA,QAAA,CAAA,KAAA,CAAA,UAAA,CAAA,IAAA,CAAA,CAA2E;ACC5E,CDAC,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,CAAA,GAA6B;ACC9B,CDAC,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAA6B;ACC9B,CDAC,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA,KAAA,CAAA,IAAmC;AACpC;;AAEA,CAAA,EAAA,CAAA,OAAA,CAAA;ACCA,CDAC,IAAA,CAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,MAAA,CAA0C;ACC3C,CDAC,IAAA,CAAA,IAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,IAAA,CAAsC;ACCvC,CDAC,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,KAAA,CAAmC;ACCpC,CDAC,IAAA,CAAA,MAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,MAAA,CAA0C;ACC3C,CDAC,IAAA,CAAA,KAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,KAAA,CAAwC;AACzC;;ACEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root {\n\t--ck-content-font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;\n\t--ck-content-font-size: medium;\n\t/* stylelint-disable-next-line declaration-property-value-disallowed-list */\n\t--ck-content-font-color: #000;\n\t--ck-content-line-height: 1.5;\n\t--ck-content-word-break: break-word;\n}\n\n.ck-content {\n\tfont-family: var(--ck-content-font-family);\n\tfont-size: var(--ck-content-font-size);\n\tcolor: var(--ck-content-font-color);\n\tline-height: var(--ck-content-line-height);\n\tword-break: var(--ck-content-word-break);\n}\n","/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root {\n\t--ck-content-font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;\n\t--ck-content-font-size: medium;\n\t/* stylelint-disable-next-line declaration-property-value-disallowed-list */\n\t--ck-content-font-color: #000;\n\t--ck-content-line-height: 1.5;\n\t--ck-content-word-break: break-word;\n}\n\n.ck-content {\n\tfont-family: var(--ck-content-font-family);\n\tfont-size: var(--ck-content-font-size);\n\tcolor: var(--ck-content-font-color);\n\tline-height: var(--ck-content-line-height);\n\tword-break: var(--ck-content-word-break);\n}\n\n/*# sourceMappingURL=index.css.map */"]}
+{"version":3,"sources":["../theme/core.css","index.css"],"names":[],"mappings":";;;;AAKA,CAAA,IAAA,CAAA;ACJA,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK;AACzE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,MAAM;AAChC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;AAC/B,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/B,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI;AACrC;;ADQA,CAAA,EAAA,CAAA,OAAA,CAAA;ACLA,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;AAC5C,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;AACxC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AACrC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC;AAC5C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;AAC1C;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root {\n\t--ck-content-font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;\n\t--ck-content-font-size: medium;\n\t/* stylelint-disable-next-line declaration-property-value-disallowed-list */\n\t--ck-content-font-color: #000;\n\t--ck-content-line-height: 1.5;\n\t--ck-content-word-break: break-word;\n}\n\n.ck-content {\n\tfont-family: var(--ck-content-font-family);\n\tfont-size: var(--ck-content-font-size);\n\tcolor: var(--ck-content-font-color);\n\tline-height: var(--ck-content-line-height);\n\tword-break: var(--ck-content-word-break);\n}\n",":root {\n  --ck-content-font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;\n  --ck-content-font-size: medium;\n  --ck-content-font-color: #000;\n  --ck-content-line-height: 1.5;\n  --ck-content-word-break: break-word;\n}\n\n.ck-content {\n  font-family: var(--ck-content-font-family);\n  font-size: var(--ck-content-font-size);\n  color: var(--ck-content-font-color);\n  line-height: var(--ck-content-line-height);\n  word-break: var(--ck-content-word-break);\n}\n\n/*# sourceMappingURL=index.css.map */"]}

package/{src → dist}/index.d.ts

@@ -15,10 +15,11 @@ export { ContextPlugin, type ContextInterface, type ContextPluginDependencies }
 export { EditingKeystrokeHandler, type EditingKeystrokeCallback } from './editingkeystrokehandler.js';
 export type { PartialBy, NonEmptyArray, HexColor } from './typings.js';
 export { Editor, type EditorCollectUsageDataEvent, type EditorReadyEvent, type EditorDestroyEvent, type LicenseErrorReason as _LicenseErrorReason } from './editor/editor.js';
-export type { EditorConfig, LanguageConfig, ToolbarConfig, ToolbarConfigItem, UiConfig, ViewportOffsetConfig, PoweredByConfig } from './editor/editorconfig.js';
+export type { EditorConfig, RootConfig, LanguageConfig, ToolbarConfig, ToolbarConfigItem, UiConfig, ViewportOffsetConfig, PoweredByConfig } from './editor/editorconfig.js';
 export { attachToForm } from './editor/utils/attachtoform.js';
 export { ElementApiMixin, type ElementApi } from './editor/utils/elementapimixin.js';
 export { secureSourceElement } from './editor/utils/securesourceelement.js';
+export { normalizeRootsConfig, normalizeSingleRootEditorConstructorParams, normalizeMultiRootEditorConstructorParams } from './editor/utils/normalizerootsconfig.js';
 export { PendingActions, type PendingAction, type PendingActionsAddEvent, type PendingActionsRemoveEvent } from './pendingactions.js';
 export { Accessibility, DEFAULT_GROUP_ID as _DEFAULT_ACCESSIBILITY_GROUP_ID, type AddKeystrokeInfoCategoryData, type AddKeystrokeInfoGroupData, type AddKeystrokeInfosData, type KeystrokeInfoDefinition, type KeystrokeInfoDefinitions, type KeystrokeInfoGroupDefinition, type KeystrokeInfoCategoryDefinition } from './accessibility.js';
 export { getEditorUsageData as _getEditorUsageData, type EditorUsageData as _EditorUsageData } from './editor/utils/editorusagedata.js';