176 lines
5.5 KiB
JavaScript
176 lines
5.5 KiB
JavaScript
/*
|
|
Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
|
|
For licensing, see LICENSE.html or http://ckeditor.com/license
|
|
*/
|
|
|
|
/**
|
|
* @file Plugin for inserting Drupal teaser and page breaks.
|
|
*/
|
|
( function() {
|
|
var pluginRequires = [ 'fakeobjects' ];
|
|
if (Drupal.ckeditor_ver == 3) {
|
|
pluginRequires = [ 'fakeobjects', 'htmldataprocessor' ];
|
|
}
|
|
|
|
CKEDITOR.plugins.add( 'drupalbreaks',
|
|
{
|
|
requires : pluginRequires,
|
|
|
|
init : function( editor )
|
|
{
|
|
var addCssObj = CKEDITOR;
|
|
|
|
if (Drupal.ckeditor_ver == 3) {
|
|
addCssObj = editor;
|
|
}
|
|
// Add the styles that renders our fake objects.
|
|
addCssObj.addCss(
|
|
'img.cke_drupal_pagebreak,img.cke_drupal_break' +
|
|
'{' +
|
|
'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%;' +
|
|
'border-top: #999999 1px dotted;' +
|
|
'border-bottom: #999999 1px dotted;' +
|
|
'height: 5px;' +
|
|
'}' +
|
|
'img.cke_drupal_break' +
|
|
'{' +
|
|
'border-top: #FF0000 1px dotted;' +
|
|
'border-bottom: #FF0000 1px dotted;' +
|
|
'}'
|
|
);
|
|
|
|
// Register the toolbar buttons.
|
|
editor.ui.addButton( 'DrupalBreak',
|
|
{
|
|
label : Drupal.t('Insert Teaser Break'),
|
|
icon : this.path + 'images/drupalbreak.png',
|
|
command : 'drupalbreak'
|
|
});
|
|
|
|
editor.addCommand( 'drupalbreak',
|
|
{
|
|
exec : function()
|
|
{
|
|
// There should be only one <!--break--> in document. So, look
|
|
// for an image with class "cke_drupal_break" (the fake element).
|
|
var images = editor.document.getElementsByTag( 'img' );
|
|
for ( var i = 0, len = images.count() ; i < len ; i++ )
|
|
{
|
|
var img = images.getItem( i );
|
|
if ( img.hasClass( 'cke_drupal_break' ) )
|
|
{
|
|
if ( confirm( Drupal.t( 'The document already contains a teaser break. Do you want to proceed by removing it first?' ) ) )
|
|
{
|
|
img.remove();
|
|
break;
|
|
}
|
|
else
|
|
return;
|
|
}
|
|
}
|
|
|
|
insertComment( 'break' );
|
|
}
|
|
} );
|
|
|
|
editor.ui.addButton( 'DrupalPageBreak',
|
|
{
|
|
label : Drupal.t( 'Insert Page Break' ),
|
|
icon : this.path + 'images/drupalpagebreak.png',
|
|
command : 'drupalpagebreak'
|
|
});
|
|
|
|
editor.addCommand( 'drupalpagebreak',
|
|
{
|
|
exec : function()
|
|
{
|
|
insertComment( 'pagebreak' );
|
|
}
|
|
} );
|
|
|
|
// This function effectively inserts the comment into the editor.
|
|
function insertComment( text )
|
|
{
|
|
// Create the fake element that will be inserted into the document.
|
|
// The trick is declaring it as an <hr>, so it will behave like a
|
|
// block element (and in effect it behaves much like an <hr>).
|
|
if ( !CKEDITOR.dom.comment.prototype.getAttribute ) {
|
|
CKEDITOR.dom.comment.prototype.getAttribute = function() {
|
|
return '';
|
|
};
|
|
CKEDITOR.dom.comment.prototype.attributes = {
|
|
align : ''
|
|
};
|
|
}
|
|
var fakeElement = editor.createFakeElement( new CKEDITOR.dom.comment( text ), 'cke_drupal_' + text, 'hr' );
|
|
|
|
// This is the trick part. We can't use editor.insertElement()
|
|
// because we need to put the comment directly at <body> level.
|
|
// We need to do range manipulation for that.
|
|
|
|
// Get a DOM range from the current selection.
|
|
var range = editor.getSelection().getRanges()[0],
|
|
elementsPath = new CKEDITOR.dom.elementPath( range.getCommonAncestor( true ) ),
|
|
element = ( elementsPath.block && elementsPath.block.getParent() ) || elementsPath.blockLimit,
|
|
hasMoved;
|
|
|
|
// If we're not in <body> go moving the position to after the
|
|
// elements until reaching it. This may happen when inside tables,
|
|
// lists, blockquotes, etc.
|
|
while ( element && element.getName() != 'body' )
|
|
{
|
|
range.moveToPosition( element, CKEDITOR.POSITION_AFTER_END );
|
|
hasMoved = 1;
|
|
element = element.getParent();
|
|
}
|
|
|
|
// Split the current block.
|
|
if ( !hasMoved )
|
|
range.splitBlock( 'p' );
|
|
|
|
// Insert the fake element into the document.
|
|
range.insertNode( fakeElement );
|
|
|
|
// Now, we move the selection to the best possible place following
|
|
// our fake element.
|
|
var next = fakeElement;
|
|
while ( ( next = next.getNext() ) && !range.moveToElementEditStart( next ) )
|
|
{}
|
|
|
|
range.select();
|
|
}
|
|
},
|
|
|
|
afterInit : function( editor )
|
|
{
|
|
// Adds the comment processing rules to the data filter, so comments
|
|
// are replaced by fake elements.
|
|
editor.dataProcessor.dataFilter.addRules(
|
|
{
|
|
comment : function( value )
|
|
{
|
|
if ( !CKEDITOR.htmlParser.comment.prototype.getAttribute ) {
|
|
CKEDITOR.htmlParser.comment.prototype.getAttribute = function() {
|
|
return '';
|
|
};
|
|
CKEDITOR.htmlParser.comment.prototype.attributes = {
|
|
align : ''
|
|
};
|
|
}
|
|
|
|
if ( value == 'break' || value == 'pagebreak' )
|
|
return editor.createFakeParserElement( new CKEDITOR.htmlParser.comment( value ), 'cke_drupal_' + value, 'hr' );
|
|
|
|
return value;
|
|
}
|
|
});
|
|
}
|
|
});
|
|
} )();
|