@ckeditor/ckeditor5-html-support 44.2.1 → 44.3.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-html-support",
-  "version": "44.2.1",
+  "version": "44.3.0-alpha.1",
   "description": "HTML Support feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -17,16 +17,16 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "44.2.1",
-    "@ckeditor/ckeditor5-engine": "44.2.1",
-    "@ckeditor/ckeditor5-enter": "44.2.1",
-    "@ckeditor/ckeditor5-heading": "44.2.1",
-    "@ckeditor/ckeditor5-image": "44.2.1",
-    "@ckeditor/ckeditor5-list": "44.2.1",
-    "@ckeditor/ckeditor5-table": "44.2.1",
-    "@ckeditor/ckeditor5-utils": "44.2.1",
-    "@ckeditor/ckeditor5-widget": "44.2.1",
-    "ckeditor5": "44.2.1",
+    "@ckeditor/ckeditor5-core": "44.3.0-alpha.1",
+    "@ckeditor/ckeditor5-engine": "44.3.0-alpha.1",
+    "@ckeditor/ckeditor5-enter": "44.3.0-alpha.1",
+    "@ckeditor/ckeditor5-heading": "44.3.0-alpha.1",
+    "@ckeditor/ckeditor5-image": "44.3.0-alpha.1",
+    "@ckeditor/ckeditor5-list": "44.3.0-alpha.1",
+    "@ckeditor/ckeditor5-table": "44.3.0-alpha.1",
+    "@ckeditor/ckeditor5-utils": "44.3.0-alpha.1",
+    "@ckeditor/ckeditor5-widget": "44.3.0-alpha.1",
+    "ckeditor5": "44.3.0-alpha.1",
     "lodash-es": "4.17.21"
   },
   "author": "CKSource (http://cksource.com/)",

package/src/augmentation.d.ts

@@ -2,7 +2,7 @@
  * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
