new ckeditor
New ckeditor
This commit is contained in:
153
ckeditor/plugins/showblocks/plugin.js
Normal file
153
ckeditor/plugins/showblocks/plugin.js
Normal file
@@ -0,0 +1,153 @@
|
||||
/**
|
||||
* @license Copyright (c) 2003-2017, 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', {
|
||||
// jscs:disable maximumLineLength
|
||||
lang: 'af,ar,az,bg,bn,bs,ca,cs,cy,da,de,de-ch,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,oc,pl,pt,pt-br,ro,ru,si,sk,sl,sq,sr,sr-latn,sv,th,tr,tt,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%
|
||||
// jscs:enable maximumLineLength
|
||||
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(' + CKEDITOR.getUrl( 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