@ckeditor/ckeditor5-basic-styles
Version:
Basic styles feature for CKEditor 5.
57 lines (56 loc) • 1.68 kB
JavaScript
/**
* @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/superscript/superscriptediting
*/
import { Plugin } from 'ckeditor5/src/core.js';
import { AttributeCommand } from '../attributecommand.js';
const SUPERSCRIPT = 'superscript';
/**
* The superscript editing feature.
*
* It registers the `super` command and introduces the `super` attribute in the model which renders to the view
* as a `<super>` element.
*/
export class SuperscriptEditing extends Plugin {
/**
* @inheritDoc
*/
static get pluginName() {
return 'SuperscriptEditing';
}
/**
* @inheritDoc
*/
static get isOfficialPlugin() {
return true;
}
/**
* @inheritDoc
*/
init() {
const editor = this.editor;
// Allow super attribute on text nodes.
editor.model.schema.extend('$text', { allowAttributes: SUPERSCRIPT });
editor.model.schema.setAttributeProperties(SUPERSCRIPT, {
isFormatting: true,
copyOnEnter: true
});
// Build converter from model to view for data and editing pipelines.
editor.conversion.attributeToElement({
model: SUPERSCRIPT,
view: 'sup',
upcastAlso: [
{
styles: {
'vertical-align': 'super'
}
}
]
});
// Create super command.
editor.commands.add(SUPERSCRIPT, new AttributeCommand(editor, SUPERSCRIPT));
}
}