UNPKG

@ckeditor/ckeditor5-basic-styles

Version:

Basic styles feature for CKEditor 5.

66 lines (65 loc) 2.02 kB
/** * @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 basic-styles/underline/underlineediting */ import { Plugin } from 'ckeditor5/src/core.js'; import { AttributeCommand } from '../attributecommand.js'; const UNDERLINE = 'underline'; /** * The underline editing feature. * * It registers the `'underline'` command, the <kbd>Ctrl+U</kbd> keystroke * and introduces the `underline` attribute in the model which renders to the view as an `<u>` element. */ export class UnderlineEditing extends Plugin { /** * @inheritDoc */ static get pluginName() { return 'UnderlineEditing'; } /** * @inheritDoc */ static get isOfficialPlugin() { return true; } /** * @inheritDoc */ init() { const editor = this.editor; const t = this.editor.t; // Allow strikethrough attribute on text nodes. editor.model.schema.extend('$text', { allowAttributes: UNDERLINE }); editor.model.schema.setAttributeProperties(UNDERLINE, { isFormatting: true, copyOnEnter: true }); editor.conversion.attributeToElement({ model: UNDERLINE, view: 'u', upcastAlso: { styles: { 'text-decoration': 'underline' } } }); // Create underline command. editor.commands.add(UNDERLINE, new AttributeCommand(editor, UNDERLINE)); // Set the Ctrl+U keystroke. editor.keystrokes.set('CTRL+U', 'underline'); // Add the information about the keystroke to the accessibility database. editor.accessibility.addKeystrokeInfos({ keystrokes: [ { label: t('Underline text'), keystroke: 'CTRL+U' } ] }); } }