odoo/addons/website/static/lib/ckeditor/plugins/autogrow/plugin.js

188 lines
5.8 KiB
JavaScript

/**
* @license Copyright (c) 2003-2013, CKSource - Frederico Knabben. All rights reserved.
* For licensing, see LICENSE.md or http://ckeditor.com/license
*/
/**
* @fileOverview AutoGrow plugin.
*/
(function() {
// Actual content height, figured out by appending check the last element's document position.
function contentHeight( scrollable ) {
var overflowY = scrollable.getStyle( 'overflow-y' );
var doc = scrollable.getDocument();
// Create a temporary marker element.
var marker = CKEDITOR.dom.element.createFromHtml( '<span style="margin:0;padding:0;border:0;clear:both;width:1px;height:1px;display:block;">' + ( CKEDITOR.env.webkit ? '&nbsp;' : '' ) + '</span>', doc );
doc[ CKEDITOR.env.ie ? 'getBody' : 'getDocumentElement' ]().append( marker );
var height = marker.getDocumentPosition( doc ).y + marker.$.offsetHeight;
marker.remove();
scrollable.setStyle( 'overflow-y', overflowY );
return height;
}
function getScrollable( editor ) {
var doc = editor.document,
body = doc.getBody(),
htmlElement = doc.getDocumentElement();
// Quirks mode overflows body, standards overflows document element
return doc.$.compatMode == 'BackCompat' ? body : htmlElement;
}
// @param editor
// @param {Number} lastHeight The last height set by autogrow.
// @returns {Number} New height if has been changed, or the passed `lastHeight`.
var resizeEditor = function( editor, lastHeight ) {
if ( !editor.window )
return null;
var maximize = editor.getCommand( 'maximize' );
// Disable autogrow when the editor is maximized .(#6339)
if( maximize && maximize.state == CKEDITOR.TRISTATE_ON )
return null;
var scrollable = getScrollable( editor ),
currentHeight = editor.window.getViewPaneSize().height,
newHeight = contentHeight( scrollable );
// Additional space specified by user.
newHeight += ( editor.config.autoGrow_bottomSpace || 0 );
var min = editor.config.autoGrow_minHeight != undefined ? editor.config.autoGrow_minHeight : 200,
max = editor.config.autoGrow_maxHeight || Infinity;
newHeight = Math.max( newHeight, min );
newHeight = Math.min( newHeight, max );
// #10196 Do not resize editor if new height is equal
// to the one set by previous resizeEditor() call.
if ( newHeight != currentHeight && lastHeight != newHeight ) {
newHeight = editor.fire( 'autoGrow', { currentHeight: currentHeight, newHeight: newHeight } ).newHeight;
editor.resize( editor.container.getStyle( 'width' ), newHeight, true );
lastHeight = newHeight;
}
if ( scrollable.$.scrollHeight > scrollable.$.clientHeight && newHeight < max )
scrollable.setStyle( 'overflow-y', 'hidden' );
else
scrollable.removeStyle( 'overflow-y' );
return lastHeight;
};
CKEDITOR.plugins.add( 'autogrow', {
init: function( editor ) {
// This feature is available only for themed ui instance.
if ( editor.elementMode == CKEDITOR.ELEMENT_MODE_INLINE )
return;
editor.on( 'instanceReady', function() {
var editable = editor.editable(),
lastHeight;
// Simply set auto height with div wysiwyg.
if ( editable.isInline() )
editor.ui.space( 'contents' ).setStyle( 'height', 'auto' );
// For framed wysiwyg we need to resize the editor.
else
{
editor.addCommand( 'autogrow', {
exec: function( editor ) {
lastHeight = resizeEditor( editor, lastHeight );
},
modes:{ wysiwyg:1 },
readOnly: 1,
canUndo: false,
editorFocus: false
} );
var eventsList = { contentDom:1,key:1,selectionChange:1,insertElement:1,mode:1 };
for ( var eventName in eventsList ) {
editor.on( eventName, function( evt ) {
// Some time is required for insertHtml, and it gives other events better performance as well.
if ( evt.editor.mode == 'wysiwyg' ) {
setTimeout( function() {
lastHeight = resizeEditor( evt.editor, lastHeight );
// Second pass to make correction upon
// the first resize, e.g. scrollbar.
lastHeight = resizeEditor( evt.editor, lastHeight );
}, 100 );
}
});
}
// Coordinate with the "maximize" plugin. (#9311)
editor.on( 'afterCommandExec', function( evt ) {
if ( evt.data.name == 'maximize' && evt.editor.mode == 'wysiwyg' ) {
if ( evt.data.command.state == CKEDITOR.TRISTATE_ON ) {
var scrollable = getScrollable( editor );
scrollable.removeStyle( 'overflow' );
}
else
lastHeight = resizeEditor( editor, lastHeight );
}
});
editor.config.autoGrow_onStartup && editor.execCommand( 'autogrow' );
}
});
}
});
})();
/**
* The minimum height that the editor can reach using the AutoGrow feature.
*
* config.autoGrow_minHeight = 300;
*
* @since 3.4
* @cfg {Number} [autoGrow_minHeight=200]
* @member CKEDITOR.config
*/
/**
* The maximum height that the editor can reach using the AutoGrow feature. Zero means unlimited.
*
* config.autoGrow_maxHeight = 400;
*
* @since 3.4
* @cfg {Number} [autoGrow_maxHeight=0]
* @member CKEDITOR.config
*/
/**
* Whether to have the auto grow happen on editor creation.
*
* config.autoGrow_onStartup = true;
*
* @since 3.6.2
* @cfg {Boolean} [autoGrow_onStartup=false]
* @member CKEDITOR.config
*/
/**
* Extra height in pixel to leave between the bottom boundary of content with document size when auto resizing.
*
* @since 3.6.2
* @cfg {Number} [autoGrow_bottomSpace=0]
* @member CKEDITOR.config
*/
/**
* Fired when the AutoGrow plugin is about to change the size of the editor.
*
* @event autogrow
* @member CKEDITOR.editor
* @param {CKEDITOR.editor} editor This editor instance.
* @param data
* @param {Number} data.currentHeight The current height of the editor (before resizing).
* @param {Number} data.newHeight The new height of the editor (after resizing). It can be changed
* to determine a different height value to be used instead.
*/