X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=_source%2Fplugins%2Ftable%2Fdialogs%2Ftable.js;h=2ceebdc131b821bdffdd1a1e6c9326a22b6b51d9;hb=refs%2Ftags%2Fv3.6.1;hp=4675a0c6289f89ad0d218f392f8b8f5258cbbf1e;hpb=c6e377a02b54abc07129d72b632763c727476a15;p=ckeditor.git
diff --git a/_source/plugins/table/dialogs/table.js b/_source/plugins/table/dialogs/table.js
index 4675a0c..2ceebdc 100644
--- a/_source/plugins/table/dialogs/table.js
+++ b/_source/plugins/table/dialogs/table.js
@@ -1,12 +1,11 @@
/*
-Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/
(function()
{
- var widthPattern = /^(\d+(?:\.\d+)?)(px|%)$/,
- heightPattern = /^(\d+(?:\.\d+)?)px$/;
+ var defaultToPixel = CKEDITOR.tools.cssLength;
var commitValue = function( data )
{
@@ -18,12 +17,43 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
function tableDialog( editor, command )
{
- var makeElement = function( name ){ return new CKEDITOR.dom.element( name, editor.document ); };
+ var makeElement = function( name )
+ {
+ return new CKEDITOR.dom.element( name, editor.document );
+ };
+
+ var dialogadvtab = editor.plugins.dialogadvtab;
return {
title : editor.lang.table.title,
minWidth : 310,
minHeight : CKEDITOR.env.ie ? 310 : 280,
+
+ onLoad : function()
+ {
+ var dialog = this;
+
+ var styles = dialog.getContentElement( 'advanced', 'advStyles' );
+
+ if ( styles )
+ {
+ styles.on( 'change', function( evt )
+ {
+ // Synchronize width value.
+ var width = this.getStyle( 'width', '' ),
+ txtWidth = dialog.getContentElement( 'info', 'txtWidth' );
+
+ txtWidth && txtWidth.setValue( width, true );
+
+ // Synchronize height value.
+ var height = this.getStyle( 'height', '' ),
+ txtHeight = dialog.getContentElement( 'info', 'txtHeight' );
+
+ txtHeight && txtHeight.setValue( height, true );
+ });
+ }
+ },
+
onShow : function()
{
// Detect if there's a selected table.
@@ -33,16 +63,20 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
var rowsInput = this.getContentElement( 'info', 'txtRows' ),
colsInput = this.getContentElement( 'info', 'txtCols' ),
- widthInput = this.getContentElement( 'info', 'txtWidth' );
+ widthInput = this.getContentElement( 'info', 'txtWidth' ),
+ heightInput = this.getContentElement( 'info', 'txtHeight' );
+
if ( command == 'tableProperties' )
{
- if ( ( selectedTable = editor.getSelection().getSelectedElement() ) )
- {
- if ( selectedTable.getName() != 'table' )
- selectedTable = null;
- }
+ if ( ( selectedTable = selection.getSelectedElement() ) )
+ selectedTable = selectedTable.getAscendant( 'table', true );
else if ( ranges.length > 0 )
{
+ // Webkit could report the following range on cell selection (#4948):
+ // ]
+ if ( CKEDITOR.env.webkit )
+ ranges[ 0 ].shrink( CKEDITOR.NODE_ELEMENT );
+
var rangeRoot = ranges[0].getCommonAncestor( true );
selectedTable = rangeRoot.getAscendant( 'table', true );
}
@@ -51,28 +85,28 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
this._.selectedElement = selectedTable;
}
- // Enable, disable and select the row, cols, width fields.
+ // Enable or disable the row, cols, width fields.
if ( selectedTable )
{
this.setupContent( selectedTable );
rowsInput && rowsInput.disable();
colsInput && colsInput.disable();
- widthInput && widthInput.select();
}
else
{
rowsInput && rowsInput.enable();
colsInput && colsInput.enable();
- rowsInput && rowsInput.select();
}
+
+ // Call the onChange method for the widht and height fields so
+ // they get reflected into the Advanced tab.
+ widthInput && widthInput.onChange();
+ heightInput && heightInput.onChange();
},
onOk : function()
{
- if ( this._.selectedElement )
- {
- var selection = editor.getSelection(),
- bms = editor.getSelection().createBookmarks();
- }
+ var selection = editor.getSelection(),
+ bms = this._.selectedElement && selection.createBookmarks();
var table = this._.selectedElement || makeElement( 'table' ),
me = this,
@@ -118,7 +152,8 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
for ( i = 0 ; i < theRow.getChildCount() ; i++ )
{
var th = theRow.getChild( i );
- if ( th.type == CKEDITOR.NODE_ELEMENT )
+ // Skip bookmark nodes. (#6155)
+ if ( th.type == CKEDITOR.NODE_ELEMENT && !th.data( 'cke-bookmark' ) )
{
th.renameNode( 'th' );
th.setAttribute( 'scope', 'col' );
@@ -178,19 +213,8 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
}
// Set the width and height.
- var styles = [];
- if ( info.txtHeight )
- table.setStyle( 'height', CKEDITOR.tools.cssLength( info.txtHeight ) );
- else
- table.removeStyle( 'height' );
-
- if ( info.txtWidth )
- {
- var type = info.cmbWidthType || 'pixels';
- table.setStyle( 'width', info.txtWidth + ( type == 'pixels' ? 'px' : '%' ) );
- }
- else
- table.removeStyle( 'width' );
+ info.txtHeight ? table.setStyle( 'height', info.txtHeight ) : table.removeStyle( 'height' );
+ info.txtWidth ? table.setStyle( 'width', info.txtWidth ) : table.removeStyle( 'width' );
if ( !table.getAttribute( 'style' ) )
table.removeAttribute( 'style' );
@@ -198,12 +222,22 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
// Insert the table element if we're creating one.
if ( !this._.selectedElement )
+ {
editor.insertElement( table );
- // Properly restore the selection inside table. (#4822)
+ // Override the default cursor position after insertElement to place
+ // cursor inside the first cell (#7959), IE needs a while.
+ setTimeout( function()
+ {
+ var firstCell = new CKEDITOR.dom.element( table.$.rows[ 0 ].cells[ 0 ] );
+ var range = new CKEDITOR.dom.range( editor.document );
+ range.moveToPosition( firstCell, CKEDITOR.POSITION_AFTER_START );
+ range.select( 1 );
+ }, 0 );
+ }
+ // Properly restore the selection, (#4822) but don't break
+ // because of this, e.g. updated table caption.
else
- selection.selectBookmarks( bms );
-
- return true;
+ try { selection.selectBookmarks( bms ); } catch( er ){}
},
contents : [
{
@@ -227,7 +261,8 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
id : 'txtRows',
'default' : 3,
label : editor.lang.table.rows,
- style : 'width:5em',
+ required : true,
+ controlStyle : 'width:5em',
validate : function()
{
var pass = true,
@@ -252,7 +287,8 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
id : 'txtCols',
'default' : 2,
label : editor.lang.table.columns,
- style : 'width:5em',
+ required : true,
+ controlStyle : 'width:5em',
validate : function()
{
var pass = true,
@@ -318,7 +354,7 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
id : 'txtBorder',
'default' : 1,
label : editor.lang.table.border,
- style : 'width:3em',
+ controlStyle : 'width:3em',
validate : CKEDITOR.dialog.validate['number']( editor.lang.table.invalidBorder ),
setup : function( selectedTable )
{
@@ -336,13 +372,13 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
id : 'cmbAlign',
type : 'select',
'default' : '',
- label : editor.lang.table.align,
+ label : editor.lang.common.align,
items :
[
- [ editor.lang.table.alignNotSet , ''],
- [ editor.lang.table.alignLeft , 'left'],
- [ editor.lang.table.alignCenter , 'center'],
- [ editor.lang.table.alignRight , 'right']
+ [ editor.lang.common.notSet , ''],
+ [ editor.lang.common.alignLeft , 'left'],
+ [ editor.lang.common.alignCenter , 'center'],
+ [ editor.lang.common.alignRight , 'right']
],
setup : function( selectedTable )
{
@@ -371,35 +407,20 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
{
type : 'text',
id : 'txtWidth',
- style : 'width:5em',
- label : editor.lang.table.width,
- 'default' : 200,
- validate : CKEDITOR.dialog.validate['number']( editor.lang.table.invalidWidth ),
- setup : function( selectedTable )
+ controlStyle : 'width:5em',
+ label : editor.lang.common.width,
+ 'default' : 500,
+ getValue : defaultToPixel,
+ validate : CKEDITOR.dialog.validate.cssLength( editor.lang.common.invalidCssLength.replace( '%1', editor.lang.common.width ) ),
+ onChange : function()
{
- var widthMatch = widthPattern.exec( selectedTable.$.style.width );
- if ( widthMatch )
- this.setValue( widthMatch[1] );
- else
- this.setValue( '' );
+ var styles = this.getDialog().getContentElement( 'advanced', 'advStyles' );
+ styles && styles.updateStyle( 'width', this.getValue() );
},
- commit : commitValue
- },
- {
- id : 'cmbWidthType',
- type : 'select',
- label : ' ',
- 'default' : 'pixels',
- items :
- [
- [ editor.lang.table.widthPx , 'pixels'],
- [ editor.lang.table.widthPc , 'percents']
- ],
setup : function( selectedTable )
{
- var widthMatch = widthPattern.exec( selectedTable.$.style.width );
- if ( widthMatch )
- this.setValue( widthMatch[2] == 'px' ? 'pixels' : 'percents' );
+ var val = selectedTable.getStyle( 'width' );
+ val && this.setValue( val );
},
commit : commitValue
}
@@ -413,21 +434,23 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
{
type : 'text',
id : 'txtHeight',
- style : 'width:5em',
- label : editor.lang.table.height,
+ controlStyle : 'width:5em',
+ label : editor.lang.common.height,
'default' : '',
- validate : CKEDITOR.dialog.validate['number']( editor.lang.table.invalidHeight ),
+ getValue : defaultToPixel,
+ validate : CKEDITOR.dialog.validate.cssLength( editor.lang.common.invalidCssLength.replace( '%1', editor.lang.common.height ) ),
+ onChange : function()
+ {
+ var styles = this.getDialog().getContentElement( 'advanced', 'advStyles' );
+ styles && styles.updateStyle( 'height', this.getValue() );
+ },
+
setup : function( selectedTable )
{
- var heightMatch = heightPattern.exec( selectedTable.$.style.height );
- if ( heightMatch )
- this.setValue( heightMatch[1] );
+ var val = selectedTable.getStyle( 'width' );
+ val && this.setValue( val );
},
commit : commitValue
- },
- {
- type : 'html',
- html : '
' + editor.lang.table.widthPx
}
]
},
@@ -438,10 +461,10 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
{
type : 'text',
id : 'txtCellSpace',
- style : 'width:3em',
+ controlStyle : 'width:3em',
label : editor.lang.table.cellSpace,
'default' : 1,
- validate : CKEDITOR.dialog.validate['number']( editor.lang.table.invalidCellSpacing ),
+ validate : CKEDITOR.dialog.validate.number( editor.lang.table.invalidCellSpacing ),
setup : function( selectedTable )
{
this.setValue( selectedTable.getAttribute( 'cellSpacing' ) || '' );
@@ -457,10 +480,10 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
{
type : 'text',
id : 'txtCellPad',
- style : 'width:3em',
+ controlStyle : 'width:3em',
label : editor.lang.table.cellPad,
'default' : 1,
- validate : CKEDITOR.dialog.validate['number']( editor.lang.table.invalidCellPadding ),
+ validate : CKEDITOR.dialog.validate.number( editor.lang.table.invalidCellPadding ),
setup : function( selectedTable )
{
this.setValue( selectedTable.getAttribute( 'cellPadding' ) || '' );
@@ -493,17 +516,30 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
label : editor.lang.table.caption,
setup : function( selectedTable )
{
+ this.enable();
+
var nodeList = selectedTable.getElementsByTag( 'caption' );
if ( nodeList.count() > 0 )
{
var caption = nodeList.getItem( 0 );
- caption = ( caption.getChild( 0 ) && caption.getChild( 0 ).getText() ) || '';
- caption = CKEDITOR.tools.trim( caption );
+ var firstElementChild = caption.getFirst( CKEDITOR.dom.walker.nodeType( CKEDITOR.NODE_ELEMENT ) );
+
+ if ( firstElementChild && !firstElementChild.equals( caption.getBogus() ) )
+ {
+ this.disable();
+ this.setValue( caption.getText() );
+ return;
+ }
+
+ caption = CKEDITOR.tools.trim( caption.getText() );
this.setValue( caption );
}
},
commit : function( data, table )
{
+ if ( !this.isEnabled() )
+ return;
+
var caption = this.getValue(),
captionElement = table.getElementsByTag( 'caption' );
if ( caption )
@@ -542,12 +578,15 @@ For licensing, see LICENSE.html or http://ckeditor.com/license
{
if ( this.getValue() )
selectedTable.setAttribute( 'summary', this.getValue() );
+ else
+ selectedTable.removeAttribute( 'summary' );
}
}
]
}
]
- }
+ },
+ dialogadvtab && dialogadvtab.createAdvancedTab( editor )
]
};
}