mirror of
https://github.com/moparisthebest/mailiverse
synced 2024-11-07 01:45:05 -05:00
165 lines
4.6 KiB
JavaScript
165 lines
4.6 KiB
JavaScript
|
/*
|
|||
|
Copyright (c) 2003-2012, 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'
|
|||
|
});
|
|||
|
|
|||
|
var cssStyles = [
|
|||
|
'{' ,
|
|||
|
'background: url(' + CKEDITOR.getUrl( this.path + 'images/pagebreak.gif' ) + ') no-repeat center center;' ,
|
|||
|
'clear: both;' ,
|
|||
|
'width:100%; _width:99.9%;' ,
|
|||
|
'border-top: #999999 1px dotted;' ,
|
|||
|
'border-bottom: #999999 1px dotted;' ,
|
|||
|
'padding:0;' ,
|
|||
|
'height: 5px;' ,
|
|||
|
'cursor: default;' ,
|
|||
|
'}'
|
|||
|
].join( '' ).replace(/;/g, ' !important;' ); // Increase specificity to override other styles, e.g. block outline.
|
|||
|
|
|||
|
// Add the style that renders our placeholder.
|
|||
|
editor.addCss( 'div.cke_pagebreak' + cssStyles );
|
|||
|
|
|||
|
// Opera needs help to select the page-break.
|
|||
|
CKEDITOR.env.opera && editor.on( 'contentDom', function()
|
|||
|
{
|
|||
|
editor.document.on( 'click', function( evt )
|
|||
|
{
|
|||
|
var target = evt.data.getTarget();
|
|||
|
if ( target.is( 'div' ) && target.hasClass( 'cke_pagebreak') )
|
|||
|
editor.getSelection().selectElement( target );
|
|||
|
});
|
|||
|
});
|
|||
|
},
|
|||
|
|
|||
|
afterInit : function( editor )
|
|||
|
{
|
|||
|
var label = editor.lang.pagebreakAlt;
|
|||
|
|
|||
|
// Register a filter to displaying placeholders after mode change.
|
|||
|
var dataProcessor = editor.dataProcessor,
|
|||
|
dataFilter = dataProcessor && dataProcessor.dataFilter,
|
|||
|
htmlFilter = dataProcessor && dataProcessor.htmlFilter;
|
|||
|
|
|||
|
if ( htmlFilter )
|
|||
|
{
|
|||
|
htmlFilter.addRules(
|
|||
|
{
|
|||
|
attributes : {
|
|||
|
'class' : function( value, element )
|
|||
|
{
|
|||
|
var className = value.replace( 'cke_pagebreak', '' );
|
|||
|
if ( className != value )
|
|||
|
{
|
|||
|
var span = CKEDITOR.htmlParser.fragment.fromHtml( '<span style="display: none;"> </span>' );
|
|||
|
element.children.length = 0;
|
|||
|
element.add( span );
|
|||
|
var attrs = element.attributes;
|
|||
|
delete attrs[ 'aria-label' ];
|
|||
|
delete attrs.contenteditable;
|
|||
|
delete attrs.title;
|
|||
|
}
|
|||
|
return className;
|
|||
|
}
|
|||
|
}
|
|||
|
}, 5 );
|
|||
|
}
|
|||
|
|
|||
|
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 ) )
|
|||
|
{
|
|||
|
attributes.contenteditable = "false";
|
|||
|
attributes[ 'class' ] = "cke_pagebreak";
|
|||
|
attributes[ 'data-cke-display-name' ] = "pagebreak";
|
|||
|
attributes[ 'aria-label' ] = label;
|
|||
|
attributes[ 'title' ] = label;
|
|||
|
|
|||
|
element.children.length = 0;
|
|||
|
}
|
|||
|
}
|
|||
|
}
|
|||
|
});
|
|||
|
}
|
|||
|
},
|
|||
|
|
|||
|
requires : [ 'fakeobjects' ]
|
|||
|
});
|
|||
|
|
|||
|
CKEDITOR.plugins.pagebreakCmd =
|
|||
|
{
|
|||
|
exec : function( editor )
|
|||
|
{
|
|||
|
var label = editor.lang.pagebreakAlt;
|
|||
|
|
|||
|
// Create read-only element that represents a print break.
|
|||
|
var pagebreak = CKEDITOR.dom.element.createFromHtml(
|
|||
|
'<div style="' +
|
|||
|
'page-break-after: always;"' +
|
|||
|
'contenteditable="false" ' +
|
|||
|
'title="'+ label + '" ' +
|
|||
|
'aria-label="'+ label + '" ' +
|
|||
|
'data-cke-display-name="pagebreak" ' +
|
|||
|
'class="cke_pagebreak">' +
|
|||
|
'</div>', editor.document );
|
|||
|
|
|||
|
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 )
|
|||
|
pagebreak = pagebreak.clone( true );
|
|||
|
|
|||
|
range.splitBlock( 'p' );
|
|||
|
range.insertNode( pagebreak );
|
|||
|
if ( i == ranges.length - 1 )
|
|||
|
{
|
|||
|
var next = pagebreak.getNext();
|
|||
|
range.moveToPosition( pagebreak, CKEDITOR.POSITION_AFTER_END );
|
|||
|
|
|||
|
// If there's nothing or a non-editable block followed by, establish a new paragraph
|
|||
|
// to make sure cursor is not trapped.
|
|||
|
if ( !next || next.type == CKEDITOR.NODE_ELEMENT && !next.isEditable() )
|
|||
|
range.fixBlock( true, editor.config.enterMode == CKEDITOR.ENTER_DIV ? 'div' : 'p' );
|
|||
|
|
|||
|
range.select();
|
|||
|
}
|
|||
|
}
|
|||
|
|
|||
|
editor.fire( 'saveSnapshot' );
|
|||
|
}
|
|||
|
};
|