-import type { GeneralHtmlSupport, DataFilter, DataSchema, GeneralHtmlSupportConfig, CodeBlockElementSupport, CustomElementSupport, ListElementSupport, DualContentModelElementSupport, HeadingElementSupport, ImageElementSupport, MediaEmbedElementSupport, ScriptElementSupport, StyleElementSupport, TableElementSupport, HtmlComment, FullPage } from './index.js';
+import type { GeneralHtmlSupport, DataFilter, DataSchema, GeneralHtmlSupportConfig, CodeBlockElementSupport, CustomElementSupport, ListElementSupport, DualContentModelElementSupport, HeadingElementSupport, ImageElementSupport, MediaEmbedElementSupport, ScriptElementSupport, StyleElementSupport, TableElementSupport, HorizontalLineElementSupport, HtmlComment, FullPage, EmptyBlock } from './index.js';
 declare module '@ckeditor/ckeditor5-core' {
     interface EditorConfig {
         /**
@@ -27,7 +27,9 @@ declare module '@ckeditor/ckeditor5-core' {
         [ScriptElementSupport.pluginName]: ScriptElementSupport;
         [StyleElementSupport.pluginName]: StyleElementSupport;
         [TableElementSupport.pluginName]: TableElementSupport;
+        [HorizontalLineElementSupport.pluginName]: HorizontalLineElementSupport;
         [HtmlComment.pluginName]: HtmlComment;
         [FullPage.pluginName]: FullPage;
+        [EmptyBlock.pluginName]: EmptyBlock;
     }
 }

package/src/datafilter.js

@@ -528,6 +528,11 @@ export default class DataFilter extends Plugin {
         const conversion = editor.conversion;
         const { view: viewName, model: modelName } = definition;
         if (!schema.isRegistered(definition.model)) {
+            // Do not register converters and empty schema for editor existing feature
+            // as empty schema won't allow element anywhere in the model.
+            if (!definition.modelSchema) {
+                return;
+            }
             schema.register(definition.model, definition.modelSchema);
             if (!viewName) {
                 return;
@@ -542,7 +547,9 @@ export default class DataFilter extends Plugin {
             });
             conversion.for('downcast').elementToElement({
                 model: modelName,
-                view: viewName
+                view: (modelElement, { writer }) => definition.isEmpty ?
+                    writer.createEmptyElement(viewName) :
+                    writer.createContainerElement(viewName)
             });
         }
         if (!viewName) {
@@ -623,35 +630,39 @@ function matchAndConsumeAttributes(viewElement, matcher, consumable) {
     const matches = matcher.matchAll(viewElement) || [];
     const stylesProcessor = viewElement.document.stylesProcessor;
     return matches.reduce((result, { match }) => {
-        // Verify and consume styles.
-        for (const style of match.styles || []) {
-            // Check longer forms of the same style as those could be matched
-            // but not present in the element directly.
-            // Consider only longhand (or longer than current notation) so that
-            // we do not include all sides of the box if only one side is allowed.
-            const sortedRelatedStyles = stylesProcessor.getRelatedStyles(style)
-                .filter(relatedStyle => relatedStyle.split('-').length > style.split('-').length)
-                .sort((a, b) => b.split('-').length - a.split('-').length);
-            for (const relatedStyle of sortedRelatedStyles) {
-                if (consumable.consume(viewElement, { styles: [relatedStyle] })) {
-                    result.styles.push(relatedStyle);
+        for (const [key, token] of match.attributes || []) {
+            // Verify and consume styles.
+            if (key == 'style') {
+                const style = token;
+                // Check longer forms of the same style as those could be matched
+                // but not present in the element directly.
+                // Consider only longhand (or longer than current notation) so that
+                // we do not include all sides of the box if only one side is allowed.
+                const sortedRelatedStyles = stylesProcessor.getRelatedStyles(style)
+                    .filter(relatedStyle => relatedStyle.split('-').length > style.split('-').length)
+                    .sort((a, b) => b.split('-').length - a.split('-').length);
+                for (const relatedStyle of sortedRelatedStyles) {
+                    if (consumable.consume(viewElement, { styles: [relatedStyle] })) {
+                        result.styles.push(relatedStyle);
+                    }
+                }
+                // Verify and consume style as specified in the matcher.
+                if (consumable.consume(viewElement, { styles: [style] })) {
+                    result.styles.push(style);
                 }
             }
-            // Verify and consume style as specified in the matcher.
-            if (consumable.consume(viewElement, { styles: [style] })) {
-                result.styles.push(style);
-            }
-        }
-        // Verify and consume class names.
-        for (const className of match.classes || []) {
-            if (consumable.consume(viewElement, { classes: [className] })) {
-                result.classes.push(className);
+            // Verify and consume class names.
+            else if (key == 'class') {
+                const className = token;
+                if (consumable.consume(viewElement, { classes: [className] })) {
+                    result.classes.push(className);
+                }
             }
-        }
-        // Verify and consume other attributes.
-        for (const attributeName of match.attributes || []) {
-            if (consumable.consume(viewElement, { attributes: [attributeName] })) {
-                result.attributes.push(attributeName);
+            else {
+                // Verify and consume other attributes.
+                if (consumable.consume(viewElement, { attributes: [key] })) {
+                    result.attributes.push(key);
+                }
             }
         }
         return result;

package/src/dataschema.d.ts

@@ -141,6 +141,10 @@ export interface DataSchemaDefinition {
      * Indicates that the definition describes inline element.
      */
     isInline?: boolean;
+    /**
+     * Indicates that the definition describes an empty HTML element like `<hr>`.
+     */
+    isEmpty?: boolean;
 }
 /**
  * A definition of {@link module:html-support/dataschema~DataSchema data schema} for block elements.

package/src/emptyblock.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+/**
+ * This is experimental plugin that allows for preserving empty block elements
+ * in the editor content instead of automatically filling them with block fillers (` `).
+ *
+ * This is useful when you want to:
+ *
+ * * Preserve empty block elements exactly as they were in the source HTML.
+ * * Allow for styling empty blocks with CSS (block fillers can interfere with height/margin).
+ * * Maintain compatibility with external systems that expect empty blocks to remain empty.
+ *
+ * Known limitations:
+ *
+ * * Empty blocks may not work correctly with revision history features.
+ * * Keyboard navigation through the document might behave unexpectedly, especially when
+ *   navigating through structures like lists and tables.
+ *
+ * For example, this allows for HTML like:
+ *
+ * ```html
+ * <p></p>
+ * <p class="spacer"></p>
+ * <td></td>
+ * ```
+ * to remain empty instead of being converted to:
+ *
+ * ```html
+ * <p>&nbsp;</p>
+ * <p class="spacer">&nbsp;</p>
+ * <td>&nbsp;</td>
+ * ```
+ *
+ * **Warning**: This is an experimental plugin. It may have bugs and breaking changes may be introduced without prior notice.
+ */
+export default class EmptyBlock extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "EmptyBlock";
+    /**
+     * @inheritDoc
+     */
+    static get isOfficialPlugin(): true;
+    /**
+     * @inheritDoc
+     */
+    afterInit(): void;
+    /**
+     * Handle clipboard paste events:
+     *
+     * * It does not affect *copying* content from the editor, only *pasting*.
+     * * When content is pasted from another editor instance with `<p></p>`,
+     *   the `&nbsp;` filler is added, so the getData result is `<p>&nbsp;</p>`.
+     * * When content is pasted from the same editor instance with `<p></p>`,
+     *   the `&nbsp;` filler is not added, so the getData result is `<p></p>`.
+     */
+    private _registerClipboardPastingHandler;
+}

