@ckeditor/ckeditor5-html-support 45.2.1 → 46.0.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-html-support",
-  "version": "45.2.1",
+  "version": "46.0.0-alpha.1",
   "description": "HTML Support feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -17,17 +17,18 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "45.2.1",
-    "@ckeditor/ckeditor5-engine": "45.2.1",
-    "@ckeditor/ckeditor5-enter": "45.2.1",
-    "@ckeditor/ckeditor5-heading": "45.2.1",
-    "@ckeditor/ckeditor5-image": "45.2.1",
-    "@ckeditor/ckeditor5-list": "45.2.1",
-    "@ckeditor/ckeditor5-table": "45.2.1",
-    "@ckeditor/ckeditor5-utils": "45.2.1",
-    "@ckeditor/ckeditor5-widget": "45.2.1",
-    "ckeditor5": "45.2.1",
-    "es-toolkit": "1.32.0"
+    "@ckeditor/ckeditor5-core": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-engine": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-enter": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-heading": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-image": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-list": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-remove-format": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-table": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-utils": "46.0.0-alpha.1",
+    "@ckeditor/ckeditor5-widget": "46.0.0-alpha.1",
+    "ckeditor5": "46.0.0-alpha.1",
+    "es-toolkit": "1.39.5"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/converters.d.ts

@@ -6,55 +6,65 @@
  * @module html-support/converters
  */
 import type { Editor } from 'ckeditor5/src/core.js';
-import type { AttributeElement, DowncastConversionApi, DowncastDispatcher, DowncastWriter, Element, ElementCreatorFunction, UpcastConversionApi, UpcastDispatcher, ViewElement } from 'ckeditor5/src/engine.js';
-import type DataFilter from './datafilter.js';
-import type { DataSchemaBlockElementDefinition, DataSchemaDefinition, DataSchemaInlineElementDefinition } from './dataschema.js';
+import type { ViewAttributeElement, DowncastConversionApi, DowncastDispatcher, ViewDowncastWriter, ModelElement, DowncastElementCreatorFunction, UpcastConversionApi, UpcastDispatcher, ViewElement } from 'ckeditor5/src/engine.js';
+import { type DataFilter } from './datafilter.js';
+import type { HtmlSupportDataSchemaBlockElementDefinition, HtmlSupportDataSchemaDefinition, HtmlSupportDataSchemaInlineElementDefinition } from './dataschema.js';
 /**
  * View-to-model conversion helper for object elements.
  *
  * Preserves object element content in `htmlContent` attribute.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
-export declare function viewToModelObjectConverter({ model: modelName }: DataSchemaDefinition): (viewElement: ViewElement, conversionApi: UpcastConversionApi) => Element;
+export declare function viewToModelObjectConverter({ model: modelName }: HtmlSupportDataSchemaDefinition): (viewElement: ViewElement, conversionApi: UpcastConversionApi) => ModelElement;
 /**
  * Conversion helper converting an object element to an HTML object widget.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
-export declare function toObjectWidgetConverter(editor: Editor, { view: viewName, isInline }: DataSchemaInlineElementDefinition): ElementCreatorFunction;
+export declare function toObjectWidgetConverter(editor: Editor, { view: viewName, isInline }: HtmlSupportDataSchemaInlineElementDefinition): DowncastElementCreatorFunction;
 /**
 * Creates object view element from the given model element.
+*
+* @internal
 */
-export declare function createObjectView(viewName: string, modelElement: Element, writer: DowncastWriter): ViewElement;
+export declare function createObjectView(viewName: string, modelElement: ModelElement, writer: ViewDowncastWriter): ViewElement;
 /**
  * View-to-attribute conversion helper preserving inline element attributes on `$text`.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
-export declare function viewToAttributeInlineConverter({ view: viewName, model: attributeKey, allowEmpty }: DataSchemaInlineElementDefinition, dataFilter: DataFilter): (dispatcher: UpcastDispatcher) => void;
+export declare function viewToAttributeInlineConverter({ view: viewName, model: attributeKey, allowEmpty }: HtmlSupportDataSchemaInlineElementDefinition, dataFilter: DataFilter): (dispatcher: UpcastDispatcher) => void;
 /**
  * Conversion helper converting an empty inline model element to an HTML element or widget.
+ *
+ * @internal
  */
