Ticket #7991: 7991_4.patch

File 7991_4.patch, 10.9 KB (added by Garry Yao, 12 years ago)

  • _source/plugins/dialog/dialogDefinition.js

     
    500500 * @example
    501501 */
    502502
     503// ----- labeled element ------
     504
     505/**
     506 *  Specify the inline style of the uiElement label.
     507 * @name CKEDITOR.dialog.definition.labeledElement.prototype.labelStyle
     508 * @type String
     509 * @field
     510 * @example
     511 * {
     512 *              type : 'text',
     513 *              label : 'My Label ',
     514 *      <strong>        labelStyle : 'color: red',</strong>
     515 * }
     516 */
     517
     518/**
     519 *  Specify the inline style of the input element.
     520 * @name CKEDITOR.dialog.definition.labeledElement.prototype.inputStyle
     521 * @type String
     522 * @field
     523 * @example
     524 * {
     525 *              type : 'text',
     526 *              label : 'My Label ',
     527 *      <strong>        inputStyle : 'width:3em',</strong>
     528 * }
     529 */
     530
     531
    503532// ----- button ------
    504533
    505534/**

  • _source/plugins/table/dialogs/table.js

     
    262262                                                                                        'default' : 3,
    263263                                                                                        label : editor.lang.table.rows,
    264264                                                                                        required : true,
    265                                                                                         style : 'width:5em',
     265                                                                                        inputStyle : 'width:5em',
    266266                                                                                        validate : function()
    267267                                                                                        {
    268268                                                                                                var pass = true,
    … …  
    288288                                                                                        'default' : 2,
    289289                                                                                        label : editor.lang.table.columns,
    290290                                                                                        required : true,
    291                                                                                         style : 'width:5em',
     291                                                                                        inputStyle : 'width:5em',
    292292                                                                                        validate : function()
    293293                                                                                        {
    294294                                                                                                var pass = true,
    … …  
    354354                                                                                        id : 'txtBorder',
    355355                                                                                        'default' : 1,
    356356                                                                                        label : editor.lang.table.border,
    357                                                                                         style : 'width:3em',
     357                                                                                        inputStyle : 'width:3em',
    358358                                                                                        validate : CKEDITOR.dialog.validate['number']( editor.lang.table.invalidBorder ),
    359359                                                                                        setup : function( selectedTable )
    360360                                                                                        {
    … …  
    407407                                                                                                {
    408408                                                                                                        type : 'text',
    409409                                                                                                        id : 'txtWidth',
    410                                                                                                         style : 'width:5em',
     410                                                                                                        inputStyle : 'width:5em',
    411411                                                                                                        label : editor.lang.common.width,
    412412                                                                                                        'default' : 500,
    413413                                                                                                        getValue : defaultToPixel,
    … …  
    434434                                                                                                {
    435435                                                                                                        type : 'text',
    436436                                                                                                        id : 'txtHeight',
    437                                                                                                         style : 'width:5em',
     437                                                                                                        inputStyle : 'width:5em',
    438438                                                                                                        label : editor.lang.common.height,
    439439                                                                                                        'default' : '',
    440440                                                                                                        getValue : defaultToPixel,
    … …  
    461461                                                                                {
    462462                                                                                        type : 'text',
    463463                                                                                        id : 'txtCellSpace',
    464                                                                                         style : 'width:3em',
     464                                                                                        inputStyle : 'width:3em',
    465465                                                                                        label : editor.lang.table.cellSpace,
    466466                                                                                        'default' : 1,
    467467                                                                                        validate : CKEDITOR.dialog.validate.number( editor.lang.table.invalidCellSpacing ),
    … …  
    480480                                                                                {
    481481                                                                                        type : 'text',
    482482                                                                                        id : 'txtCellPad',
    483                                                                                         style : 'width:3em',
     483                                                                                        inputStyle : 'width:3em',
    484484                                                                                        label : editor.lang.table.cellPad,
    485485                                                                                        'default' : 1,
    486486                                                                                        validate : CKEDITOR.dialog.validate.number( editor.lang.table.invalidCellPadding ),

  • _source/plugins/dialog/plugin.js

     
    27022702                        {
    27032703                                if ( !( match = i.match( regex ) ) )
    27042704                                        continue;
    2705                                 if ( this.eventProcessors[i] )
    2706                                         this.eventProcessors[i].call( this, this._.dialog, definition[i] );
    2707                                 else
    2708                                         registerDomEvent( this, this._.dialog, match[1].toLowerCase(), definition[i] );
     2705                                ( function()
     2706                                {
     2707                                        // Wrap the event handler in case it's of the same function.
     2708                                        var eventHandler = function() { definition[ i ].apply( this, arguments ); }
     2709                                        if ( this.eventProcessors[ i ] )
     2710                                                this.eventProcessors[ i ].call( this, this._.dialog, eventHandler );
     2711                                        else
     2712                                                registerDomEvent( this, this._.dialog, match[1].toLowerCase(), eventHandler );
     2713                                } ).call( this );
    27092714                        }
    27102715
    27112716                        return this;

  • _source/plugins/dialogui/plugin.js

     
    158158                                                html.push( '<label class="cke_dialog_ui_labeled_label' + requiredClass + '" ',
    159159                                                                ' id="'+  _.labelId + '"',
    160160                                                                ' for="' + _.inputId + '"',
    161                                                                 ' style="' + elementDefinition.labelStyle + '">',
     161                                                                ( elementDefinition.labelStyle ? ' style="' + elementDefinition.labelStyle + '"' : '' ) +'>',
    162162                                                                elementDefinition.label,
    163163                                                                '</label>',
    164                                                                 '<div class="cke_dialog_ui_labeled_content" role="presentation">',
     164                                                                '<div class="cke_dialog_ui_labeled_content"' + ( elementDefinition.inputStyle ? ' style="' + elementDefinition.inputStyle + '"' : '' ) + ' role="presentation">',
    165165                                                                contentHtml.call( this, dialog, elementDefinition ),
    166166                                                                '</div>' );
    167167                                        else
    … …  
    177177                                                                        html : '<label class="cke_dialog_ui_labeled_label' + requiredClass + '"' +
    178178                                                                                ' id="' + _.labelId + '"' +
    179179                                                                                ' for="' + _.inputId + '"' +
    180                                                                                 ' style="' + elementDefinition.labelStyle + '">' +
     180                                                                                ( elementDefinition.labelStyle ? ' style="' + elementDefinition.labelStyle + '"' : '' ) +'>' +
    181181                                                                                   CKEDITOR.tools.htmlEncode( elementDefinition.label ) +
    182182                                                                                '</span>'
    183183                                                                },
    184184                                                                {
    185185                                                                        type : 'html',
    186                                                                         html : '<span class="cke_dialog_ui_labeled_content">' +
     186                                                                        html : '<span class="cke_dialog_ui_labeled_content"' + ( elementDefinition.inputStyle ? ' style="' + elementDefinition.inputStyle + '"' : '' ) + '>' +
    187187                                                                                contentHtml.call( this, dialog, elementDefinition ) +
    188188                                                                                '</span>'
    189189                                                                }
    … …  
    237237                                if ( elementDefinition.size )
    238238                                        attributes.size = elementDefinition.size;
    239239
    240                                 if ( elementDefinition.controlStyle )
    241                                         attributes.style = elementDefinition.controlStyle;
    242240
    243241                                // If user presses Enter in a text box, it implies clicking OK for the dialog.
    244242                                var me = this, keyPressedOnMe = false;
    … …  
    380378                                        if ( elementDefinition[ 'default' ] )
    381379                                                attributes.checked = 'checked';
    382380
    383                                         if ( typeof myDefinition.controlStyle != 'undefined' )
    384                                                 myDefinition.style = myDefinition.controlStyle;
    385 
    386381                                        _.checkbox = new CKEDITOR.ui.dialog.uiElement( dialog, myDefinition, html, 'input', null, attributes );
    387382                                        html.push( ' <label id="', labelId, '" for="', attributes.id, '">',
    388383                                                        CKEDITOR.tools.htmlEncode( elementDefinition.label ),
    … …  
    462457                                                cleanInnerDefinition( inputDefinition );
    463458                                                cleanInnerDefinition( labelDefinition );
    464459
    465                                                 if ( typeof inputDefinition.controlStyle != 'undefined' )
    466                                                         inputDefinition.style = inputDefinition.controlStyle;
    467 
    468460                                                children.push( new CKEDITOR.ui.dialog.uiElement( dialog, inputDefinition, inputHtml, 'input', null, inputAttributes ) );
    469461                                                inputHtml.push( ' ' );
    470462                                                new CKEDITOR.ui.dialog.uiElement( dialog, labelDefinition, inputHtml, 'label', null, { id : labelId, 'for' : inputAttributes.id },
    … …  
    622614                                                        CKEDITOR.tools.htmlEncode( item[0] ) );
    623615                                        }
    624616
    625                                         if ( typeof myDefinition.controlStyle != 'undefined' )
    626                                                 myDefinition.style = myDefinition.controlStyle;
    627 
    628617                                        _.select = new CKEDITOR.ui.dialog.uiElement( dialog, myDefinition, html, 'select', null, attributes, innerHTML.join( '' ) );
    629618                                        return html.join( '' );
    630619                                };

  • _source/plugins/docprops/dialogs/docprops.js

     
    177177                        ) +
    178178                '})())';
    179179
     180        function textCenterAlign() { this.getInputElement().setStyle( 'text-align', 'center' ); }
     181
    180182        return {
    181183                title : lang.title,
    182184                minHeight: 330,
    … …  
    546548                                                                                id : 'marginTop',
    547549                                                                                label : lang.marginTop,
    548550                                                                                style : 'width: 80px; text-align: center; margin: 0px auto',
    549                                                                                 controlStyle : 'text-align: center',
    550551                                                                                setup : function( doc, html, head, body )
    551552                                                                                {
    552553                                                                                        this.setValue( body.getStyle( 'margin-top' ) || body.getAttribute( 'margintop' ) || '' );
    553554                                                                                },
    554555                                                                                commit : commitMargin( 'top' ),
    555                                                                                 onLoad : function()
    556                                                                                 {
    557                                                                                         this.getElement().getParent().setStyle( 'text-align', 'center' );
    558                                                                                 }
     556                                                                                onLoad : textCenterAlign
    559557                                                                        },
    560558                                                                        {
    561559                                                                                type : 'hbox',
    … …  
    565563                                                                                                id : 'marginLeft',
    566564                                                                                                label : lang.marginLeft,
    567565                                                                                                style : 'width: 80px; text-align: center; margin: 0px auto',
    568                                                                                                 controlStyle : 'text-align: center',
    569566                                                                                                setup : function( doc, html, head, body )
    570567                                                                                                {
    571568                                                                                                        this.setValue( body.getStyle( 'margin-left' ) || body.getAttribute( 'marginleft' ) || '' );
    572569                                                                                                },
    573570                                                                                                commit : commitMargin( 'left' ),
    574                                                                                                 onLoad : function()
    575                                                                                                 {
    576                                                                                                         this.getElement().getParent().setStyle( 'text-align', 'center' );
    577                                                                                                 }
     571                                                                                                onLoad : textCenterAlign
    578572                                                                                        },
    579573                                                                                        {
    580574                                                                                                type : 'text',
    581575                                                                                                id : 'marginRight',
    582576                                                                                                label : lang.marginRight,
    583577                                                                                                style : 'width: 80px; text-align: center; margin: 0px auto',
    584                                                                                                 controlStyle : 'text-align: center',
    585578                                                                                                setup : function( doc, html, head, body )
    586579                                                                                                {
    587580                                                                                                        this.setValue( body.getStyle( 'margin-right' ) || body.getAttribute( 'marginright' ) || '' );
    588581                                                                                                },
    589582                                                                                                commit : commitMargin( 'right' ),
    590                                                                                                 onLoad : function()
    591                                                                                                 {
    592                                                                                                         this.getElement().getParent().setStyle( 'text-align', 'center' );
    593                                                                                                 }
    594                                                                                         }
     583                                                                                                onLoad : textCenterAlign
     584                                                                                        }
    595585                                                                                ]
    596586                                                                        },
    597587                                                                        {
    … …  
    599589                                                                                id : 'marginBottom',
    600590                                                                                label : lang.marginBottom,
    601591                                                                                style : 'width: 80px; text-align: center; margin: 0px auto',
    602                                                                                 controlStyle : 'text-align: center',
    603592                                                                                setup : function( doc, html, head, body )
    604593                                                                                {
    605594                                                                                        this.setValue( body.getStyle( 'margin-bottom' ) || body.getAttribute( 'marginbottom' ) || '' );
    606595                                                                                },
    607596                                                                                commit : commitMargin( 'bottom' ),
    608                                                                                 onLoad : function()
    609                                                                                 {
    610                                                                                         this.getElement().getParent().setStyle( 'text-align', 'center' );
    611                                                                                 }
    612                                                                         }
     597                                                                                onLoad : textCenterAlign
     598                                                                        }
    613599                                                                ]
    614600                                                        }
    615601                                                ]
© 2003 – 2022, CKSource sp. z o.o. sp.k. All rights reserved. | Terms of use | Privacy policy