@ckeditor/ckeditor5-table
Version:
Table feature for CKEditor 5.
82 lines (81 loc) • 2.73 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
*/
import { Command } from 'ckeditor5/src/core.js';
import { getSelectionAffectedTable } from '../../utils/common.js';
/**
* The table cell attribute command.
*
* This command is a base command for other table property commands.
*/
export default class TablePropertyCommand extends Command {
/**
* Creates a new `TablePropertyCommand` instance.
*
* @param editor An editor in which this command will be used.
* @param attributeName Table cell attribute name.
* @param defaultValue The default value of the attribute.
*/
constructor(editor, attributeName, defaultValue) {
super(editor);
this.attributeName = attributeName;
this._defaultValue = defaultValue;
}
/**
* @inheritDoc
*/
refresh() {
const editor = this.editor;
const selection = editor.model.document.selection;
const table = getSelectionAffectedTable(selection);
this.isEnabled = !!table;
this.value = this._getValue(table);
}
/**
* Executes the command.
*
* @fires execute
* @param options.value If set, the command will set the attribute on the selected table.
* If not set, the command will remove the attribute from the selected table.
* @param options.batch Pass the model batch instance to the command to aggregate changes,
* for example, to allow a single undo step for multiple executions.
*/
execute(options = {}) {
const model = this.editor.model;
const selection = model.document.selection;
const { value, batch } = options;
const table = getSelectionAffectedTable(selection);
const valueToSet = this._getValueToSet(value);
model.enqueueChange(batch, writer => {
if (valueToSet) {
writer.setAttribute(this.attributeName, valueToSet, table);
}
else {
writer.removeAttribute(this.attributeName, table);
}
});
}
/**
* Returns the attribute value for a table.
*/
_getValue(table) {
if (!table) {
return;
}
const value = table.getAttribute(this.attributeName);
if (value === this._defaultValue) {
return;
}
return value;
}
/**
* Returns the proper model value. It can be used to add a default unit to numeric values.
*/
_getValueToSet(value) {
if (value === this._defaultValue) {
return;
}
return value;
}
}