mirror of
https://github.com/Dolibarr/dolibarr.git
synced 2025-12-09 19:18:22 +01:00
New: Update ckeditor to version 4 (part 1)
This commit is contained in:
Laurent Destailleur
@@ -1,160 +1,153 @@
|
||||
/*
|
||||
Copyright (c) 2003-2012, CKSource - Frederico Knabben. All rights reserved.
|
||||
For licensing, see LICENSE.html or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/**
|
||||
* @fileOverview The "showblocks" plugin. Enable it will make all block level
|
||||
* elements being decorated with a border and the element name
|
||||
* displayed on the left-right corner.
|
||||
*/
|
||||
|
||||
(function()
|
||||
{
|
||||
var cssTemplate = '.%2 p,'+
|
||||
'.%2 div,'+
|
||||
'.%2 pre,'+
|
||||
'.%2 address,'+
|
||||
'.%2 blockquote,'+
|
||||
'.%2 h1,'+
|
||||
'.%2 h2,'+
|
||||
'.%2 h3,'+
|
||||
'.%2 h4,'+
|
||||
'.%2 h5,'+
|
||||
'.%2 h6'+
|
||||
'{'+
|
||||
'background-repeat: no-repeat;'+
|
||||
'background-position: top %3;'+
|
||||
'border: 1px dotted gray;'+
|
||||
'padding-top: 8px;'+
|
||||
'padding-%3: 8px;'+
|
||||
'}'+
|
||||
|
||||
'.%2 p'+
|
||||
'{'+
|
||||
'%1p.png);'+
|
||||
'}'+
|
||||
|
||||
'.%2 div'+
|
||||
'{'+
|
||||
'%1div.png);'+
|
||||
'}'+
|
||||
|
||||
'.%2 pre'+
|
||||
'{'+
|
||||
'%1pre.png);'+
|
||||
'}'+
|
||||
|
||||
'.%2 address'+
|
||||
'{'+
|
||||
'%1address.png);'+
|
||||
'}'+
|
||||
|
||||
'.%2 blockquote'+
|
||||
'{'+
|
||||
'%1blockquote.png);'+
|
||||
'}'+
|
||||
|
||||
'.%2 h1'+
|
||||
'{'+
|
||||
'%1h1.png);'+
|
||||
'}'+
|
||||
|
||||
'.%2 h2'+
|
||||
'{'+
|
||||
'%1h2.png);'+
|
||||
'}'+
|
||||
|
||||
'.%2 h3'+
|
||||
'{'+
|
||||
'%1h3.png);'+
|
||||
'}'+
|
||||
|
||||
'.%2 h4'+
|
||||
'{'+
|
||||
'%1h4.png);'+
|
||||
'}'+
|
||||
|
||||
'.%2 h5'+
|
||||
'{'+
|
||||
'%1h5.png);'+
|
||||
'}'+
|
||||
|
||||
'.%2 h6'+
|
||||
'{'+
|
||||
'%1h6.png);'+
|
||||
'}';
|
||||
|
||||
var cssTemplateRegex = /%1/g, cssClassRegex = /%2/g, backgroundPositionRegex = /%3/g;
|
||||
|
||||
var commandDefinition =
|
||||
{
|
||||
readOnly : 1,
|
||||
preserveState : true,
|
||||
editorFocus : false,
|
||||
|
||||
exec : function ( editor )
|
||||
{
|
||||
this.toggleState();
|
||||
this.refresh( editor );
|
||||
},
|
||||
|
||||
refresh : function( editor )
|
||||
{
|
||||
if ( editor.document )
|
||||
{
|
||||
var funcName = ( this.state == CKEDITOR.TRISTATE_ON ) ? 'addClass' : 'removeClass';
|
||||
editor.document.getBody()[ funcName ]( 'cke_show_blocks' );
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
CKEDITOR.plugins.add( 'showblocks',
|
||||
{
|
||||
requires : [ 'wysiwygarea' ],
|
||||
|
||||
init : function( editor )
|
||||
{
|
||||
var command = editor.addCommand( 'showblocks', commandDefinition );
|
||||
command.canUndo = false;
|
||||
|
||||
if ( editor.config.startupOutlineBlocks )
|
||||
command.setState( CKEDITOR.TRISTATE_ON );
|
||||
|
||||
editor.addCss( cssTemplate
|
||||
.replace( cssTemplateRegex, 'background-image: url(' + CKEDITOR.getUrl( this.path ) + 'images/block_' )
|
||||
.replace( cssClassRegex, 'cke_show_blocks ' )
|
||||
.replace( backgroundPositionRegex, editor.lang.dir == 'rtl' ? 'right' : 'left' ) );
|
||||
|
||||
editor.ui.addButton( 'ShowBlocks',
|
||||
{
|
||||
label : editor.lang.showBlocks,
|
||||
command : 'showblocks'
|
||||
});
|
||||
|
||||
// Refresh the command on setData.
|
||||
editor.on( 'mode', function()
|
||||
{
|
||||
if ( command.state != CKEDITOR.TRISTATE_DISABLED )
|
||||
command.refresh( editor );
|
||||
});
|
||||
|
||||
// Refresh the command on setData.
|
||||
editor.on( 'contentDom', function()
|
||||
{
|
||||
if ( command.state != CKEDITOR.TRISTATE_DISABLED )
|
||||
command.refresh( editor );
|
||||
});
|
||||
}
|
||||
});
|
||||
} )();
|
||||
|
||||
/**
|
||||
* Whether to automaticaly enable the "show block" command when the editor
|
||||
* loads. (StartupShowBlocks in FCKeditor)
|
||||
* @name CKEDITOR.config.startupOutlineBlocks
|
||||
* @type Boolean
|
||||
* @default false
|
||||
* @example
|
||||
* config.startupOutlineBlocks = true;
|
||||
*/
|
||||
/**
|
||||
* @license Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
|
||||
* For licensing, see LICENSE.md or http://ckeditor.com/license
|
||||
*/
|
||||
|
||||
/**
|
||||
* @fileOverview The "showblocks" plugin. Enable it will make all block level
|
||||
* elements being decorated with a border and the element name
|
||||
* displayed on the left-right corner.
|
||||
*/
|
||||
|
||||
( function() {
|
||||
'use strict';
|
||||
|
||||
var commandDefinition = {
|
||||
readOnly: 1,
|
||||
preserveState: true,
|
||||
editorFocus: false,
|
||||
|
||||
exec: function( editor ) {
|
||||
this.toggleState();
|
||||
this.refresh( editor );
|
||||
},
|
||||
|
||||
refresh: function( editor ) {
|
||||
if ( editor.document ) {
|
||||
// Show blocks turns inactive after editor loses focus when in inline.
|
||||
var showBlocks = this.state == CKEDITOR.TRISTATE_ON &&
|
||||
( editor.elementMode != CKEDITOR.ELEMENT_MODE_INLINE ||
|
||||
editor.focusManager.hasFocus );
|
||||
|
||||
var funcName = showBlocks ? 'attachClass' : 'removeClass';
|
||||
editor.editable()[ funcName ]( 'cke_show_blocks' );
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
CKEDITOR.plugins.add( 'showblocks', {
|
||||
lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,el,en,en-au,en-ca,en-gb,eo,es,et,eu,fa,fi,fo,fr,fr-ca,gl,gu,he,hi,hr,hu,id,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%
|
||||
icons: 'showblocks,showblocks-rtl', // %REMOVE_LINE_CORE%
|
||||
hidpi: true, // %REMOVE_LINE_CORE%
|
||||
onLoad: function() {
|
||||
var tags = [ 'p', 'div', 'pre', 'address', 'blockquote', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6' ],
|
||||
cssStd, cssImg, cssLtr, cssRtl,
|
||||
path = CKEDITOR.getUrl( this.path ),
|
||||
// #10884 don't apply showblocks styles to non-editable elements and chosen ones.
|
||||
// IE8 does not support :not() pseudoclass, so we need to reset showblocks rather
|
||||
// than 'prevent' its application. We do that by additional rules.
|
||||
supportsNotPseudoclass = !( CKEDITOR.env.ie && CKEDITOR.env.version < 9 ),
|
||||
notDisabled = supportsNotPseudoclass ? ':not([contenteditable=false]):not(.cke_show_blocks_off)' : '',
|
||||
tag, trailing;
|
||||
|
||||
cssStd = cssImg = cssLtr = cssRtl = '';
|
||||
|
||||
while ( ( tag = tags.pop() ) ) {
|
||||
trailing = tags.length ? ',' : '';
|
||||
|
||||
cssStd += '.cke_show_blocks ' + tag + notDisabled + trailing;
|
||||
cssLtr += '.cke_show_blocks.cke_contents_ltr ' + tag + notDisabled + trailing;
|
||||
cssRtl += '.cke_show_blocks.cke_contents_rtl ' + tag + notDisabled + trailing;
|
||||
cssImg += '.cke_show_blocks ' + tag + notDisabled + '{' +
|
||||
'background-image:url(' + path + 'images/block_' + tag + '.png)' +
|
||||
'}';
|
||||
}
|
||||
|
||||
// .cke_show_blocks p { ... }
|
||||
cssStd += '{' +
|
||||
'background-repeat:no-repeat;' +
|
||||
'border:1px dotted gray;' +
|
||||
'padding-top:8px' +
|
||||
'}';
|
||||
|
||||
// .cke_show_blocks.cke_contents_ltr p { ... }
|
||||
cssLtr += '{' +
|
||||
'background-position:top left;' +
|
||||
'padding-left:8px' +
|
||||
'}';
|
||||
|
||||
// .cke_show_blocks.cke_contents_rtl p { ... }
|
||||
cssRtl += '{' +
|
||||
'background-position:top right;' +
|
||||
'padding-right:8px' +
|
||||
'}';
|
||||
|
||||
CKEDITOR.addCss( cssStd.concat( cssImg, cssLtr, cssRtl ) );
|
||||
|
||||
// [IE8] Reset showblocks styles for non-editables and chosen elements, because
|
||||
// it could not be done using :not() pseudoclass (#10884).
|
||||
if ( !supportsNotPseudoclass ) {
|
||||
CKEDITOR.addCss(
|
||||
'.cke_show_blocks [contenteditable=false],.cke_show_blocks .cke_show_blocks_off{' +
|
||||
'border:none;' +
|
||||
'padding-top:0;' +
|
||||
'background-image:none' +
|
||||
'}' +
|
||||
'.cke_show_blocks.cke_contents_rtl [contenteditable=false],.cke_show_blocks.cke_contents_rtl .cke_show_blocks_off{' +
|
||||
'padding-right:0' +
|
||||
'}' +
|
||||
'.cke_show_blocks.cke_contents_ltr [contenteditable=false],.cke_show_blocks.cke_contents_ltr .cke_show_blocks_off{' +
|
||||
'padding-left:0' +
|
||||
'}'
|
||||
);
|
||||
}
|
||||
},
|
||||
init: function( editor ) {
|
||||
if ( editor.blockless )
|
||||
return;
|
||||
|
||||
var command = editor.addCommand( 'showblocks', commandDefinition );
|
||||
command.canUndo = false;
|
||||
|
||||
if ( editor.config.startupOutlineBlocks )
|
||||
command.setState( CKEDITOR.TRISTATE_ON );
|
||||
|
||||
editor.ui.addButton && editor.ui.addButton( 'ShowBlocks', {
|
||||
label: editor.lang.showblocks.toolbar,
|
||||
command: 'showblocks',
|
||||
toolbar: 'tools,20'
|
||||
} );
|
||||
|
||||
// Refresh the command on setData.
|
||||
editor.on( 'mode', function() {
|
||||
if ( command.state != CKEDITOR.TRISTATE_DISABLED )
|
||||
command.refresh( editor );
|
||||
} );
|
||||
|
||||
// Refresh the command on focus/blur in inline.
|
||||
if ( editor.elementMode == CKEDITOR.ELEMENT_MODE_INLINE ) {
|
||||
editor.on( 'focus', onFocusBlur );
|
||||
editor.on( 'blur', onFocusBlur );
|
||||
}
|
||||
|
||||
// Refresh the command on setData.
|
||||
editor.on( 'contentDom', function() {
|
||||
if ( command.state != CKEDITOR.TRISTATE_DISABLED )
|
||||
command.refresh( editor );
|
||||
} );
|
||||
|
||||
function onFocusBlur() {
|
||||
command.refresh( editor );
|
||||
}
|
||||
}
|
||||
} );
|
||||
} )();
|
||||
|
||||
/**
|
||||
* Whether to automaticaly enable the show block" command when the editor loads.
|
||||
*
|
||||
* config.startupOutlineBlocks = true;
|
||||
*
|
||||
* @cfg {Boolean} [startupOutlineBlocks=false]
|
||||
* @member CKEDITOR.config
|
||||
*/
|
||||
|
||||
Reference in New Issue
Block a user