@ckeditor/ckeditor5-table
Version:
Table feature for CKEditor 5.
68 lines (67 loc) • 2.51 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 table/commands/insertcolumncommand
*/
import { Command } from 'ckeditor5/src/core.js';
/**
* The insert column command.
*
* The command is registered by {@link module:table/tableediting~TableEditing} as the `'insertTableColumnLeft'` and
* `'insertTableColumnRight'` editor commands.
*
* To insert a column to the left of the selected cell, execute the following command:
*
* ```ts
* editor.execute( 'insertTableColumnLeft' );
* ```
*
* To insert a column to the right of the selected cell, execute the following command:
*
* ```ts
* editor.execute( 'insertTableColumnRight' );
* ```
*/
export default class InsertColumnCommand extends Command {
/**
* Creates a new `InsertColumnCommand` instance.
*
* @param editor An editor on which this command will be used.
* @param options.order The order of insertion relative to the column in which the caret is located.
* Possible values: `"left"` and `"right"`. Default value is "right".
*/
constructor(editor, options = {}) {
super(editor);
this.order = options.order || 'right';
}
/**
* @inheritDoc
*/
refresh() {
const selection = this.editor.model.document.selection;
const tableUtils = this.editor.plugins.get('TableUtils');
const isAnyCellSelected = !!tableUtils.getSelectionAffectedTableCells(selection).length;
this.isEnabled = isAnyCellSelected;
}
/**
* Executes the command.
*
* Depending on the command's {@link #order} value, it inserts a column to the `'left'` or `'right'` of the column
* in which the selection is set.
*
* @fires execute
*/
execute() {
const editor = this.editor;
const selection = editor.model.document.selection;
const tableUtils = editor.plugins.get('TableUtils');
const insertBefore = this.order === 'left';
const affectedTableCells = tableUtils.getSelectionAffectedTableCells(selection);
const columnIndexes = tableUtils.getColumnIndexes(affectedTableCells);
const column = insertBefore ? columnIndexes.first : columnIndexes.last;
const table = affectedTableCells[0].findAncestor('table');
tableUtils.insertColumns(table, { columns: 1, at: insertBefore ? column : column + 1 });
}
}