_source/plugins/pagebreak/plugin.js

   1 /*\r
   2 Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.\r
   3 For licensing, see LICENSE.html or http://ckeditor.com/license\r
   4 */\r
   5 \r
   6 /**\r
   7  * @file Horizontal Page Break\r
   8  */\r
   9 \r
  10 // Register a plugin named "pagebreak".\r
  11 CKEDITOR.plugins.add( 'pagebreak',\r
  12 {\r
  13         init : function( editor )\r
  14         {\r
  15                 // Register the command.\r
  16                 editor.addCommand( 'pagebreak', CKEDITOR.plugins.pagebreakCmd );\r
  17 \r
  18                 // Register the toolbar button.\r
  19                 editor.ui.addButton( 'PageBreak',\r
  20                         {\r
  21                                 label : editor.lang.pagebreak,\r
  22                                 command : 'pagebreak'\r
  23                         });\r
  24 \r
  25                 // Add the style that renders our placeholder.\r
  26                 editor.addCss(\r
  27                         'img.cke_pagebreak' +\r
  28                         '{' +\r
  29                                 'background-image: url(' + CKEDITOR.getUrl( this.path + 'images/pagebreak.gif' ) + ');' +\r
  30                                 'background-position: center center;' +\r
  31                                 'background-repeat: no-repeat;' +\r
  32                                 'clear: both;' +\r
  33                                 'display: block;' +\r
  34                                 'float: none;' +\r
  35                                 'width: 100%;' +\r
  36                                 'border-top: #999999 1px dotted;' +\r
  37                                 'border-bottom: #999999 1px dotted;' +\r
  38                                 'height: 5px;' +\r
  39 \r
  40                         '}' );\r
  41         },\r
  42 \r
  43         afterInit : function( editor )\r
  44         {\r
  45                 // Register a filter to displaying placeholders after mode change.\r
  46 \r
  47                 var dataProcessor = editor.dataProcessor,\r
  48                         dataFilter = dataProcessor && dataProcessor.dataFilter;\r
  49 \r
  50                 if ( dataFilter )\r
  51                 {\r
  52                         dataFilter.addRules(\r
  53                                 {\r
  54                                         elements :\r
  55                                         {\r
  56                                                 div : function( element )\r
  57                                                 {\r
  58                                                         var attributes = element.attributes,\r
  59                                                                 style = attributes && attributes.style,\r
  60                                                                 child = style && element.children.length == 1 && element.children[ 0 ],\r
  61                                                                 childStyle = child && ( child.name == 'span' ) && child.attributes.style;\r
  62 \r
  63                                                         if ( childStyle && ( /page-break-after\s*:\s*always/i ).test( style ) && ( /display\s*:\s*none/i ).test( childStyle ) )\r
  64                                                                 return editor.createFakeParserElement( element, 'cke_pagebreak', 'div' );\r
  65                                                 }\r
  66                                         }\r
  67                                 });\r
  68                 }\r
  69         },\r
  70 \r
  71         requires : [ 'fakeobjects' ]\r
  72 });\r
  73 \r
  74 CKEDITOR.plugins.pagebreakCmd =\r
  75 {\r
  76         exec : function( editor )\r
  77         {\r
  78                 // Create the element that represents a print break.\r
  79                 var breakObject = CKEDITOR.dom.element.createFromHtml( '<div style="page-break-after: always;"><span style="display: none;">&nbsp;</span></div>' );\r
  80 \r
  81                 // Creates the fake image used for this element.\r
  82                 breakObject = editor.createFakeElement( breakObject, 'cke_pagebreak', 'div' );\r
  83 \r
  84                 var ranges = editor.getSelection().getRanges();\r
  85 \r
  86                 for ( var range, i = 0 ; i < ranges.length ; i++ )\r
  87                 {\r
  88                         range = ranges[ i ];\r
  89 \r
  90                         if ( i > 0 )\r
  91                                 breakObject = breakObject.clone( true );\r
  92 \r
  93                         range.splitBlock( 'p' );\r
  94                         range.insertNode( breakObject );\r
  95                 }\r
  96         }\r
  97 };\r