package/src/emptyblock.js

@@ -0,0 +1,148 @@
+/**
+ * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+const EMPTY_BLOCK_MODEL_ATTRIBUTE = 'htmlEmptyBlock';
+/**
+ * This is experimental plugin that allows for preserving empty block elements
+ * in the editor content instead of automatically filling them with block fillers (` `).
+ *
+ * This is useful when you want to:
+ *
+ * * Preserve empty block elements exactly as they were in the source HTML.
+ * * Allow for styling empty blocks with CSS (block fillers can interfere with height/margin).
+ * * Maintain compatibility with external systems that expect empty blocks to remain empty.
+ *
+ * Known limitations:
+ *
+ * * Empty blocks may not work correctly with revision history features.
+ * * Keyboard navigation through the document might behave unexpectedly, especially when
+ *   navigating through structures like lists and tables.
+ *
+ * For example, this allows for HTML like:
+ *
+ * ```html
+ * <p></p>
+ * <p class="spacer"></p>
+ * <td></td>
+ * ```
+ * to remain empty instead of being converted to:
+ *
+ * ```html
+ * <p>&nbsp;</p>
+ * <p class="spacer">&nbsp;</p>
+ * <td>&nbsp;</td>
+ * ```
+ *
+ * **Warning**: This is an experimental plugin. It may have bugs and breaking changes may be introduced without prior notice.
+ */
+export default class EmptyBlock extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'EmptyBlock';
+    }
+    /**
+     * @inheritDoc
+     */
+    static get isOfficialPlugin() {
+        return true;
+    }
+    /**
+     * @inheritDoc
+     */
+    afterInit() {
+        const { model, conversion, plugins, config } = this.editor;
+        const schema = model.schema;
+        const preserveEmptyBlocksInEditingView = config.get('htmlSupport.preserveEmptyBlocksInEditingView');
+        schema.extend('$block', { allowAttributes: [EMPTY_BLOCK_MODEL_ATTRIBUTE] });
+        schema.extend('$container', { allowAttributes: [EMPTY_BLOCK_MODEL_ATTRIBUTE] });
+        if (schema.isRegistered('tableCell')) {
+            schema.extend('tableCell', { allowAttributes: [EMPTY_BLOCK_MODEL_ATTRIBUTE] });
+        }
+        if (preserveEmptyBlocksInEditingView) {
+            conversion.for('downcast').add(createEmptyBlockDowncastConverter());
+        }
+        else {
+            conversion.for('dataDowncast').add(createEmptyBlockDowncastConverter());
+        }
+        conversion.for('upcast').add(createEmptyBlockUpcastConverter(schema));
+        if (plugins.has('ClipboardPipeline')) {
+            this._registerClipboardPastingHandler();
+        }
+    }
+    /**
+     * Handle clipboard paste events:
+     *
+     * * It does not affect *copying* content from the editor, only *pasting*.
+     * * When content is pasted from another editor instance with `<p></p>`,
+     *   the `&nbsp;` filler is added, so the getData result is `<p>&nbsp;</p>`.
+     * * When content is pasted from the same editor instance with `<p></p>`,
+     *   the `&nbsp;` filler is not added, so the getData result is `<p></p>`.
+     */
+    _registerClipboardPastingHandler() {
+        const clipboardPipeline = this.editor.plugins.get('ClipboardPipeline');
+        this.listenTo(clipboardPipeline, 'contentInsertion', (evt, data) => {
+            if (data.sourceEditorId === this.editor.id) {
+                return;
+            }
+            this.editor.model.change(writer => {
+                for (const { item } of writer.createRangeIn(data.content)) {
+                    if (item.is('element') && item.hasAttribute(EMPTY_BLOCK_MODEL_ATTRIBUTE)) {
+                        writer.removeAttribute(EMPTY_BLOCK_MODEL_ATTRIBUTE, item);
+                    }
+                }
+            });
+        });
+    }
+}
+/**
+ * Creates a downcast converter for handling empty blocks.
+ * This converter prevents filler elements from being added to elements marked as empty blocks.
+ */
+function createEmptyBlockDowncastConverter() {
+    return (dispatcher) => {
+        dispatcher.on(`attribute:${EMPTY_BLOCK_MODEL_ATTRIBUTE}`, (evt, data, conversionApi) => {
+            const { mapper, consumable } = conversionApi;
+            const { item } = data;
+            if (!consumable.consume(item, evt.name)) {
+                return;
+            }
+            const viewElement = mapper.toViewElement(item);
+            if (viewElement && data.attributeNewValue) {
+                viewElement.getFillerOffset = () => null;
+            }
+        });
+    };
+}
+/**
+ * Creates an upcast converter for handling empty blocks.
+ * The converter detects empty elements and marks them with the empty block attribute.
+ */
+function createEmptyBlockUpcastConverter(schema) {
+    return (dispatcher) => {
+        dispatcher.on('element', (evt, data, conversionApi) => {
+            const { viewItem, modelRange } = data;
+            if (!viewItem.is('element') || !viewItem.isEmpty || viewItem.getCustomProperty('$hasBlockFiller')) {
+                return;
+            }
+            // Handle element itself.
+            const modelElement = modelRange && modelRange.start.nodeAfter;
+            if (!modelElement || !schema.checkAttribute(modelElement, EMPTY_BLOCK_MODEL_ATTRIBUTE)) {
+                return;
+            }
+            conversionApi.writer.setAttribute(EMPTY_BLOCK_MODEL_ATTRIBUTE, true, modelElement);
+            // Handle an auto-paragraphed bogus paragraph inside empty element.
+            if (modelElement.childCount != 1) {
+                return;
+            }
+            const firstModelChild = modelElement.getChild(0);
+            if (firstModelChild.is('element', 'paragraph') &&
+                schema.checkAttribute(firstModelChild, EMPTY_BLOCK_MODEL_ATTRIBUTE)) {
+                conversionApi.writer.setAttribute(EMPTY_BLOCK_MODEL_ATTRIBUTE, true, firstModelChild);
+            }
+        }, { priority: 'lowest' });
+    };
+}