-export declare function emptyInlineModelElementToViewConverter({ model: attributeKey, view: viewName }: DataSchemaInlineElementDefinition, asWidget?: boolean): ElementCreatorFunction;
+export declare function emptyInlineModelElementToViewConverter({ model: attributeKey, view: viewName }: HtmlSupportDataSchemaInlineElementDefinition, asWidget?: boolean): DowncastElementCreatorFunction;
 /**
  * Attribute-to-view conversion helper applying attributes to view element preserved on `$text`.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
-export declare function attributeToViewInlineConverter({ priority, view: viewName }: DataSchemaInlineElementDefinition): (attributeValue: any, conversionApi: DowncastConversionApi) => AttributeElement | undefined;
+export declare function attributeToViewInlineConverter({ priority, view: viewName }: HtmlSupportDataSchemaInlineElementDefinition): (attributeValue: any, conversionApi: DowncastConversionApi) => ViewAttributeElement | undefined;
 /**
  * View-to-model conversion helper preserving allowed attributes on block element.
  *
  * All matched attributes will be preserved on `html*Attributes` attribute.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
-export declare function viewToModelBlockAttributeConverter({ view: viewName }: DataSchemaBlockElementDefinition, dataFilter: DataFilter): (dispatcher: UpcastDispatcher) => void;
+export declare function viewToModelBlockAttributeConverter({ view: viewName }: HtmlSupportDataSchemaBlockElementDefinition, dataFilter: DataFilter): (dispatcher: UpcastDispatcher) => void;
 /**
  * Model-to-view conversion helper applying attributes preserved in `html*Attributes` attribute
  * for block elements.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
-export declare function modelToViewBlockAttributeConverter({ view: viewName, model: modelName }: DataSchemaBlockElementDefinition): (dispatcher: DowncastDispatcher) => void;
+export declare function modelToViewBlockAttributeConverter({ view: viewName, model: modelName }: HtmlSupportDataSchemaBlockElementDefinition): (dispatcher: DowncastDispatcher) => void;

package/src/converters.js

@@ -10,6 +10,7 @@ import { setViewAttributes, mergeViewElementAttributes, updateViewAttributes, ge
  * Preserves object element content in `htmlContent` attribute.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
 export function viewToModelObjectConverter({ model: modelName }) {
     return (viewElement, conversionApi) => {
@@ -23,6 +24,7 @@ export function viewToModelObjectConverter({ model: modelName }) {
  * Conversion helper converting an object element to an HTML object widget.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
 export function toObjectWidgetConverter(editor, { view: viewName, isInline }) {
     const t = editor.t;
@@ -45,6 +47,8 @@ export function toObjectWidgetConverter(editor, { view: viewName, isInline }) {
 }
 /**
 * Creates object view element from the given model element.
+*
+* @internal
 */
 export function createObjectView(viewName, modelElement, writer) {
     return writer.createRawElement(viewName, null, (domElement, domConverter) => {
@@ -55,6 +59,7 @@ export function createObjectView(viewName, modelElement, writer) {
  * View-to-attribute conversion helper preserving inline element attributes on `$text`.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
 export function viewToAttributeInlineConverter({ view: viewName, model: attributeKey, allowEmpty }, dataFilter) {
     return dispatcher => {
@@ -104,6 +109,8 @@ export function viewToAttributeInlineConverter({ view: viewName, model: attribut
 }
 /**
  * Conversion helper converting an empty inline model element to an HTML element or widget.
+ *
+ * @internal
  */
 export function emptyInlineModelElementToViewConverter({ model: attributeKey, view: viewName }, asWidget) {
     return (item, { writer, consumable }) => {
@@ -122,6 +129,7 @@ export function emptyInlineModelElementToViewConverter({ model: attributeKey, vi
  * Attribute-to-view conversion helper applying attributes to view element preserved on `$text`.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
 export function attributeToViewInlineConverter({ priority, view: viewName }) {
     return (attributeValue, conversionApi) => {
@@ -140,6 +148,7 @@ export function attributeToViewInlineConverter({ priority, view: viewName }) {
  * All matched attributes will be preserved on `html*Attributes` attribute.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
 export function viewToModelBlockAttributeConverter({ view: viewName }, dataFilter) {
     return (dispatcher) => {
@@ -164,6 +173,7 @@ export function viewToModelBlockAttributeConverter({ view: viewName }, dataFilte
  * for block elements.
  *
  * @returns Returns a conversion callback.
+ * @internal
 */
 export function modelToViewBlockAttributeConverter({ view: viewName, model: modelName }) {
     return (dispatcher) => {

package/src/datafilter.d.ts

@@ -8,7 +8,7 @@
 import { Plugin, type Editor } from 'ckeditor5/src/core.js';
 import { type MatcherPattern, type UpcastConversionApi, type ViewElement, type MatcherObjectPattern } from 'ckeditor5/src/engine.js';
 import { Widget } from 'ckeditor5/src/widget.js';
-import { default as DataSchema, type DataSchemaDefinition } from './dataschema.js';
+import { DataSchema, type HtmlSupportDataSchemaDefinition } from './dataschema.js';
 import { type GHSViewAttributes } from './utils.js';
 import '../theme/datafilter.css';
 /**
@@ -43,7 +43,7 @@ import '../theme/datafilter.css';
  * To apply the information about allowed and disallowed attributes in custom integration plugin,
  * use the {@link module:html-support/datafilter~DataFilter#processViewAttributes `processViewAttributes()`} method.
  */
-export default class DataFilter extends Plugin {
+export declare class DataFilter extends Plugin {
     /**
      * An instance of the {@link module:html-support/dataschema~DataSchema}.
      */
@@ -277,9 +277,9 @@ export default class DataFilter extends Plugin {
 }
 /**
  * Fired when {@link module:html-support/datafilter~DataFilter} is registering element and attribute
- * converters for the {@link module:html-support/dataschema~DataSchemaDefinition element definition}.
+ * converters for the {@link module:html-support/dataschema~HtmlSupportDataSchemaDefinition element definition}.
  *
- * The event also accepts {@link module:html-support/dataschema~DataSchemaDefinition#view} value
+ * The event also accepts {@link module:html-support/dataschema~HtmlSupportDataSchemaDefinition#view} value
  * as an event namespace, e.g. `register:span`.
  *
  * ```ts
@@ -302,7 +302,7 @@ export default class DataFilter extends Plugin {
  *
  * @eventName ~DataFilter#register
  */
-export interface DataFilterRegisterEvent {
+export interface HtmlSupportDataFilterRegisterEvent {
     name: 'register' | `register:${string}`;
-    args: [data: DataSchemaDefinition];
+    args: [data: HtmlSupportDataSchemaDefinition];
 }

package/src/datafilter.js

@@ -10,7 +10,7 @@ import { Matcher, StylesMap } from 'ckeditor5/src/engine.js';
 import { CKEditorError, priorities, isValidAttributeName } from 'ckeditor5/src/utils.js';
 import { Widget } from 'ckeditor5/src/widget.js';
 import { viewToModelObjectConverter, toObjectWidgetConverter, createObjectView, viewToAttributeInlineConverter, attributeToViewInlineConverter, emptyInlineModelElementToViewConverter, viewToModelBlockAttributeConverter, modelToViewBlockAttributeConverter } from './converters.js';
-import { default as DataSchema } from './dataschema.js';
+import { DataSchema } from './dataschema.js';
 import { getHtmlAttributeName } from './utils.js';
 import { isPlainObject } from 'es-toolkit/compat';
 import '../theme/datafilter.css';
@@ -46,7 +46,7 @@ import '../theme/datafilter.css';
  * To apply the information about allowed and disallowed attributes in custom integration plugin,
  * use the {@link module:html-support/datafilter~DataFilter#processViewAttributes `processViewAttributes()`} method.
  */
-export default class DataFilter extends Plugin {
+export class DataFilter extends Plugin {
     /**
      * An instance of the {@link module:html-support/dataschema~DataSchema}.
      */
@@ -535,7 +535,8 @@ export default class DataFilter extends Plugin {
             // `+ 2` is used to take priority over `_addDefaultH1Conversion` in the Heading plugin.
             converterPriority: priorities.low + 2
         });
-        conversion.for('upcast').add(viewToModelBlockAttributeConverter(definition, this));
+        conversion.for('upcast')
+            .add(viewToModelBlockAttributeConverter(definition, this));
         conversion.for('editingDowncast').elementToStructure({
             model: {
                 name: modelName,
@@ -549,7 +550,8 @@ export default class DataFilter extends Plugin {
                 return createObjectView(viewName, modelElement, writer);
             }
         });
-        conversion.for('dataDowncast').add(modelToViewBlockAttributeConverter(definition));
+        conversion.for('dataDowncast')
+            .add(modelToViewBlockAttributeConverter(definition));
     }
     /**
      * Registers block element and attribute converters for the given data schema definition.
@@ -603,7 +605,7 @@ export default class DataFilter extends Plugin {
         const schema = editor.model.schema;
         const conversion = editor.conversion;
         const attributeKey = definition.model;
-        // This element is stored in the model as an attribute on a block element, for example DocumentLists.
+        // This element is stored in the model as an attribute on a block element, for example Lists.
         if (definition.appliesToBlock) {
             return;
         }

package/src/dataschema.d.ts

@@ -6,7 +6,7 @@
  * @module html-support/dataschema
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import type { AttributeProperties, SchemaItemDefinition } from 'ckeditor5/src/engine.js';
+import type { ModelAttributeProperties, ModelSchemaItemDefinition } from 'ckeditor5/src/engine.js';
 /**
  * Holds representation of the extended HTML document type definitions to be used by the
  * editor in HTML support.
@@ -39,7 +39,7 @@ import type { AttributeProperties, SchemaItemDefinition } from 'ckeditor5/src/en
  * } );
  * ```
  */
-export default class DataSchema extends Plugin {
+export declare class DataSchema extends Plugin {
     /**
      * A map of registered data schema definitions.
      */
@@ -59,11 +59,11 @@ export default class DataSchema extends Plugin {
     /**
      * Add new data schema definition describing block element.
      */
-    registerBlockElement(definition: DataSchemaBlockElementDefinition): void;
+    registerBlockElement(definition: HtmlSupportDataSchemaBlockElementDefinition): void;
     /**
      * Add new data schema definition describing inline element.
      */
-    registerInlineElement(definition: DataSchemaInlineElementDefinition): void;
+    registerInlineElement(definition: HtmlSupportDataSchemaInlineElementDefinition): void;
     /**
      * Updates schema definition describing block element with new properties.
      *
@@ -72,7 +72,7 @@ export default class DataSchema extends Plugin {
      *
      * @param definition Definition update.
      */
-    extendBlockElement(definition: DataSchemaBlockElementDefinition): void;
+    extendBlockElement(definition: HtmlSupportDataSchemaBlockElementDefinition): void;
     /**
      * Updates schema definition describing inline element with new properties.
      *
@@ -81,17 +81,17 @@ export default class DataSchema extends Plugin {
      *
      * @param definition Definition update.
      */
-    extendInlineElement(definition: DataSchemaInlineElementDefinition): void;
+    extendInlineElement(definition: HtmlSupportDataSchemaInlineElementDefinition): void;
     /**
      * Returns all definitions matching the given view name.
      *
      * @param includeReferences Indicates if this method should also include definitions of referenced models.
      */
-    getDefinitionsForView(viewName: string | RegExp, includeReferences?: boolean): Set<DataSchemaDefinition>;
+    getDefinitionsForView(viewName: string | RegExp, includeReferences?: boolean): Set<HtmlSupportDataSchemaDefinition>;
     /**
      * Returns definitions matching the given model name.
      */
-    getDefinitionsForModel(modelName: string): Array<DataSchemaDefinition>;
+    getDefinitionsForModel(modelName: string): Array<HtmlSupportDataSchemaDefinition>;
     /**
      * Returns definitions matching the given view name.
      */
@@ -115,7 +115,7 @@ export default class DataSchema extends Plugin {
 /**
  * A base definition of {@link module:html-support/dataschema~DataSchema data schema}.
  */
-export interface DataSchemaDefinition {
+export interface HtmlSupportDataSchemaDefinition {
     /**
      * Name of the model.
      */
@@ -131,7 +131,7 @@ export interface DataSchemaDefinition {
     /**
      * The model schema item definition describing registered model.
      */
-    modelSchema?: SchemaItemDefinition;
+    modelSchema?: ModelSchemaItemDefinition;
     /**
      * Indicates that the definition describes block element.
      * Set by {@link module:html-support/dataschema~DataSchema#registerBlockElement} method.
@@ -149,7 +149,7 @@ export interface DataSchemaDefinition {
 /**
  * A definition of {@link module:html-support/dataschema~DataSchema data schema} for block elements.
  */
-export interface DataSchemaBlockElementDefinition extends DataSchemaDefinition {
+export interface HtmlSupportDataSchemaBlockElementDefinition extends HtmlSupportDataSchemaDefinition {
     /**
      * Should be used when an element can behave both as a sectioning element (e.g. article) and
      * element accepting only inline content (e.g. paragraph).
@@ -160,14 +160,14 @@ export interface DataSchemaBlockElementDefinition extends DataSchemaDefinition {
 /**
  * A definition of {@link module:html-support/dataschema~DataSchema data schema} for inline elements.
  */
-export interface DataSchemaInlineElementDefinition extends DataSchemaDefinition {
+export interface HtmlSupportDataSchemaInlineElementDefinition extends HtmlSupportDataSchemaDefinition {
     /**
      *  Additional metadata describing the model attribute.
      */
-    attributeProperties?: AttributeProperties;
+    attributeProperties?: ModelAttributeProperties;
     /**
      * Element priority. Decides in what order elements are wrapped by
-     * {@link module:engine/view/downcastwriter~DowncastWriter}.
+     * {@link module:engine/view/downcastwriter~ViewDowncastWriter}.
      * Set by {@link module:html-support/dataschema~DataSchema#registerInlineElement} method.
      */
     priority?: number;

package/src/dataschema.js

@@ -7,7 +7,7 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { toArray } from 'ckeditor5/src/utils.js';
-import defaultConfig from './schemadefinitions.js';
+import { defaultConfig } from './schemadefinitions.js';
 import { mergeWith } from 'es-toolkit/compat';
 /**
  * Holds representation of the extended HTML document type definitions to be used by the
@@ -41,7 +41,7 @@ import { mergeWith } from 'es-toolkit/compat';
  * } );
  * ```
  */
-export default class DataSchema extends Plugin {
+export class DataSchema extends Plugin {
     /**
      * A map of registered data schema definitions.
      */

package/src/emptyblock.d.ts

@@ -34,7 +34,7 @@ import { Plugin } from 'ckeditor5/src/core.js';
  * <td>&nbsp;</td>
  * ```
  */
-export default class EmptyBlock extends Plugin {
+export declare class EmptyBlock extends Plugin {
     /**
      * @inheritDoc
      */

package/src/emptyblock.js

@@ -35,7 +35,7 @@ const EMPTY_BLOCK_MODEL_ATTRIBUTE = 'htmlEmptyBlock';
  * <td>&nbsp;</td>
  * ```
  */
-export default class EmptyBlock extends Plugin {
+export class EmptyBlock extends Plugin {
     /**
      * @inheritDoc
      */

package/src/fullpage.d.ts

@@ -9,7 +9,7 @@ import { Plugin, type Editor } from 'ckeditor5/src/core.js';
 /**
  * The full page editing feature. It preserves the whole HTML page in the editor data.
  */
-export default class FullPage extends Plugin {
+export declare class FullPage extends Plugin {
     /**
      * @inheritDoc
      */

package/src/fullpage.js

@@ -7,12 +7,12 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { logWarning, global } from 'ckeditor5/src/utils.js';
-import { UpcastWriter } from 'ckeditor5/src/engine.js';
-import HtmlPageDataProcessor from './htmlpagedataprocessor.js';
+import { ViewUpcastWriter } from 'ckeditor5/src/engine.js';
+import { HtmlPageDataProcessor } from './htmlpagedataprocessor.js';
 /**
  * The full page editing feature. It preserves the whole HTML page in the editor data.
  */
-export default class FullPage extends Plugin {
+export class FullPage extends Plugin {
     /**
      * @inheritDoc
      */
@@ -85,7 +85,7 @@ export default class FullPage extends Plugin {
             if (!root.hasAttribute('$fullPageDocument')) {
                 return;
             }
-            const writer = new UpcastWriter(viewFragment.document);
+            const writer = new ViewUpcastWriter(viewFragment.document);
             for (const name of properties) {
                 const value = root.getAttribute(name);
                 if (value) {

package/src/generalhtmlsupport.d.ts

@@ -7,26 +7,26 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { type ArrayOrItem } from 'ckeditor5/src/utils.js';
-import DataFilter from './datafilter.js';
-import CodeBlockElementSupport from './integrations/codeblock.js';
-import DualContentModelElementSupport from './integrations/dualcontent.js';
-import HeadingElementSupport from './integrations/heading.js';
-import ImageElementSupport from './integrations/image.js';
-import MediaEmbedElementSupport from './integrations/mediaembed.js';
-import ScriptElementSupport from './integrations/script.js';
-import TableElementSupport from './integrations/table.js';
-import StyleElementSupport from './integrations/style.js';
-import ListElementSupport from './integrations/list.js';
-import HorizontalLineElementSupport from './integrations/horizontalline.js';
-import CustomElementSupport from './integrations/customelement.js';
-import type { Selectable } from 'ckeditor5/src/engine.js';
+import { DataFilter } from './datafilter.js';
+import { CodeBlockElementSupport } from './integrations/codeblock.js';
+import { DualContentModelElementSupport } from './integrations/dualcontent.js';
+import { HeadingElementSupport } from './integrations/heading.js';
+import { ImageElementSupport } from './integrations/image.js';
+import { MediaEmbedElementSupport } from './integrations/mediaembed.js';
+import { ScriptElementSupport } from './integrations/script.js';
+import { TableElementSupport } from './integrations/table.js';
+import { StyleElementSupport } from './integrations/style.js';
+import { ListElementSupport } from './integrations/list.js';
+import { HorizontalLineElementSupport } from './integrations/horizontalline.js';
+import { CustomElementSupport } from './integrations/customelement.js';
+import type { ModelSelectable } from 'ckeditor5/src/engine.js';
 /**
  * The General HTML Support feature.
  *
  * This is a "glue" plugin which initializes the {@link module:html-support/datafilter~DataFilter data filter} configuration
  * and features integration with the General HTML Support.
  */
-export default class GeneralHtmlSupport extends Plugin {
+export declare class GeneralHtmlSupport extends Plugin {
     /**
      * @inheritDoc
      */
@@ -43,6 +43,10 @@ export default class GeneralHtmlSupport extends Plugin {
      * @inheritDoc
      */
     init(): void;
+    /**
+     * @inheritDoc
+     */
+    afterInit(): void;
     /**
      * Returns a GHS model attribute name related to a given view element name.
      *
@@ -58,7 +62,7 @@ export default class GeneralHtmlSupport extends Plugin {
      * @param className The css class to add.
      * @param selectable The selection or element to update.
      */
-    addModelHtmlClass(viewElementName: string, className: ArrayOrItem<string>, selectable: Selectable): void;
+    addModelHtmlClass(viewElementName: string, className: ArrayOrItem<string>, selectable: ModelSelectable): void;
     /**
      * Updates GHS model attribute for a specified view element name, so it does not include the given class name.
      *
@@ -67,7 +71,7 @@ export default class GeneralHtmlSupport extends Plugin {
      * @param className The css class to remove.
      * @param selectable The selection or element to update.
      */
-    removeModelHtmlClass(viewElementName: string, className: ArrayOrItem<string>, selectable: Selectable): void;
+    removeModelHtmlClass(viewElementName: string, className: ArrayOrItem<string>, selectable: ModelSelectable): void;
     /**
      * Updates GHS model attribute for a specified view element name, so it includes the given attribute.
      *

package/src/generalhtmlsupport.js

@@ -7,26 +7,26 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { toArray } from 'ckeditor5/src/utils.js';
-import DataFilter from './datafilter.js';
-import CodeBlockElementSupport from './integrations/codeblock.js';
-import DualContentModelElementSupport from './integrations/dualcontent.js';
-import HeadingElementSupport from './integrations/heading.js';
-import ImageElementSupport from './integrations/image.js';
-import MediaEmbedElementSupport from './integrations/mediaembed.js';
-import ScriptElementSupport from './integrations/script.js';
-import TableElementSupport from './integrations/table.js';
-import StyleElementSupport from './integrations/style.js';
-import ListElementSupport from './integrations/list.js';
-import HorizontalLineElementSupport from './integrations/horizontalline.js';
-import CustomElementSupport from './integrations/customelement.js';
-import { getHtmlAttributeName, modifyGhsAttribute } from './utils.js';
+import { DataFilter } from './datafilter.js';
+import { CodeBlockElementSupport } from './integrations/codeblock.js';
+import { DualContentModelElementSupport } from './integrations/dualcontent.js';
+import { HeadingElementSupport } from './integrations/heading.js';
+import { ImageElementSupport } from './integrations/image.js';
+import { MediaEmbedElementSupport } from './integrations/mediaembed.js';
+import { ScriptElementSupport } from './integrations/script.js';
+import { TableElementSupport } from './integrations/table.js';
+import { StyleElementSupport } from './integrations/style.js';
+import { ListElementSupport } from './integrations/list.js';
+import { HorizontalLineElementSupport } from './integrations/horizontalline.js';
+import { CustomElementSupport } from './integrations/customelement.js';
+import { getHtmlAttributeName, modifyGhsAttribute, removeFormatting } from './utils.js';
 /**
  * The General HTML Support feature.
  *
  * This is a "glue" plugin which initializes the {@link module:html-support/datafilter~DataFilter data filter} configuration
  * and features integration with the General HTML Support.
  */
-export default class GeneralHtmlSupport extends Plugin {
+export class GeneralHtmlSupport extends Plugin {
     /**
      * @inheritDoc
      */
@@ -71,6 +71,13 @@ export default class GeneralHtmlSupport extends Plugin {
         dataFilter.loadAllowedConfig(editor.config.get('htmlSupport.allow') || []);
         dataFilter.loadDisallowedConfig(editor.config.get('htmlSupport.disallow') || []);
     }
+    /**
+     * @inheritDoc
+     */
+    afterInit() {
+        const removeFormatCommand = this.editor.commands.get('removeFormat');
+        removeFormatCommand?.registerCustomAttribute(attributeName => attributeName.startsWith('html') && attributeName.endsWith('Attributes'), removeFormatting);
+    }
     /**
      * Returns a GHS model attribute name related to a given view element name.
      *

package/src/generalhtmlsupportconfig.d.ts

@@ -101,12 +101,12 @@ export interface GeneralHtmlSupportConfig {
      * 	.catch( ... );
      * ```
      */
-    fullPage?: FullPageConfig;
+    fullPage?: GHSFullPageConfig;
 }
 /**
  * The configuration of the Full page editing feature.
  */
-export interface FullPageConfig {
+export interface GHSFullPageConfig {
     /**
      * Whether the feature should allow the editor to render styles from the `<head>` section of editor data content.
      *
@@ -135,7 +135,7 @@ export interface FullPageConfig {
      * We strongly recommend overwriting the default function to avoid XSS vulnerabilities.
      *
      * The function receives the CSS (as a string), and should return an object
-     * that matches the {@link module:html-support/generalhtmlsupportconfig~CssSanitizeOutput} interface.
+     * that matches the {@link module:html-support/generalhtmlsupportconfig~GHSCssSanitizeOutput} interface.
      *
      * ```ts
      * ClassicEditor
@@ -161,9 +161,9 @@ export interface FullPageConfig {
      * ```
      *
      */
-    sanitizeCss?: (css: string) => CssSanitizeOutput;
+    sanitizeCss?: (css: string) => GHSCssSanitizeOutput;
 }
-export interface CssSanitizeOutput {
+export interface GHSCssSanitizeOutput {
     /**
      * An output (safe) CSS that will be inserted into the document.
      */