/** * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /* globals console, window, document, global, CKEditorInspector */ import ClassicEditor from '@ckeditor/ckeditor5-editor-classic/src/classiceditor'; import ArticlePluginSet from '@ckeditor/ckeditor5-core/tests/_utils/articlepluginset'; import Table from '../../src/table'; import TableToolbar from '../../src/tabletoolbar'; import { getData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model'; import TableSelection from '../../src/tableselection'; import TableClipboard from '../../src/tableclipboard'; import TableProperties from '../../src/tableproperties'; import TableCellProperties from '../../src/tablecellproperties'; window.editors = {}; createEditor( '#editor-content', 'content' ); createEditor( '#editor-geometry', 'geometry' ); function createEditor( target, inspectorName ) { ClassicEditor .create( document.querySelector( target ), { plugins: [ ArticlePluginSet, Table, TableToolbar, TableSelection, TableClipboard, TableProperties, TableCellProperties ], toolbar: [ 'heading', '|', 'insertTable', '|', 'bold', 'italic', 'link', '|', 'bulletedList', 'numberedList', 'blockQuote', '|', 'undo', 'redo' ], image: { toolbar: [ 'imageStyle:full', 'imageStyle:side', '|', 'imageTextAlternative' ] }, table: { contentToolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells', 'tableProperties', 'tableCellProperties' ] } } ) .then( editor => { window.editors[ inspectorName ] = editor; CKEditorInspector.attach( { [ inspectorName ]: editor } ); editor.model.document.on( 'change', () => { printModelContents( editor ); } ); } ) .catch( err => { console.error( err.stack ); } ); } const modelDiv = global.document.querySelector( '#model' ); function printModelContents( editor ) { modelDiv.innerHTML = formatTable( getData( editor.model ) ) .replace( //g, '>' ) .replace( /\n/g, '
' ) .replace( /\[/g, '[' ) .replace( /]/g, ']' ); } function formatTable( tableString ) { return tableString .replace( //g, '\n/g, '\n\n ' ) .replace( //g, '\n\n ' ) .replace( //g, '\n\n ' ) .replace( //g, '\n\n ' ) .replace( /<\/tableRow>/g, '\n' ) .replace( /<\/thead>/g, '\n' ) .replace( /<\/tbody>/g, '\n' ) .replace( /<\/tr>/g, '\n' ) .replace( /<\/table>/g, '\n
' ) .replace( /tableCell/g, 'cell' ) .replace( /tableRow/g, 'row' ) .replace( /paragraph/g, 'p' ); }