Ticket #5654: 5654.patch

_source/lang/en.js

@@ -755 +755 @@
         {
                 ltr : 'Text direction from left to right',
                 rtl : 'Text direction from right to left'
+        },
+
+        placeholder : 
+        {
+                title           : 'Placeholder Properties',
+                toolbar         : 'Create Placeholder',
+                text            : 'Placeholder Text',
+                edit            : 'Edit Placeholder',
+                textMissing     : 'The placeholder text field must contain a string.'
         }
 };

_source/plugins/placeholder/dialogs/placeholder.js

@@ +1 @@
+/*
+ * Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+ * For licensing, see LICENSE.html or http://ckeditor.com/license
+ */
+
+(function()
+{
+        function placeHolderDialog( editor, isEdit )
+        {
+
+                var lang = editor.lang.placeholder,
+                        generalLabel = editor.lang.common.generalTab;
+                return {
+                        title : lang.title,
+                        minWidth : 300,
+                        minHeight : 80,
+                        contents :
+                        [
+                                {
+                                        id : 'info',
+                                        label : generalLabel,
+                                        title : generalLabel,
+                                        elements :
+                                        [
+                                                {
+                                                        id : 'text',
+                                                        type : 'text',
+                                                        style : 'width: 100%;',
+                                                        label : lang.text,
+                                                        'default' : '',
+                                                        required : true,
+                                                        validate : CKEDITOR.dialog.validate.notEmpty( lang.textMissing ),
+                                                        setup : function( element )
+                                                        {
+                                                                if ( isEdit )
+                                                                        this.setValue( element.getText().slice( 2, -2 ) );
+                                                        },
+                                                        commit : function( element )
+                                                        {
+                                                                var text = '[[' + this.getValue() + ']]';
+                                                                // The place holder must be recreated.
+                                                                CKEDITOR.plugins.placeholder.createPlaceHolder( editor, element, text );
+                                                        }
+                                                }
+                                        ]
+                                }
+                        ],
+                        onShow : function()
+                        {
+                                this._element = isEdit && editor.getSelection().getRanges()[0].getTouchedStartNode();
+                                this.setupContent( this._element );
+                        },
+                        onOk : function()
+                        {
+                                this.commitContent( this._element );
+                                delete this._element;
+                        }
+                };
+        }
+
+        CKEDITOR.dialog.add( 'createplaceholder', function( editor )
+                {
+                        return placeHolderDialog( editor );
+                });
+        CKEDITOR.dialog.add( 'editplaceholder', function( editor )
+                {
+                        return placeHolderDialog( editor, 1 );
+                });
+} )();

_source/plugins/placeholder/plugin.js

@@ +1 @@
+/*
+Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/**
+ * @fileOverview The "placeholder" plugin.
+ *
+ */
+
+(function()
+{
+        var placeHolderRegex = /^\[\[[^\]]+\]\]$/,
+                placeHolderReplace = /\[\[[^\]]+\]\]/g;
+        CKEDITOR.plugins.add( 'placeholder',
+        {
+                requires : [ 'dialog' ],
+
+                init : function( editor )
+                {
+                        var lang = editor.lang.placeholder;
+
+                        editor.addCommand( 'createplaceholder', new CKEDITOR.dialogCommand( 'createplaceholder' ) );
+                        editor.addCommand( 'editplaceholder', new CKEDITOR.dialogCommand( 'editplaceholder' ) );
+
+                        editor.ui.addButton( 'CreatePlaceHolder',
+                        {
+                                label : lang.toolbar,
+                                command :'createplaceholder',
+                                icon : this.path + '/placeholder.gif'
+                        });
+
+                        if ( editor.addMenuItems )
+                        {
+                                editor.addMenuGroup( 'placeholder', 20 );
+                                editor.addMenuItems(
+                                        {
+                                                editplaceholder :
+                                                {
+                                                        label : lang.edit,
+                                                        command : 'editplaceholder',
+                                                        group : 'placeholder',
+                                                        order : 1
+                                                }
+                                        } );
+
+                                if ( editor.contextMenu )
+                                {
+                                        editor.contextMenu.addListener( function( element, selection )
+                                                {
+                                                        if ( !element || !element.hasAttribute( '_cke_placeholder' ) )
+                                                                return null;
+
+                                                        return { editplaceholder : CKEDITOR.TRISTATE_OFF };
+                                                } );
+                                }
+                        }
+
+                        editor.addCss(
+                                '.cke_placeholder' + 
+                                '{' + 
+                                        'background-color: #ffff00;' + 
+                                        ( CKEDITOR.env.gecko ? 'cursor: default;' : '' ) +
+                                '}'
+                        );
+
+                        editor.on( 'contentDom', function()
+                                {
+                                        editor.document.getBody().on( 'resizestart', function( evt )
+                                                {
+                                                        if ( editor.getSelection().getSelectedElement().hasAttribute( '_cke_placeholder' ) )
+                                                                evt.data.preventDefault();
+                                                });
+                                });
+
+                        CKEDITOR.dialog.add( 'createplaceholder', this.path + 'dialogs/placeholder.js' );
+                        CKEDITOR.dialog.add( 'editplaceholder', this.path + 'dialogs/placeholder.js' );
+                },
+                afterInit : function( editor )
+                {
+                        var dataProcessor = editor.dataProcessor,
+                                dataFilter = dataProcessor && dataProcessor.dataFilter;
+                                htmlFilter = dataProcessor && dataProcessor.htmlFilter;
+
+                        if ( dataFilter )
+                        {
+                                dataFilter.addRules(
+                                {
+                                        text : function( text )
+                                        {
+                                                return text.replace( placeHolderReplace, function( match )
+                                                        {
+                                                                return CKEDITOR.plugins.placeholder.createPlaceHolder( editor, null, match, 1 );
+                                                        });
+                                        }
+                                });
+                        }
+
+                        if ( htmlFilter )
+                        {
+                                htmlFilter.addRules(
+                                {
+                                        elements :
+                                        {
+                                                'span' : function( element )
+                                                {
+                                                        if ( element.attributes && element.attributes._cke_placeholder )
+                                                                delete element.name;
+                                                }
+                                        }
+                                });
+                        }
+                }
+        });
+})();
+
+CKEDITOR.plugins.placeholder = 
+{
+        createPlaceHolder : function( editor, oldElement, text, isGet )
+        {
+                var element = new CKEDITOR.dom.element( 'span', editor.document );
+                element.setAttributes(
+                        {
+                                contentEditable : 'false',
+                                _cke_placeholder        : 1,
+                                'class'         : 'cke_placeholder'
+                        }
+                );
+
+                text && element.setText( text );
+
+                if ( isGet )
+                        return element.getOuterHtml();
+
+                if ( oldElement )
+                {
+                        if ( CKEDITOR.env.ie )
+                        {
+                                element.insertAfter( oldElement );
+                                // Some time is required for IE before the element is removed.
+                                setTimeout( function()
+                                        {
+                                                oldElement.remove();
+                                                element.focus();
+                                        }, 10 );
+                        }
+                        else
+                                element.replace( oldElement );
+                }
+                else
+                        editor.insertElement( element );
+        }
+};
+ No newline at end of file