141 lines
4.8 KiB
JavaScript
141 lines
4.8 KiB
JavaScript
/**
|
|
* @license Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
|
|
* For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
|
|
*/
|
|
|
|
CKEDITOR.plugins.add( 'table', {
|
|
requires: 'dialog',
|
|
// jscs:disable maximumLineLength
|
|
lang: 'af,ar,az,bg,bn,bs,ca,cs,cy,da,de,de-ch,el,en,en-au,en-ca,en-gb,eo,es,es-mx,et,eu,fa,fi,fo,fr,fr-ca,gl,gu,he,hi,hr,hu,id,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,oc,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,tt,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%
|
|
// jscs:enable maximumLineLength
|
|
icons: 'table', // %REMOVE_LINE_CORE%
|
|
hidpi: true, // %REMOVE_LINE_CORE%
|
|
init: function( editor ) {
|
|
if ( editor.blockless )
|
|
return;
|
|
|
|
var lang = editor.lang.table;
|
|
|
|
editor.addCommand( 'table', new CKEDITOR.dialogCommand( 'table', {
|
|
context: 'table',
|
|
allowedContent: 'table{width,height}[align,border,cellpadding,cellspacing,summary];' +
|
|
'caption tbody thead tfoot;' +
|
|
'th td tr[scope];' +
|
|
( editor.plugins.dialogadvtab ? 'table' + editor.plugins.dialogadvtab.allowedContent() : '' ),
|
|
requiredContent: 'table',
|
|
contentTransformations: [
|
|
[ 'table{width}: sizeToStyle', 'table[width]: sizeToAttribute' ],
|
|
[ 'td: splitBorderShorthand' ],
|
|
[ {
|
|
element: 'table',
|
|
right: function( element ) {
|
|
if ( element.styles ) {
|
|
var parsedStyle;
|
|
if ( element.styles.border ) {
|
|
parsedStyle = CKEDITOR.tools.style.parse.border( element.styles.border );
|
|
} else if ( CKEDITOR.env.ie && CKEDITOR.env.version === 8 ) {
|
|
var styleData = element.styles;
|
|
// Workaround for IE8 browser. It transforms CSS border shorthand property
|
|
// to the longer one, consisting of border-top, border-right, etc. We have to check
|
|
// if all those properties exists and have the same value (#566).
|
|
if ( styleData[ 'border-left' ] && styleData[ 'border-left' ] === styleData[ 'border-right' ] &&
|
|
styleData[ 'border-right' ] === styleData[ 'border-top' ] &&
|
|
styleData[ 'border-top' ] === styleData[ 'border-bottom' ] ) {
|
|
|
|
parsedStyle = CKEDITOR.tools.style.parse.border( styleData[ 'border-top' ] );
|
|
}
|
|
}
|
|
if ( parsedStyle && parsedStyle.style && parsedStyle.style === 'solid' &&
|
|
parsedStyle.width && parseFloat( parsedStyle.width ) !== 0 ) {
|
|
element.attributes.border = 1;
|
|
}
|
|
if ( element.styles[ 'border-collapse' ] == 'collapse' ) {
|
|
element.attributes.cellspacing = 0;
|
|
}
|
|
}
|
|
}
|
|
} ]
|
|
]
|
|
} ) );
|
|
|
|
function createDef( def ) {
|
|
return CKEDITOR.tools.extend( def || {}, {
|
|
contextSensitive: 1,
|
|
refresh: function( editor, path ) {
|
|
this.setState( path.contains( 'table', 1 ) ? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_DISABLED );
|
|
}
|
|
} );
|
|
}
|
|
|
|
editor.addCommand( 'tableProperties', new CKEDITOR.dialogCommand( 'tableProperties', createDef() ) );
|
|
editor.addCommand( 'tableDelete', createDef( {
|
|
exec: function( editor ) {
|
|
var path = editor.elementPath(),
|
|
table = path.contains( 'table', 1 );
|
|
|
|
if ( !table )
|
|
return;
|
|
|
|
// If the table's parent has only one child remove it as well (unless it's a table cell, or the editable element)
|
|
//(https://dev.ckeditor.com/ticket/5416, https://dev.ckeditor.com/ticket/6289, https://dev.ckeditor.com/ticket/12110)
|
|
var parent = table.getParent(),
|
|
editable = editor.editable();
|
|
|
|
if ( parent.getChildCount() == 1 && !parent.is( 'td', 'th' ) && !parent.equals( editable ) )
|
|
table = parent;
|
|
|
|
var range = editor.createRange();
|
|
range.moveToPosition( table, CKEDITOR.POSITION_BEFORE_START );
|
|
table.remove();
|
|
range.select();
|
|
}
|
|
} ) );
|
|
|
|
editor.ui.addButton && editor.ui.addButton( 'Table', {
|
|
label: lang.toolbar,
|
|
command: 'table',
|
|
toolbar: 'insert,30'
|
|
} );
|
|
|
|
CKEDITOR.dialog.add( 'table', this.path + 'dialogs/table.js' );
|
|
CKEDITOR.dialog.add( 'tableProperties', this.path + 'dialogs/table.js' );
|
|
|
|
// If the "menu" plugin is loaded, register the menu items.
|
|
if ( editor.addMenuItems ) {
|
|
editor.addMenuItems( {
|
|
table: {
|
|
label: lang.menu,
|
|
command: 'tableProperties',
|
|
group: 'table',
|
|
order: 5
|
|
},
|
|
|
|
tabledelete: {
|
|
label: lang.deleteTable,
|
|
command: 'tableDelete',
|
|
group: 'table',
|
|
order: 1
|
|
}
|
|
} );
|
|
}
|
|
|
|
editor.on( 'doubleclick', function( evt ) {
|
|
var element = evt.data.element;
|
|
|
|
if ( element.is( 'table' ) )
|
|
evt.data.dialog = 'tableProperties';
|
|
} );
|
|
|
|
// If the "contextmenu" plugin is loaded, register the listeners.
|
|
if ( editor.contextMenu ) {
|
|
editor.contextMenu.addListener( function() {
|
|
// menu item state is resolved on commands.
|
|
return {
|
|
tabledelete: CKEDITOR.TRISTATE_OFF,
|
|
table: CKEDITOR.TRISTATE_OFF
|
|
};
|
|
} );
|
|
}
|
|
}
|
|
} );
|