package/src/generalhtmlsupport.d.ts

@@ -17,6 +17,7 @@ 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';
 /**
@@ -37,7 +38,7 @@ export default class GeneralHtmlSupport extends Plugin {
     /**
      * @inheritDoc
      */
-    static get requires(): readonly [typeof DataFilter, typeof CodeBlockElementSupport, typeof DualContentModelElementSupport, typeof HeadingElementSupport, typeof ImageElementSupport, typeof MediaEmbedElementSupport, typeof ScriptElementSupport, typeof TableElementSupport, typeof StyleElementSupport, typeof ListElementSupport, typeof CustomElementSupport];
+    static get requires(): readonly [typeof DataFilter, typeof CodeBlockElementSupport, typeof DualContentModelElementSupport, typeof HeadingElementSupport, typeof ImageElementSupport, typeof MediaEmbedElementSupport, typeof ScriptElementSupport, typeof TableElementSupport, typeof StyleElementSupport, typeof ListElementSupport, typeof HorizontalLineElementSupport, typeof CustomElementSupport];
     /**
      * @inheritDoc
      */

package/src/generalhtmlsupport.js

@@ -17,6 +17,7 @@ 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';
 /**
@@ -53,6 +54,7 @@ export default class GeneralHtmlSupport extends Plugin {
             TableElementSupport,
             StyleElementSupport,
             ListElementSupport,
+            HorizontalLineElementSupport,
             CustomElementSupport
         ];
     }

package/src/generalhtmlsupportconfig.d.ts

@@ -74,4 +74,16 @@ export interface GeneralHtmlSupportConfig {
      * ```
      */
     allowEmpty?: Array<string>;
+    /**
+     * Whether a filler text (non-breaking space entity — `&nbsp;`) will be inserted into empty block elements in HTML output.
+     * This is used to render block elements properly with line-height.
+     *
+     * When set to `true`, empty blocks will be preserved in the editing view.
+     * When `false` (default), empty blocks are only preserved in the data output.
+     *
+     * The option is used by the {@link module:html-support/emptyblock~EmptyBlock} feature.
+     *
+     * @default false
+     */
+    preserveEmptyBlocksInEditingView?: boolean;
 }

package/src/index.d.ts

@@ -11,6 +11,7 @@ export { default as DataSchema, type DataSchemaBlockElementDefinition } from './
 export { default as HtmlComment } from './htmlcomment.js';
 export { default as FullPage } from './fullpage.js';
 export { default as HtmlPageDataProcessor } from './htmlpagedataprocessor.js';
+export { default as EmptyBlock } from './emptyblock.js';
 export type { GeneralHtmlSupportConfig } from './generalhtmlsupportconfig.js';
 export type { default as CodeBlockElementSupport } from './integrations/codeblock.js';
 export type { default as CustomElementSupport } from './integrations/customelement.js';
