121 lines
3.4 KiB
JavaScript
121 lines
3.4 KiB
JavaScript
/*
|
|
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
|
|
For licensing, see LICENSE.html or http://ckeditor.com/license
|
|
*/
|
|
|
|
/**
|
|
* @file Horizontal Page Break
|
|
*/
|
|
|
|
// Register a plugin named "pagebreak".
|
|
CKEDITOR.plugins.add( 'pagebreak',
|
|
{
|
|
init : function( editor )
|
|
{
|
|
// Register the command.
|
|
editor.addCommand( 'pagebreak', CKEDITOR.plugins.pagebreakCmd );
|
|
|
|
// Register the toolbar button.
|
|
editor.ui.addButton( 'PageBreak',
|
|
{
|
|
label : editor.lang.pagebreak,
|
|
command : 'pagebreak'
|
|
});
|
|
|
|
// Add the style that renders our placeholder.
|
|
editor.addCss(
|
|
'img.cke_pagebreak' +
|
|
'{' +
|
|
'background-image: url(' + CKEDITOR.getUrl( this.path + 'images/pagebreak.gif' ) + ');' +
|
|
'background-position: center center;' +
|
|
'background-repeat: no-repeat;' +
|
|
'clear: both;' +
|
|
'display: block;' +
|
|
'float: none;' +
|
|
'width:100% !important; _width:99.9% !important;' +
|
|
'border-top: #999999 1px dotted;' +
|
|
'border-bottom: #999999 1px dotted;' +
|
|
'height: 5px !important;' +
|
|
'page-break-after: always;' +
|
|
|
|
'}' );
|
|
},
|
|
|
|
afterInit : function( editor )
|
|
{
|
|
// Register a filter to displaying placeholders after mode change.
|
|
|
|
var dataProcessor = editor.dataProcessor,
|
|
dataFilter = dataProcessor && dataProcessor.dataFilter;
|
|
|
|
if ( dataFilter )
|
|
{
|
|
dataFilter.addRules(
|
|
{
|
|
elements :
|
|
{
|
|
div : function( element )
|
|
{
|
|
var attributes = element.attributes,
|
|
style = attributes && attributes.style,
|
|
child = style && element.children.length == 1 && element.children[ 0 ],
|
|
childStyle = child && ( child.name == 'span' ) && child.attributes.style;
|
|
|
|
if ( childStyle && ( /page-break-after\s*:\s*always/i ).test( style ) && ( /display\s*:\s*none/i ).test( childStyle ) )
|
|
{
|
|
var fakeImg = editor.createFakeParserElement( element, 'cke_pagebreak', 'div' );
|
|
var label = editor.lang.pagebreakAlt;
|
|
fakeImg.attributes[ 'alt' ] = label;
|
|
fakeImg.attributes[ 'aria-label' ] = label;
|
|
return fakeImg;
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
},
|
|
|
|
requires : [ 'fakeobjects' ]
|
|
});
|
|
|
|
CKEDITOR.plugins.pagebreakCmd =
|
|
{
|
|
exec : function( editor )
|
|
{
|
|
// Create the element that represents a print break.
|
|
var label = editor.lang.pagebreakAlt;
|
|
var breakObject = CKEDITOR.dom.element.createFromHtml( '<div style="page-break-after: always;"><span style="display: none;"> </span></div>' );
|
|
|
|
// Creates the fake image used for this element.
|
|
breakObject = editor.createFakeElement( breakObject, 'cke_pagebreak', 'div' );
|
|
breakObject.setAttributes( { alt : label, 'aria-label' : label, title : label } );
|
|
|
|
var ranges = editor.getSelection().getRanges( true );
|
|
|
|
editor.fire( 'saveSnapshot' );
|
|
|
|
for ( var range, i = ranges.length - 1 ; i >= 0; i-- )
|
|
{
|
|
range = ranges[ i ];
|
|
|
|
if ( i < ranges.length -1 )
|
|
breakObject = breakObject.clone( true );
|
|
|
|
range.splitBlock( 'p' );
|
|
range.insertNode( breakObject );
|
|
if ( i == ranges.length - 1 )
|
|
{
|
|
range.moveToPosition( breakObject, CKEDITOR.POSITION_AFTER_END );
|
|
range.select();
|
|
}
|
|
|
|
var previous = breakObject.getPrevious();
|
|
|
|
if ( previous && CKEDITOR.dtd[ previous.getName() ].div )
|
|
breakObject.move( previous );
|
|
}
|
|
|
|
editor.fire( 'saveSnapshot' );
|
|
}
|
|
};
|