/** * @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md. */ /* globals console, window, document, global */ 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 TableSelection from '../../src/tableselection'; import { getData } from '@ckeditor/ckeditor5-engine/src/dev-utils/model'; ClassicEditor .create( document.querySelector( '#editor' ), { plugins: [ ArticlePluginSet, Table, TableSelection, TableToolbar ], toolbar: [ 'heading', '|', 'insertTable', '|', 'bold', 'italic', 'bulletedList', 'numberedList', 'blockQuote', 'undo', 'redo' ], table: { toolbar: [ 'tableColumn', 'tableRow', 'mergeTableCells' ] } } ) .then( editor => { window.editor = editor; editor.model.document.on( 'change', () => { printModelContents( editor ); } ); 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
' ) .replace( //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
' ); }