@ckeditor/ckeditor5-basic-styles 38.1.1 → 38.2.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-basic-styles",
-  "version": "38.1.1",
+  "version": "38.2.0-alpha.1",
   "description": "Basic styles feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -11,8 +11,9 @@
     "ckeditor5-dll"
   ],
   "main": "src/index.js",
+  "type": "module",
   "dependencies": {
-    "ckeditor5": "38.1.1"
+    "ckeditor5": "38.2.0-alpha.1"
   },
   "engines": {
     "node": ">=16.0.0",

package/src/attributecommand.d.ts

@@ -1,74 +1,74 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module basic-styles/attributecommand
- */
-import { Command, type Editor } from 'ckeditor5/src/core';
-/**
- * An extension of the base {@link module:core/command~Command} class, which provides utilities for a command
- * that toggles a single attribute on a text or an element.
- *
- * `AttributeCommand` uses {@link module:engine/model/document~Document#selection}
- * to decide which nodes (if any) should be changed, and applies or removes the attribute from them.
- *
- * The command checks the {@link module:engine/model/model~Model#schema} to decide if it can be enabled
- * for the current selection and to which nodes the attribute can be applied.
- */
-export default class AttributeCommand extends Command {
-    /**
-     * Flag indicating whether the command is active. The command is active when the
-     * {@link module:engine/model/selection~Selection#hasAttribute selection has the attribute} which means that:
-     *
-     * * If the selection is not empty – That the attribute is set on the first node in the selection that allows this attribute.
-     * * If the selection is empty – That the selection has the attribute itself (which means that newly typed
-     * text will have this attribute, too).
-     *
-     * @observable
-     * @readonly
-     */
-    value: boolean;
-    /**
-     * The attribute that will be set by the command.
-     */
-    readonly attributeKey: string;
-    /**
-     * @param attributeKey Attribute that will be set by the command.
-     */
-    constructor(editor: Editor, attributeKey: string);
-    /**
-     * Updates the command's {@link #value} and {@link #isEnabled} based on the current selection.
-     */
-    refresh(): void;
-    /**
-     * Executes the command — applies the attribute to the selection or removes it from the selection.
-     *
-     * If the command is active (`value == true`), it will remove attributes. Otherwise, it will set attributes.
-     *
-     * The execution result differs, depending on the {@link module:engine/model/document~Document#selection}:
-     *
-     * * If the selection is on a range, the command applies the attribute to all nodes in that range
-     * (if they are allowed to have this attribute by the {@link module:engine/model/schema~Schema schema}).
-     * * If the selection is collapsed in a non-empty node, the command applies the attribute to the
-     * {@link module:engine/model/document~Document#selection} itself (note that typed characters copy attributes from the selection).
-     * * If the selection is collapsed in an empty node, the command applies the attribute to the parent node of the selection (note
-     * that the selection inherits all attributes from a node if it is in an empty node).
-     *
-     * @fires execute
-     * @param options Command options.
-     * @param options.forceValue If set, it will force the command behavior. If `true`,
-     * the command will apply the attribute, otherwise the command will remove the attribute.
-     * If not set, the command will look for its current value to decide what it should do.
-     */
-    execute(options?: {
-        forceValue?: boolean;
-    }): void;
-    /**
-     * Checks the attribute value of the first node in the selection that allows the attribute.
-     * For the collapsed selection returns the selection attribute.
-     *
-     * @returns The attribute value.
-     */
-    private _getValueFromFirstAllowedNode;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module basic-styles/attributecommand
+ */
+import { Command, type Editor } from 'ckeditor5/src/core.js';
+/**
+ * An extension of the base {@link module:core/command~Command} class, which provides utilities for a command
+ * that toggles a single attribute on a text or an element.
+ *
+ * `AttributeCommand` uses {@link module:engine/model/document~Document#selection}
+ * to decide which nodes (if any) should be changed, and applies or removes the attribute from them.
+ *
+ * The command checks the {@link module:engine/model/model~Model#schema} to decide if it can be enabled
+ * for the current selection and to which nodes the attribute can be applied.
+ */
+export default class AttributeCommand extends Command {
+    /**
+     * Flag indicating whether the command is active. The command is active when the
+     * {@link module:engine/model/selection~Selection#hasAttribute selection has the attribute} which means that:
+     *
+     * * If the selection is not empty – That the attribute is set on the first node in the selection that allows this attribute.
+     * * If the selection is empty – That the selection has the attribute itself (which means that newly typed
+     * text will have this attribute, too).
+     *
+     * @observable
+     * @readonly
+     */
+    value: boolean;
+    /**
+     * The attribute that will be set by the command.
+     */
+    readonly attributeKey: string;
+    /**
+     * @param attributeKey Attribute that will be set by the command.
+     */
+    constructor(editor: Editor, attributeKey: string);
+    /**
+     * Updates the command's {@link #value} and {@link #isEnabled} based on the current selection.
+     */
+    refresh(): void;
+    /**
+     * Executes the command — applies the attribute to the selection or removes it from the selection.
+     *
+     * If the command is active (`value == true`), it will remove attributes. Otherwise, it will set attributes.
+     *
+     * The execution result differs, depending on the {@link module:engine/model/document~Document#selection}:
+     *
+     * * If the selection is on a range, the command applies the attribute to all nodes in that range
+     * (if they are allowed to have this attribute by the {@link module:engine/model/schema~Schema schema}).
+     * * If the selection is collapsed in a non-empty node, the command applies the attribute to the
+     * {@link module:engine/model/document~Document#selection} itself (note that typed characters copy attributes from the selection).
+     * * If the selection is collapsed in an empty node, the command applies the attribute to the parent node of the selection (note
+     * that the selection inherits all attributes from a node if it is in an empty node).
+     *
+     * @fires execute
+     * @param options Command options.
+     * @param options.forceValue If set, it will force the command behavior. If `true`,
+     * the command will apply the attribute, otherwise the command will remove the attribute.
+     * If not set, the command will look for its current value to decide what it should do.
+     */
+    execute(options?: {
+        forceValue?: boolean;
+    }): void;
+    /**
+     * Checks the attribute value of the first node in the selection that allows the attribute.
+     * For the collapsed selection returns the selection attribute.
+     *
+     * @returns The attribute value.
+     */
+    private _getValueFromFirstAllowedNode;
+}

package/src/attributecommand.js

@@ -1,105 +1,105 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module basic-styles/attributecommand
- */
-import { Command } from 'ckeditor5/src/core';
-/**
- * An extension of the base {@link module:core/command~Command} class, which provides utilities for a command
- * that toggles a single attribute on a text or an element.
- *
- * `AttributeCommand` uses {@link module:engine/model/document~Document#selection}
- * to decide which nodes (if any) should be changed, and applies or removes the attribute from them.
- *
- * The command checks the {@link module:engine/model/model~Model#schema} to decide if it can be enabled
- * for the current selection and to which nodes the attribute can be applied.
- */
-export default class AttributeCommand extends Command {
-    /**
-     * @param attributeKey Attribute that will be set by the command.
-     */
-    constructor(editor, attributeKey) {
-        super(editor);
-        this.attributeKey = attributeKey;
-    }
-    /**
-     * Updates the command's {@link #value} and {@link #isEnabled} based on the current selection.
-     */
-    refresh() {
-        const model = this.editor.model;
-        const doc = model.document;
-        this.value = this._getValueFromFirstAllowedNode();
-        this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, this.attributeKey);
-    }
-    /**
-     * Executes the command — applies the attribute to the selection or removes it from the selection.
-     *
-     * If the command is active (`value == true`), it will remove attributes. Otherwise, it will set attributes.
-     *
-     * The execution result differs, depending on the {@link module:engine/model/document~Document#selection}:
-     *
-     * * If the selection is on a range, the command applies the attribute to all nodes in that range
-     * (if they are allowed to have this attribute by the {@link module:engine/model/schema~Schema schema}).
-     * * If the selection is collapsed in a non-empty node, the command applies the attribute to the
-     * {@link module:engine/model/document~Document#selection} itself (note that typed characters copy attributes from the selection).
-     * * If the selection is collapsed in an empty node, the command applies the attribute to the parent node of the selection (note
-     * that the selection inherits all attributes from a node if it is in an empty node).
-     *
-     * @fires execute
-     * @param options Command options.
-     * @param options.forceValue If set, it will force the command behavior. If `true`,
-     * the command will apply the attribute, otherwise the command will remove the attribute.
-     * If not set, the command will look for its current value to decide what it should do.
-     */
-    execute(options = {}) {
-        const model = this.editor.model;
-        const doc = model.document;
-        const selection = doc.selection;
-        const value = (options.forceValue === undefined) ? !this.value : options.forceValue;
-        model.change(writer => {
-            if (selection.isCollapsed) {
-                if (value) {
-                    writer.setSelectionAttribute(this.attributeKey, true);
-                }
-                else {
-                    writer.removeSelectionAttribute(this.attributeKey);
-                }
-            }
-            else {
-                const ranges = model.schema.getValidRanges(selection.getRanges(), this.attributeKey);
-                for (const range of ranges) {
-                    if (value) {
-                        writer.setAttribute(this.attributeKey, value, range);
-                    }
-                    else {
-                        writer.removeAttribute(this.attributeKey, range);
-                    }
-                }
-            }
-        });
-    }
-    /**
-     * Checks the attribute value of the first node in the selection that allows the attribute.
-     * For the collapsed selection returns the selection attribute.
-     *
-     * @returns The attribute value.
-     */
-    _getValueFromFirstAllowedNode() {
-        const model = this.editor.model;
-        const schema = model.schema;
-        const selection = model.document.selection;
-        if (selection.isCollapsed) {
-            return selection.hasAttribute(this.attributeKey);
-        }
-        for (const range of selection.getRanges()) {
-            for (const item of range.getItems()) {
-                if (schema.checkAttribute(item, this.attributeKey)) {
-                    return item.hasAttribute(this.attributeKey);
-                }
-            }
-        }
-        return false;
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module basic-styles/attributecommand
+ */
+import { Command } from 'ckeditor5/src/core.js';
+/**
+ * An extension of the base {@link module:core/command~Command} class, which provides utilities for a command
+ * that toggles a single attribute on a text or an element.
+ *
+ * `AttributeCommand` uses {@link module:engine/model/document~Document#selection}
+ * to decide which nodes (if any) should be changed, and applies or removes the attribute from them.
+ *
+ * The command checks the {@link module:engine/model/model~Model#schema} to decide if it can be enabled
+ * for the current selection and to which nodes the attribute can be applied.
+ */
+export default class AttributeCommand extends Command {
+    /**
+     * @param attributeKey Attribute that will be set by the command.
+     */
+    constructor(editor, attributeKey) {
+        super(editor);
+        this.attributeKey = attributeKey;
+    }
+    /**
+     * Updates the command's {@link #value} and {@link #isEnabled} based on the current selection.
+     */
+    refresh() {
+        const model = this.editor.model;
+        const doc = model.document;
+        this.value = this._getValueFromFirstAllowedNode();
+        this.isEnabled = model.schema.checkAttributeInSelection(doc.selection, this.attributeKey);
+    }
+    /**
+     * Executes the command — applies the attribute to the selection or removes it from the selection.
+     *
+     * If the command is active (`value == true`), it will remove attributes. Otherwise, it will set attributes.
+     *
+     * The execution result differs, depending on the {@link module:engine/model/document~Document#selection}:
+     *
+     * * If the selection is on a range, the command applies the attribute to all nodes in that range
+     * (if they are allowed to have this attribute by the {@link module:engine/model/schema~Schema schema}).
+     * * If the selection is collapsed in a non-empty node, the command applies the attribute to the
+     * {@link module:engine/model/document~Document#selection} itself (note that typed characters copy attributes from the selection).
+     * * If the selection is collapsed in an empty node, the command applies the attribute to the parent node of the selection (note
+     * that the selection inherits all attributes from a node if it is in an empty node).
+     *
+     * @fires execute
+     * @param options Command options.
+     * @param options.forceValue If set, it will force the command behavior. If `true`,
+     * the command will apply the attribute, otherwise the command will remove the attribute.
+     * If not set, the command will look for its current value to decide what it should do.
+     */
+    execute(options = {}) {
+        const model = this.editor.model;
+        const doc = model.document;
+        const selection = doc.selection;
+        const value = (options.forceValue === undefined) ? !this.value : options.forceValue;
+        model.change(writer => {
+            if (selection.isCollapsed) {
+                if (value) {
+                    writer.setSelectionAttribute(this.attributeKey, true);
+                }
+                else {
+                    writer.removeSelectionAttribute(this.attributeKey);
+                }
+            }
+            else {
+                const ranges = model.schema.getValidRanges(selection.getRanges(), this.attributeKey);
+                for (const range of ranges) {
+                    if (value) {
+                        writer.setAttribute(this.attributeKey, value, range);
+                    }
+                    else {
+                        writer.removeAttribute(this.attributeKey, range);
+                    }
+                }
+            }
+        });
+    }
+    /**
+     * Checks the attribute value of the first node in the selection that allows the attribute.
+     * For the collapsed selection returns the selection attribute.
+     *
+     * @returns The attribute value.
+     */
+    _getValueFromFirstAllowedNode() {
+        const model = this.editor.model;
+        const schema = model.schema;
+        const selection = model.document.selection;
+        if (selection.isCollapsed) {
+            return selection.hasAttribute(this.attributeKey);
+        }
+        for (const range of selection.getRanges()) {
+            for (const item of range.getItems()) {
+                if (schema.checkAttribute(item, this.attributeKey)) {
+                    return item.hasAttribute(this.attributeKey);
+                }
+            }
+        }
+        return false;
+    }
+}

package/src/augmentation.d.ts

@@ -1,40 +1,40 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-import type { Superscript, Subscript, Bold, Code, AttributeCommand, BoldUI, CodeEditing, CodeUI, Italic, ItalicEditing, ItalicUI, Strikethrough, StrikethroughEditing, StrikethroughUI, SubscriptEditing, SubscriptUI, SuperscriptEditing, SuperscriptUI, Underline, UnderlineEditing, UnderlineUI } from './index';
-declare module '@ckeditor/ckeditor5-core' {
-    interface PluginsMap {
-        [Superscript.pluginName]: Superscript;
-        [Subscript.pluginName]: Subscript;
-        [Bold.pluginName]: Bold;
-        [Code.pluginName]: Code;
-        [Code.pluginName]: Code;
-        [Code.pluginName]: Code;
-        [BoldUI.pluginName]: BoldUI;
-        [CodeEditing.pluginName]: CodeEditing;
-        [CodeUI.pluginName]: CodeUI;
-        [Italic.pluginName]: Italic;
-        [ItalicEditing.pluginName]: ItalicEditing;
-        [ItalicUI.pluginName]: ItalicUI;
-        [Strikethrough.pluginName]: Strikethrough;
-        [StrikethroughEditing.pluginName]: StrikethroughEditing;
-        [StrikethroughUI.pluginName]: StrikethroughUI;
-        [SubscriptEditing.pluginName]: SubscriptEditing;
-        [SubscriptUI.pluginName]: SubscriptUI;
-        [SuperscriptEditing.pluginName]: SuperscriptEditing;
-        [SuperscriptUI.pluginName]: SuperscriptUI;
-        [Underline.pluginName]: Underline;
-        [UnderlineEditing.pluginName]: UnderlineEditing;
-        [UnderlineUI.pluginName]: UnderlineUI;
-    }
-    interface CommandsMap {
-        bold: AttributeCommand;
-        code: AttributeCommand;
-        italic: AttributeCommand;
-        strikethrough: AttributeCommand;
-        subscript: AttributeCommand;
-        superscript: AttributeCommand;
-        underline: AttributeCommand;
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+import type { Superscript, Subscript, Bold, Code, AttributeCommand, BoldUI, CodeEditing, CodeUI, Italic, ItalicEditing, ItalicUI, Strikethrough, StrikethroughEditing, StrikethroughUI, SubscriptEditing, SubscriptUI, SuperscriptEditing, SuperscriptUI, Underline, UnderlineEditing, UnderlineUI } from './index.js';
+declare module '@ckeditor/ckeditor5-core' {
+    interface PluginsMap {
+        [Superscript.pluginName]: Superscript;
+        [Subscript.pluginName]: Subscript;
+        [Bold.pluginName]: Bold;
+        [Code.pluginName]: Code;
+        [Code.pluginName]: Code;
+        [Code.pluginName]: Code;
+        [BoldUI.pluginName]: BoldUI;
+        [CodeEditing.pluginName]: CodeEditing;
+        [CodeUI.pluginName]: CodeUI;
+        [Italic.pluginName]: Italic;
+        [ItalicEditing.pluginName]: ItalicEditing;
+        [ItalicUI.pluginName]: ItalicUI;
+        [Strikethrough.pluginName]: Strikethrough;
+        [StrikethroughEditing.pluginName]: StrikethroughEditing;
+        [StrikethroughUI.pluginName]: StrikethroughUI;
+        [SubscriptEditing.pluginName]: SubscriptEditing;
+        [SubscriptUI.pluginName]: SubscriptUI;
+        [SuperscriptEditing.pluginName]: SuperscriptEditing;
+        [SuperscriptUI.pluginName]: SuperscriptUI;
+        [Underline.pluginName]: Underline;
+        [UnderlineEditing.pluginName]: UnderlineEditing;
+        [UnderlineUI.pluginName]: UnderlineUI;
+    }
+    interface CommandsMap {
+        bold: AttributeCommand;
+        code: AttributeCommand;
+        italic: AttributeCommand;
+        strikethrough: AttributeCommand;
+        subscript: AttributeCommand;
+        superscript: AttributeCommand;
+        underline: AttributeCommand;
+    }
+}

package/src/augmentation.js

@@ -1,5 +1,5 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-export {};
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+export {};

package/src/bold/boldediting.d.ts

@@ -1,24 +1,24 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module basic-styles/bold/boldediting
- */
-import { Plugin } from 'ckeditor5/src/core';
-/**
- * The bold editing feature.
- *
- * It registers the `'bold'` command and introduces the `bold` attribute in the model which renders to the view
- * as a `<strong>` element.
- */
-export default class BoldEditing extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName(): "BoldEditing";
-    /**
-     * @inheritDoc
-     */
-    init(): void;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module basic-styles/bold/boldediting
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+/**
+ * The bold editing feature.
+ *
+ * It registers the `'bold'` command and introduces the `bold` attribute in the model which renders to the view
+ * as a `<strong>` element.
+ */
+export default class BoldEditing extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "BoldEditing";
+    /**
+     * @inheritDoc
+     */
+    init(): void;
+}

package/src/bold/boldediting.js

@@ -1,62 +1,62 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module basic-styles/bold/boldediting
- */
-import { Plugin } from 'ckeditor5/src/core';
-import AttributeCommand from '../attributecommand';
-const BOLD = 'bold';
-/**
- * The bold editing feature.
- *
- * It registers the `'bold'` command and introduces the `bold` attribute in the model which renders to the view
- * as a `<strong>` element.
- */
-export default class BoldEditing extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'BoldEditing';
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        // Allow bold attribute on text nodes.
-        editor.model.schema.extend('$text', { allowAttributes: BOLD });
-        editor.model.schema.setAttributeProperties(BOLD, {
-            isFormatting: true,
-            copyOnEnter: true
-        });
-        // Build converter from model to view for data and editing pipelines.
-        editor.conversion.attributeToElement({
-            model: BOLD,
-            view: 'strong',
-            upcastAlso: [
-                'b',
-                viewElement => {
-                    const fontWeight = viewElement.getStyle('font-weight');
-                    if (!fontWeight) {
-                        return null;
-                    }
-                    // Value of the `font-weight` attribute can be defined as a string or a number.
-                    if (fontWeight == 'bold' || Number(fontWeight) >= 600) {
-                        return {
-                            name: true,
-                            styles: ['font-weight']
-                        };
-                    }
-                    return null;
-                }
-            ]
-        });
-        // Create bold command.
-        editor.commands.add(BOLD, new AttributeCommand(editor, BOLD));
-        // Set the Ctrl+B keystroke.
-        editor.keystrokes.set('CTRL+B', BOLD);
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module basic-styles/bold/boldediting
+ */
+import { Plugin } from 'ckeditor5/src/core.js';
+import AttributeCommand from '../attributecommand.js';
+const BOLD = 'bold';
+/**
+ * The bold editing feature.
+ *
+ * It registers the `'bold'` command and introduces the `bold` attribute in the model which renders to the view
+ * as a `<strong>` element.
+ */
+export default class BoldEditing extends Plugin {
+    /**
+     * @inheritDoc
+     */
+    static get pluginName() {
+        return 'BoldEditing';
+    }
+    /**
+     * @inheritDoc
+     */
+    init() {
+        const editor = this.editor;
+        // Allow bold attribute on text nodes.
+        editor.model.schema.extend('$text', { allowAttributes: BOLD });
+        editor.model.schema.setAttributeProperties(BOLD, {
+            isFormatting: true,
+            copyOnEnter: true
+        });
+        // Build converter from model to view for data and editing pipelines.
+        editor.conversion.attributeToElement({
+            model: BOLD,
+            view: 'strong',
+            upcastAlso: [
+                'b',
+                viewElement => {
+                    const fontWeight = viewElement.getStyle('font-weight');
+                    if (!fontWeight) {
+                        return null;
+                    }
+                    // Value of the `font-weight` attribute can be defined as a string or a number.
+                    if (fontWeight == 'bold' || Number(fontWeight) >= 600) {
+                        return {
+                            name: true,
+                            styles: ['font-weight']
+                        };
+                    }
+                    return null;
+                }
+            ]
+        });
+        // Create bold command.
+        editor.commands.add(BOLD, new AttributeCommand(editor, BOLD));
+        // Set the Ctrl+B keystroke.
+        editor.keystrokes.set('CTRL+B', BOLD);
+    }
+}