Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 uid=33(www-data) gid=33(www-data) groups=33(www-data) Safe-mode: OFF (not secure) /var/www/html/queuepro/node_modules/@ckeditor/ckeditor5-table/src/converters/ drwxrwxr-x | |
| Viewing file: Select action/file-type: /**
* @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
*/
/**
* @module table/converters/upcasttable
*/
import { createEmptyTableCell } from '../utils/common';
import { first } from 'ckeditor5/src/utils';
/**
* Returns a function that converts the table view representation:
*
* <figure class="table"><table>...</table></figure>
*
* to the model representation:
*
* <table></table>
*
* @returns {Function}
*/
export function upcastTableFigure() {
return dispatcher => {
dispatcher.on( 'element:figure', ( evt, data, conversionApi ) => {
// Do not convert if this is not a "table figure".
if ( !conversionApi.consumable.test( data.viewItem, { name: true, classes: 'table' } ) ) {
return;
}
// Find an table element inside the figure element.
const viewTable = getViewTableFromFigure( data.viewItem );
// Do not convert if table element is absent or was already converted.
if ( !viewTable || !conversionApi.consumable.test( viewTable, { name: true } ) ) {
return;
}
// Consume the figure to prevent other converters from processing it again.
conversionApi.consumable.consume( data.viewItem, { name: true, classes: 'table' } );
// Convert view table to model table.
const conversionResult = conversionApi.convertItem( viewTable, data.modelCursor );
// Get table element from conversion result.
const modelTable = first( conversionResult.modelRange.getItems() );
// When table wasn't successfully converted then finish conversion.
if ( !modelTable ) {
// Revert consumed figure so other features can convert it.
conversionApi.consumable.revert( data.viewItem, { name: true, classes: 'table' } );
return;
}
conversionApi.convertChildren( data.viewItem, conversionApi.writer.createPositionAt( modelTable, 'end' ) );
conversionApi.updateConversionResult( modelTable, data );
} );
};
}
/**
* View table element to model table element conversion helper.
*
* This conversion helper converts the table element as well as table rows.
*
* @returns {Function} Conversion helper.
*/
export default function upcastTable() {
return dispatcher => {
dispatcher.on( 'element:table', ( evt, data, conversionApi ) => {
const viewTable = data.viewItem;
// When element was already consumed then skip it.
if ( !conversionApi.consumable.test( viewTable, { name: true } ) ) {
return;
}
const { rows, headingRows, headingColumns } = scanTable( viewTable );
// Only set attributes if values is greater then 0.
const attributes = {};
if ( headingColumns ) {
attributes.headingColumns = headingColumns;
}
if ( headingRows ) {
attributes.headingRows = headingRows;
}
const table = conversionApi.writer.createElement( 'table', attributes );
if ( !conversionApi.safeInsert( table, data.modelCursor ) ) {
return;
}
conversionApi.consumable.consume( viewTable, { name: true } );
// Upcast table rows in proper order (heading rows first).
rows.forEach( row => conversionApi.convertItem( row, conversionApi.writer.createPositionAt( table, 'end' ) ) );
// Convert everything else.
conversionApi.convertChildren( viewTable, conversionApi.writer.createPositionAt( table, 'end' ) );
// Create one row and one table cell for empty table.
if ( table.isEmpty ) {
const row = conversionApi.writer.createElement( 'tableRow' );
conversionApi.writer.insert( row, conversionApi.writer.createPositionAt( table, 'end' ) );
createEmptyTableCell( conversionApi.writer, conversionApi.writer.createPositionAt( row, 'end' ) );
}
conversionApi.updateConversionResult( table, data );
} );
};
}
/**
* A conversion helper that skips empty <tr> elements from upcasting at the beginning of the table.
*
* An empty row is considered a table model error but when handling clipboard data there could be rows that contain only row-spanned cells
* and empty TR-s are used to maintain the table structure (also {@link module:table/tablewalker~TableWalker} assumes that there are only
* rows that have related `tableRow` elements).
*
* *Note:* Only the first empty rows are removed because they have no meaning and it solves the issue
* of an improper table with all empty rows.
*
* @returns {Function} Conversion helper.
*/
export function skipEmptyTableRow() {
return dispatcher => {
dispatcher.on( 'element:tr', ( evt, data ) => {
if ( data.viewItem.isEmpty && data.modelCursor.index == 0 ) {
evt.stop();
}
}, { priority: 'high' } );
};
}
/**
* A converter that ensures an empty paragraph is inserted in a table cell if no other content was converted.
*
* @returns {Function} Conversion helper.
*/
export function ensureParagraphInTableCell( elementName ) {
return dispatcher => {
dispatcher.on( `element:${ elementName }`, ( evt, data, conversionApi ) => {
// The default converter will create a model range on converted table cell.
if ( !data.modelRange ) {
return;
}
// Ensure a paragraph in the model for empty table cells for converted table cells.
if ( data.viewItem.isEmpty ) {
const tableCell = data.modelRange.start.nodeAfter;
const modelCursor = conversionApi.writer.createPositionAt( tableCell, 0 );
conversionApi.writer.insertElement( 'paragraph', modelCursor );
}
}, { priority: 'low' } );
};
}
// Get view `<table>` element from the view widget (`<figure>`).
//
// @private
// @param {module:engine/view/element~Element} figureView
// @returns {module:engine/view/element~Element}
function getViewTableFromFigure( figureView ) {
for ( const figureChild of figureView.getChildren() ) {
if ( figureChild.is( 'element', 'table' ) ) {
return figureChild;
}
}
}
// Scans table rows and extracts required metadata from the table:
//
// headingRows - The number of rows that go as table headers.
// headingColumns - The maximum number of row headings.
// rows - Sorted `<tr>` elements as they should go into the model - ie. if `<thead>` is inserted after `<tbody>` in the view.
//
// @private
// @param {module:engine/view/element~Element} viewTable
// @returns {{headingRows, headingColumns, rows}}
function scanTable( viewTable ) {
const tableMeta = {
headingRows: 0,
headingColumns: 0
};
// The `<tbody>` and `<thead>` sections in the DOM do not have to be in order `<thead>` -> `<tbody>` and there might be more than one
// of them.
// As the model does not have these sections, rows from different sections must be sorted.
// For example, below is a valid HTML table:
//
// <table>
// <tbody><tr><td>2</td></tr></tbody>
// <thead><tr><td>1</td></tr></thead>
// <tbody><tr><td>3</td></tr></tbody>
// </table>
//
// But browsers will render rows in order as: 1 as the heading and 2 and 3 as the body.
const headRows = [];
const bodyRows = [];
// Currently the editor does not support more then one <thead> section.
// Only the first <thead> from the view will be used as a heading row and the others will be converted to body rows.
let firstTheadElement;
for ( const tableChild of Array.from( viewTable.getChildren() ) ) {
// Only `<thead>`, `<tbody>` & `<tfoot>` from allowed table children can have `<tr>`s.
// The else is for future purposes (mainly `<caption>`).
if ( tableChild.name === 'tbody' || tableChild.name === 'thead' || tableChild.name === 'tfoot' ) {
// Save the first `<thead>` in the table as table header - all other ones will be converted to table body rows.
if ( tableChild.name === 'thead' && !firstTheadElement ) {
firstTheadElement = tableChild;
}
// There might be some extra empty text nodes between the `<tr>`s.
// Make sure further code operates on `tr`s only. (#145)
const trs = Array.from( tableChild.getChildren() ).filter( el => el.is( 'element', 'tr' ) );
for ( const tr of trs ) {
// This <tr> is a child of a first <thead> element.
if ( tr.parent.name === 'thead' && tr.parent === firstTheadElement ) {
tableMeta.headingRows++;
headRows.push( tr );
} else {
bodyRows.push( tr );
// For other rows check how many column headings this row has.
const headingCols = scanRowForHeadingColumns( tr, tableMeta, firstTheadElement );
if ( headingCols > tableMeta.headingColumns ) {
tableMeta.headingColumns = headingCols;
}
}
}
}
}
tableMeta.rows = [ ...headRows, ...bodyRows ];
return tableMeta;
}
// Scans a `<tr>` element and its children for metadata:
// - For heading row:
// - Adds this row to either the heading or the body rows.
// - Updates the number of heading rows.
// - For body rows:
// - Calculates the number of column headings.
//
// @private
// @param {module:engine/view/element~Element} tr
// @returns {Number}
function scanRowForHeadingColumns( tr ) {
let headingColumns = 0;
let index = 0;
// Filter out empty text nodes from tr children.
const children = Array.from( tr.getChildren() )
.filter( child => child.name === 'th' || child.name === 'td' );
// Count starting adjacent <th> elements of a <tr>.
while ( index < children.length && children[ index ].name === 'th' ) {
const th = children[ index ];
// Adjust columns calculation by the number of spanned columns.
const colspan = parseInt( th.getAttribute( 'colspan' ) || 1 );
headingColumns = headingColumns + colspan;
index++;
}
return headingColumns;
}
|
:: Command execute :: | |
--[ c99shell v. 2.5 [PHP 8 Update] [24.05.2025] | Generation time: 0.0268 ]-- |