Ticket #2869: 2869.patch

_source/core/config.js

@@ -147 +147 @@
          * @example
          * config.plugins = 'elementspath,toolbar,wysiwygarea';
          */
-        plugins : 'basicstyles,button,dialog,elementspath,horizontalrule,htmldataprocessor,keystrokes,removeformat,smiley,link,sourcearea,tab,toolbar,wysiwygarea,forms,image,find,table,specialchar,flash,print,pagebreak,newpage',
+        plugins : 'basicstyles,button,dialog,elementspath,horizontalrule,htmldataprocessor,keystrokes,removeformat,smiley,link,sourcearea,tab,toolbar,wysiwygarea,forms,image,find,table,specialchar,flash,print,pagebreak,newpage,blockoutline',
 
         /**
          * The theme to be used to build the UI.

_source/core/editor.js

@@ -185 +185 @@
 
                                                                 // Call the plugin method (beforeInit and init).
                                                                 if ( plugin[ methods[ m ] ] )
-                                                                        plugin[ methods[ m ] ]( editor );
+                                                                        plugin[ methods[ m ] ]( editor, plugin.path);
                                                         }
                                                 }
 

_source/core/command.js

@@ -19 +19 @@
 };
 
 CKEDITOR.event.implementOn( CKEDITOR.command.prototype );
+
+/*
+ * Toggle the current state of command and refresh.  
+ */
+CKEDITOR.command.prototype.toggleState = function(){
+        this.state = (this.state === CKEDITOR.TRISTATE_ON? CKEDITOR.TRISTATE_OFF : CKEDITOR.TRISTATE_ON);
+        this.fire( 'state' );
+};

_source/skins/default/toolbar.css

@@ -305 +305 @@
 {
         background-position: 0 -880px;
 }
+.cke_skin_default a.cke_button_showblock .cke_icon
+{
+        background-position: 0 -1136px;
+}

_source/plugins/toolbar/plugin.js

@@ -208 +208 @@
         [ 'Source', '-', 'NewPage', '-', 'Bold', 'Italic', 'Underline', 'Strike', '-', 'Subscript', 'Superscript', '-', 'Print', 'Find', 'Replace', '-',
         'SelectAll', 'RemoveFormat', '-',
         'Link', 'Unlink', 'Anchor', 'Image', 'Flash', 'Table', 'Smiley', 'HorizontalRule', 'SpecialChar', 'PageBreak', '-',
-        'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField' ]
+        'Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField', '-',
+        'BlockOutline' ]
 ];

_source/plugins/blockoutline/blockoutline.css

@@ +1 @@
+.cke_block_outline p,
+.cke_block_outline div,
+.cke_block_outline pre,
+.cke_block_outline address,
+.cke_block_outline blockquote,
+.cke_block_outline h1,
+.cke_block_outline h2,
+.cke_block_outline h3,
+.cke_block_outline h4,
+.cke_block_outline h5,
+.cke_block_outline h6
+{
+        background-repeat: no-repeat;
+        border: 1px dotted gray;
+        padding-top: 8px;
+        padding-left: 8px;
+}
+
+.cke_block_outline p
+{
+        background-image: url(images/blockoutline.block_p.png);
+}
+
+.cke_block_outline div
+{
+        background-image: url(images/blockoutline.block_div.png);
+}
+
+.cke_block_outline pre
+{
+        background-image: url(images/blockoutline.block_pre.png);
+}
+
+.cke_block_outline address
+{
+        background-image: url(images/blockoutline.block_address.png);
+}
+
+.cke_block_outline blockquote
+{
+        background-image: url(images/blockoutline.block_blockquote.png);
+}
+
+.cke_block_outline h1
+{
+        background-image: url(images/blockoutline.block_h1.png);
+}
+
+.cke_block_outline h2
+{
+        background-image: url(images/blockoutline.block_h2.png);
+}
+
+.cke_block_outline h3
+{
+        background-image: url(images/blockoutline.block_h3.png);
+}
+
+.cke_block_outline h4
+{
+        background-image: url(images/blockoutline.block_h4.png);
+}
+
+.cke_block_outline h5
+{
+        background-image: url(images/blockoutline.block_h5.png);
+}
+
+.cke_block_outline h6
+{
+        background-image: url(images/blockoutline.block_h6.png);
+}

_source/plugins/blockoutline/plugin.js

@@ +1 @@
+/*
+Copyright (c) 2003-2009, CKSource - Frederico Knabben. All rights reserved.
+For licensing, see LICENSE.html or http://ckeditor.com/license
+*/
+
+/**
+ * @fileOverview The "blockoutline" plugin. Enable it will make all block level elements being decorated with a border and the element name displayed on the left-right corner.
+ */
+
+(function()
+{
+        BLOCK_OUTLINE_CLASSNAME = 'cke_block_outline';
+        BLOCK_OUTLINE_CSS_PATH = 'blockoutline.css';
+
+        CKEDITOR.plugins.add( 'blockoutline',
+        {
+                requires : [ 'wysiwygarea' ],
+
+                init : function( editor , pluginPath)
+                {
+                        editor.addCommand(
+                        'showblock' ,
+                        {
+                                exec : function ( editor )
+                                {
+                                        if ( this.state !== CKEDITOR.TRISTATE_DISABLED )
+                                        {
+                                                editor.document
+                                                                                                .getBody()[ this.state === CKEDITOR.TRISTATE_OFF ? 'addClass'
+                                                                                                : 'removeClass' ]
+                                                                                                ( BLOCK_OUTLINE_CLASSNAME );
+                                                this.toggleState();
+                                        }
+                                }
+                        });
+
+                        editor.ui.addButton( 'BlockOutline' , {
+                                lablel :editor.lang.blockOutline,
+                                command :'showblock'
+                        });
+                        
+                        //Load content style for every editor instance. 
+                        editor.on( 'contentDom', function(){
+                                editor.document.appendStyleSheet(
+                                CKEDITOR.basePath +
+                                pluginPath + BLOCK_OUTLINE_CSS_PATH );
+                        });
+                }
+        });
+        
+})();\ No newline at end of file