@ckeditor/ckeditor5-table
Version:
Table feature for CKEditor 5.
71 lines (70 loc) • 2.54 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/insertrowcommand
*/
import { Command } from 'ckeditor5/src/core.js';
/**
* The insert row command.
*
* The command is registered by {@link module:table/tableediting~TableEditing} as the `'insertTableRowBelow'` and
* `'insertTableRowAbove'` editor commands.
*
* To insert a row below the selected cell, execute the following command:
*
* ```ts
* editor.execute( 'insertTableRowBelow' );
* ```
*
* To insert a row above the selected cell, execute the following command:
*
* ```ts
* editor.execute( 'insertTableRowAbove' );
* ```
*/
export default class InsertRowCommand extends Command {
/**
* The order of insertion relative to the row in which the caret is located.
*/
order;
/**
* Creates a new `InsertRowCommand` instance.
*
* @param editor The editor on which this command will be used.
* @param options.order The order of insertion relative to the row in which the caret is located.
* Possible values: `"above"` and `"below"`. Default value is "below"
*/
constructor(editor, options = {}) {
super(editor);
this.order = options.order || 'below';
}
/**
* @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 row `'below'` or `'above'` the row in which selection is set.
*
* @fires execute
*/
execute() {
const editor = this.editor;
const selection = editor.model.document.selection;
const tableUtils = editor.plugins.get('TableUtils');
const insertAbove = this.order === 'above';
const affectedTableCells = tableUtils.getSelectionAffectedTableCells(selection);
const rowIndexes = tableUtils.getRowIndexes(affectedTableCells);
const row = insertAbove ? rowIndexes.first : rowIndexes.last;
const table = affectedTableCells[0].findAncestor('table');
tableUtils.insertRows(table, { at: insertAbove ? row : row + 1, copyStructureFromAbove: !insertAbove });
}
}