@@ -22,4 +23,5 @@ export type { default as MediaEmbedElementSupport } from './integrations/mediaem
 export type { default as ScriptElementSupport } from './integrations/script.js';
 export type { default as StyleElementSupport } from './integrations/style.js';
 export type { default as TableElementSupport } from './integrations/table.js';
+export type { default as HorizontalLineElementSupport } from './integrations/horizontalline.js';
 import './augmentation.js';

package/src/index.js

@@ -11,4 +11,5 @@ export { default as DataSchema } from './dataschema.js';
 export { default as HtmlComment } from './htmlcomment.js';
 export { default as FullPage } from './fullpage.js';
 export { default as HtmlPageDataProcessor } from './htmlpagedataprocessor.js';
+export { default as EmptyBlock } from './emptyblock.js';
 import './augmentation.js';

package/src/integrations/horizontalline.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module html-support/integrations/horizontalline
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+import DataFilter from '../datafilter.js';
+/**
+ * Provides the General HTML Support integration with the {@link module:horizontal-line/horizontalline~HorizontalLine} feature.
+ */
+export default class HorizontalLineElementSupport extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get requires(): readonly [typeof DataFilter];
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "HorizontalLineElementSupport";
+    /**
+     * @inheritDoc
+     */
+    static get isOfficialPlugin(): true;
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+}

package/src/integrations/horizontalline.js

@@ -0,0 +1,80 @@
+/**
+ * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+/**
+ * @module html-support/integrations/horizontalline
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+import DataFilter from '../datafilter.js';
+import { updateViewAttributes } from '../utils.js';
+import { getDescendantElement } from './integrationutils.js';
+import { viewToModelBlockAttributeConverter } from '../converters.js';
+/**
+ * Provides the General HTML Support integration with the {@link module:horizontal-line/horizontalline~HorizontalLine} feature.
+ */
+export default class HorizontalLineElementSupport extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get requires() {
+        return [DataFilter];
+    }
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'HorizontalLineElementSupport';
+    }
+    /**
+     * @inheritDoc
+     */
+    static get isOfficialPlugin() {
+        return true;
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        if (!editor.plugins.has('HorizontalLineEditing')) {
+            return;
+        }
+        const schema = editor.model.schema;
+        const conversion = editor.conversion;
+        const dataFilter = editor.plugins.get(DataFilter);
+        dataFilter.on('register:hr', (evt, definition) => {
+            if (definition.model !== 'horizontalLine') {
+                return;
+            }
+            schema.extend('horizontalLine', {
+                allowAttributes: ['htmlHrAttributes']
+            });
+            conversion.for('upcast').add(viewToModelBlockAttributeConverter(definition, dataFilter));
+            conversion.for('downcast').add(modelToViewHorizontalLineAttributeConverter());
+            evt.stop();
+        });
+    }
+}
+/**
+ * A model-to-view conversion helper applying attributes from the
+ * {@link module:horizontal-line/horizontalline~HorizontalLine HorizontalLine} feature.
+ *
+ * @returns Returns a conversion callback.
+ */
+function modelToViewHorizontalLineAttributeConverter() {
+    return (dispatcher) => {
+        dispatcher.on('attribute:htmlHrAttributes:horizontalLine', (evt, data, conversionApi) => {
+            if (!conversionApi.consumable.test(data.item, evt.name)) {
+                return;
+            }
+            const { attributeOldValue, attributeNewValue } = data;
+            const containerElement = conversionApi.mapper.toViewElement(data.item);
+            const viewElement = getDescendantElement(conversionApi.writer, containerElement, 'hr');
+            if (viewElement) {
+                updateViewAttributes(conversionApi.writer, attributeOldValue, attributeNewValue, viewElement);
+                conversionApi.consumable.consume(data.item, evt.name);
+            }
+        }, { priority: 'low' });
+    };
+}

package/src/schemadefinitions.js

@@ -111,6 +111,10 @@ export default {
             model: 'imageInline',
             view: 'img'
         },
+        {
+            model: 'horizontalLine',
+            view: 'hr'
+        },
         // Compatibility features.
         {
             model: 'htmlP',
@@ -517,6 +521,14 @@ export default {
                 inheritAllFrom: '$container',
                 isBlock: false
             }
+        },
+        {
+            model: 'htmlHr',
+            view: 'hr',
+            isEmpty: true,
+            modelSchema: {
+                inheritAllFrom: '$blockObject'
+            }
         }
     ],
     inline: [