D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
proc
/
thread-self
/
root
/
home
/
shubmkcj
/
designpitara.com
/
admin
/
ckeditor
/
plugins
/
wysiwygarea
/
Filename :
plugin.js
back
Copy
/** * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ /** * @fileOverview The WYSIWYG Area plugin. It registers the "wysiwyg" editing * mode, which handles the main editing area space. */ ( function() { var framedWysiwyg; CKEDITOR.plugins.add( 'wysiwygarea', { init: function( editor ) { if ( editor.config.fullPage ) { editor.addFeature( { allowedContent: 'html head title; style [media,type]; body (*)[id]; meta link [*]', requiredContent: 'body' } ); } editor.addMode( 'wysiwyg', function( callback ) { var src = 'document.open();' + // In IE, the document domain must be set any time we call document.open(). ( CKEDITOR.env.ie ? '(' + CKEDITOR.tools.fixDomain + ')();' : '' ) + 'document.close();'; // With IE, the custom domain has to be taken care at first, // for other browers, the 'src' attribute should be left empty to // trigger iframe's 'load' event. // Microsoft Edge throws "Permission Denied" if treated like an IE (https://dev.ckeditor.com/ticket/13441). if ( CKEDITOR.env.air ) { src = 'javascript:void(0)'; // jshint ignore:line } else if ( CKEDITOR.env.ie && !CKEDITOR.env.edge ) { src = 'javascript:void(function(){' + encodeURIComponent( src ) + '}())'; // jshint ignore:line } else { src = ''; } var iframe = CKEDITOR.dom.element.createFromHtml( '<iframe src="' + src + '" frameBorder="0"></iframe>' ); iframe.setStyles( { width: '100%', height: '100%' } ); iframe.addClass( 'cke_wysiwyg_frame' ).addClass( 'cke_reset' ); var contentSpace = editor.ui.space( 'contents' ); contentSpace.append( iframe ); // Asynchronous iframe loading is only required in IE>8 and Gecko (other reasons probably). // Do not use it on WebKit as it'll break the browser-back navigation. var useOnloadEvent = ( CKEDITOR.env.ie && !CKEDITOR.env.edge ) || CKEDITOR.env.gecko; if ( useOnloadEvent ) iframe.on( 'load', onLoad ); var frameLabel = editor.title, helpLabel = editor.fire( 'ariaEditorHelpLabel', {} ).label; if ( frameLabel ) { if ( CKEDITOR.env.ie && helpLabel ) frameLabel += ', ' + helpLabel; iframe.setAttribute( 'title', frameLabel ); } if ( helpLabel ) { var labelId = CKEDITOR.tools.getNextId(), desc = CKEDITOR.dom.element.createFromHtml( '<span id="' + labelId + '" class="cke_voice_label">' + helpLabel + '</span>' ); contentSpace.append( desc, 1 ); iframe.setAttribute( 'aria-describedby', labelId ); } // Remove the ARIA description. editor.on( 'beforeModeUnload', function( evt ) { evt.removeListener(); if ( desc ) desc.remove(); } ); iframe.setAttributes( { tabIndex: editor.tabIndex, allowTransparency: 'true' } ); // Execute onLoad manually for all non IE||Gecko browsers. !useOnloadEvent && onLoad(); editor.fire( 'ariaWidget', iframe ); function onLoad( evt ) { evt && evt.removeListener(); if ( editor.isDestroyed() || editor.isDetached() ) { return; } editor.editable( new framedWysiwyg( editor, iframe.$.contentWindow.document.body ) ); editor.setData( editor.getData( 1 ), callback ); } } ); } } ); /** * Adds the path to a stylesheet file to the exisiting {@link CKEDITOR.config#contentsCss} value. * * **Note:** This method is available only with the `wysiwygarea` plugin and only affects * classic editors based on it (so it does not affect inline editors). * * editor.addContentsCss( 'assets/contents.css' ); * * @since 4.4.0 * @param {String} cssPath The path to the stylesheet file which should be added. * @member CKEDITOR.editor */ CKEDITOR.editor.prototype.addContentsCss = function( cssPath ) { var cfg = this.config, curContentsCss = cfg.contentsCss; // Convert current value into array. if ( !CKEDITOR.tools.isArray( curContentsCss ) ) cfg.contentsCss = curContentsCss ? [ curContentsCss ] : []; cfg.contentsCss.push( cssPath ); }; function onDomReady( win ) { var editor = this.editor; if ( !editor || editor.isDetached() ) { return; } var doc = win.document, body = doc.body; // Remove helper scripts from the DOM. var script = doc.getElementById( 'cke_actscrpt' ); script && script.parentNode.removeChild( script ); script = doc.getElementById( 'cke_shimscrpt' ); script && script.parentNode.removeChild( script ); script = doc.getElementById( 'cke_basetagscrpt' ); script && script.parentNode.removeChild( script ); body.contentEditable = true; if ( CKEDITOR.env.ie ) { // Don't display the focus border. body.hideFocus = true; // Disable and re-enable the body to avoid IE from // taking the editing focus at startup. (https://dev.ckeditor.com/ticket/141 / https://dev.ckeditor.com/ticket/523) body.disabled = true; body.removeAttribute( 'disabled' ); } delete this._.isLoadingData; // Play the magic to alter element reference to the reloaded one. this.$ = body; doc = new CKEDITOR.dom.document( doc ); this.setup(); this.fixInitialSelection(); var editable = this; // Without it IE8 has problem with removing selection in nested editable. (https://dev.ckeditor.com/ticket/13785) if ( CKEDITOR.env.ie && !CKEDITOR.env.edge ) { doc.getDocumentElement().addClass( doc.$.compatMode ); } // Prevent IE/Edge from leaving a new paragraph/div after deleting all contents in body (https://dev.ckeditor.com/ticket/6966, https://dev.ckeditor.com/ticket/13142). if ( CKEDITOR.env.ie && !CKEDITOR.env.edge && editor.enterMode != CKEDITOR.ENTER_P ) { removeSuperfluousElement( 'p' ); } // Starting from Edge 15 additional `div` is not added to the editor. else if ( CKEDITOR.env.edge && CKEDITOR.env.version < 15 && editor.enterMode != CKEDITOR.ENTER_DIV ) { removeSuperfluousElement( 'div' ); } // Fix problem with cursor not appearing in Webkit and IE11+ when clicking below the body (https://dev.ckeditor.com/ticket/10945, https://dev.ckeditor.com/ticket/10906). // Fix for older IEs (8-10 and QM) is placed inside selection.js. if ( CKEDITOR.env.webkit || ( CKEDITOR.env.ie && CKEDITOR.env.version > 10 ) ) { doc.getDocumentElement().on( 'mousedown', function( evt ) { if ( evt.data.getTarget().is( 'html' ) ) { // IE needs this timeout. Webkit does not, but it does not cause problems too. setTimeout( function() { editor.editable().focus(); } ); } } ); } // Config props: disableObjectResizing and disableNativeTableHandles handler. objectResizeDisabler( editor ); // Enable dragging of position:absolute elements in IE. try { editor.document.$.execCommand( '2D-position', false, true ); } catch ( e ) {} if ( CKEDITOR.env.gecko || CKEDITOR.env.ie && editor.document.$.compatMode == 'CSS1Compat' ) { this.attachListener( this, 'keydown', function( evt ) { var keyCode = evt.data.getKeystroke(); // PageUp OR PageDown if ( keyCode == 33 || keyCode == 34 ) { // PageUp/PageDown scrolling is broken in document // with standard doctype, manually fix it. (https://dev.ckeditor.com/ticket/4736) if ( CKEDITOR.env.ie ) { setTimeout( function() { editor.getSelection().scrollIntoView(); }, 0 ); } // Page up/down cause editor selection to leak // outside of editable thus we try to intercept // the behavior, while it affects only happen // when editor contents are not overflowed. (https://dev.ckeditor.com/ticket/7955) else if ( editor.window.$.innerHeight > this.$.offsetHeight ) { var range = editor.createRange(); range[ keyCode == 33 ? 'moveToElementEditStart' : 'moveToElementEditEnd' ]( this ); range.select(); evt.data.preventDefault(); } } } ); } if ( CKEDITOR.env.ie ) { // [IE] Iframe will still keep the selection when blurred, if // focus is moved onto a non-editing host, e.g. link or button, but // it becomes a problem for the object type selection, since the resizer // handler attached on it will mark other part of the UI, especially // for the dialog. (https://dev.ckeditor.com/ticket/8157) // [IE<8 & Opera] Even worse For old IEs, the cursor will not vanish even if // the selection has been moved to another text input in some cases. (https://dev.ckeditor.com/ticket/4716) // // Now the range restore is disabled, so we simply force IE to clean // up the selection before blur. this.attachListener( doc, 'blur', function() { // Error proof when the editor is not visible. (https://dev.ckeditor.com/ticket/6375) try { doc.$.selection.empty(); } catch ( er ) {} } ); } if ( CKEDITOR.env.iOS ) { // [iOS] If touch is bound to any parent of the iframe blur happens on any touch // event and body becomes the focused element (https://dev.ckeditor.com/ticket/10714). this.attachListener( doc, 'touchend', function() { win.focus(); } ); } var title = editor.document.getElementsByTag( 'title' ).getItem( 0 ); // document.title is malfunctioning on Chrome, so get value from the element (https://dev.ckeditor.com/ticket/12402). title.data( 'cke-title', title.getText() ); // [IE] JAWS will not recognize the aria label we used on the iframe // unless the frame window title string is used as the voice label, // backup the original one and restore it on output. if ( CKEDITOR.env.ie ) editor.document.$.title = this._.docTitle; CKEDITOR.tools.setTimeout( function() { // Editable is ready after first setData. if ( this.status == 'unloaded' ) this.status = 'ready'; editor.fire( 'contentDom' ); if ( this._.isPendingFocus ) { editor.focus(); this._.isPendingFocus = false; } setTimeout( function() { editor.fire( 'dataReady' ); }, 0 ); }, 0, this ); function removeSuperfluousElement( tagName ) { var lockRetain = false; // Superfluous elements appear after keydown // and before keyup, so the procedure is as follows: // 1. On first keydown mark all elements with // a specified tag name as non-superfluous. editable.attachListener( editable, 'keydown', function() { var body = doc.getBody(), retained = body.getElementsByTag( tagName ); if ( !lockRetain ) { for ( var i = 0; i < retained.count(); i++ ) { retained.getItem( i ).setCustomData( 'retain', true ); } lockRetain = true; } }, null, null, 1 ); // 2. On keyup remove all elements that were not marked // as non-superfluous (which means they must have had appeared in the meantime). // Also we should preserve all temporary elements inserted by editor – otherwise we'd likely // leak fake selection's content into editable due to removing hidden selection container (https://dev.ckeditor.com/ticket/14831). editable.attachListener( editable, 'keyup', function() { var elements = doc.getElementsByTag( tagName ); if ( lockRetain ) { if ( elements.count() == 1 && !elements.getItem( 0 ).getCustomData( 'retain' ) && CKEDITOR.tools.isEmpty( elements.getItem( 0 ).getAttributes() ) ) { elements.getItem( 0 ).remove( 1 ); } lockRetain = false; } } ); } } framedWysiwyg = CKEDITOR.tools.createClass( { $: function() { this.base.apply( this, arguments ); this._.frameLoadedHandler = CKEDITOR.tools.addFunction( function( win ) { // Avoid opening design mode in a frame window thread, // which will cause host page scrolling.(https://dev.ckeditor.com/ticket/4397) CKEDITOR.tools.setTimeout( onDomReady, 0, this, win ); }, this ); this._.docTitle = this.getWindow().getFrame().getAttribute( 'title' ); }, base: CKEDITOR.editable, proto: { setData: function( data, isSnapshot ) { var editor = this.editor; if ( isSnapshot ) { this.setHtml( data ); this.fixInitialSelection(); // Fire dataReady for the consistency with inline editors // and because it makes sense. (https://dev.ckeditor.com/ticket/10370) editor.fire( 'dataReady' ); } else { this._.isLoadingData = true; editor._.dataStore = { id: 1 }; var config = editor.config, fullPage = config.fullPage, docType = config.docType; // Build the additional stuff to be included into <head>. var headExtra = CKEDITOR.tools.buildStyleHtml( iframeCssFixes() ).replace( /<style>/, '<style data-cke-temp="1">' ); if ( !fullPage ) headExtra += CKEDITOR.tools.buildStyleHtml( editor.config.contentsCss ); var baseTag = config.baseHref ? '<base href="' + config.baseHref + '" data-cke-temp="1" />' : ''; if ( fullPage ) { // Search and sweep out the doctype declaration. data = data.replace( /<!DOCTYPE[^>]*>/i, function( match ) { editor.docType = docType = match; return ''; } ).replace( /<\?xml\s[^\?]*\?>/i, function( match ) { editor.xmlDeclaration = match; return ''; } ); } // Get the HTML version of the data. data = editor.dataProcessor.toHtml( data ); if ( fullPage ) { // Check if the <body> tag is available. if ( !( /<body[\s|>]/ ).test( data ) ) data = '<body>' + data; // Check if the <html> tag is available. if ( !( /<html[\s|>]/ ).test( data ) ) data = '<html>' + data + '</html>'; // Check if the <head> tag is available. if ( !( /<head[\s|>]/ ).test( data ) ) data = data.replace( /<html[^>]*>/, '$&<head><title></title></head>' ); else if ( !( /<title[\s|>]/ ).test( data ) ) data = data.replace( /<head[^>]*>/, '$&<title></title>' ); // The base must be the first tag in the HEAD, e.g. to get relative // links on styles. baseTag && ( data = data.replace( /<head[^>]*?>/, '$&' + baseTag ) ); // Inject the extra stuff into <head>. // Attention: do not change it before testing it well. (V2) // This is tricky... if the head ends with <meta ... content type>, // Firefox will break. But, it works if we place our extra stuff as // the last elements in the HEAD. data = data.replace( /<\/head\s*>/, headExtra + '$&' ); // Add the DOCTYPE back to it. data = docType + data; } else { data = config.docType + '<html dir="' + config.contentsLangDirection + '"' + ' lang="' + ( config.contentsLanguage || editor.langCode ) + '">' + '<head>' + '<title>' + this._.docTitle + '</title>' + baseTag + headExtra + '</head>' + '<body' + ( config.bodyId ? ' id="' + config.bodyId + '"' : '' ) + ( config.bodyClass ? ' class="' + config.bodyClass + '"' : '' ) + '>' + data + '</body>' + '</html>'; } if ( CKEDITOR.env.gecko ) { // Hack to make Fx put cursor at the start of doc on fresh focus. data = data.replace( /<body/, '<body contenteditable="true" ' ); // Another hack which is used by onDomReady to remove a leading // <br> which is inserted by Firefox 3.6 when document.write is called. // This additional <br> is present because of contenteditable="true" if ( CKEDITOR.env.version < 20000 ) data = data.replace( /<body[^>]*>/, '$&<!-- cke-content-start -->' ); } // The script that launches the bootstrap logic on 'domReady', so the document // is fully editable even before the editing iframe is fully loaded (https://dev.ckeditor.com/ticket/4455). var bootstrapCode = '<script id="cke_actscrpt" type="text/javascript"' + ( CKEDITOR.env.ie ? ' defer="defer" ' : '' ) + '>' + 'var wasLoaded=0;' + // It must be always set to 0 as it remains as a window property. 'function onload(){' + 'if(!wasLoaded)' + // FF3.6 calls onload twice when editor.setData. Stop that. 'window.parent.CKEDITOR.tools.callFunction(' + this._.frameLoadedHandler + ',window);' + 'wasLoaded=1;' + '}' + ( CKEDITOR.env.ie ? 'onload();' : 'document.addEventListener("DOMContentLoaded", onload, false );' ) + '</script>'; // For IE<9 add support for HTML5's elements. // Note: this code must not be deferred. if ( CKEDITOR.env.ie && CKEDITOR.env.version < 9 ) { bootstrapCode += '<script id="cke_shimscrpt">' + 'window.parent.CKEDITOR.tools.enableHtml5Elements(document)' + '</script>'; } // IE<10 needs this hack to properly enable <base href="...">. // See: http://stackoverflow.com/a/13373180/1485219 (https://dev.ckeditor.com/ticket/11910). if ( baseTag && CKEDITOR.env.ie && CKEDITOR.env.version < 10 ) { bootstrapCode += '<script id="cke_basetagscrpt">' + 'var baseTag = document.querySelector( "base" );' + 'baseTag.href = baseTag.href;' + '</script>'; } data = data.replace( /(?=\s*<\/(:?head)>)/, bootstrapCode ); // Current DOM will be deconstructed by document.write, cleanup required. this.clearCustomData(); this.clearListeners(); editor.fire( 'contentDomUnload' ); var doc = this.getDocument(); // Work around Firefox bug - error prune when called from XUL (https://dev.ckeditor.com/ticket/320), // defer it thanks to the async nature of this method. try { doc.write( data ); } catch ( e ) { setTimeout( function() { doc.write( data ); }, 0 ); } } }, getData: function( isSnapshot ) { if ( isSnapshot ) return this.getHtml(); else { var editor = this.editor, config = editor.config, fullPage = config.fullPage, docType = fullPage && editor.docType, xmlDeclaration = fullPage && editor.xmlDeclaration, doc = this.getDocument(); var data = fullPage ? doc.getDocumentElement().getOuterHtml() : doc.getBody().getHtml(); // BR at the end of document is bogus node for Mozilla. (https://dev.ckeditor.com/ticket/5293). // Prevent BRs from disappearing from the end of the content // while enterMode is ENTER_BR (https://dev.ckeditor.com/ticket/10146). if ( CKEDITOR.env.gecko && config.enterMode != CKEDITOR.ENTER_BR ) data = data.replace( /<br>(?=\s*(:?$|<\/body>))/, '' ); data = editor.dataProcessor.toDataFormat( data ); if ( xmlDeclaration ) data = xmlDeclaration + '\n' + data; if ( docType ) data = docType + '\n' + data; return data; } }, focus: function() { if ( this._.isLoadingData ) this._.isPendingFocus = true; else framedWysiwyg.baseProto.focus.call( this ); }, detach: function() { var editor = this.editor, doc = editor.document, iframe = editor.container.findOne( 'iframe.cke_wysiwyg_frame' ), onResize; framedWysiwyg.baseProto.detach.call( this ); // Memory leak proof. this.clearCustomData( this._.expandoNumber ); doc.getDocumentElement().clearCustomData(); CKEDITOR.tools.removeFunction( this._.frameLoadedHandler ); // On IE, iframe is returned even after remove() method is called on it. // Checking if parent is present fixes this issue. (https://dev.ckeditor.com/ticket/13850) if ( iframe ) { iframe.clearCustomData(); onResize = iframe.removeCustomData( 'onResize' ); onResize && onResize.removeListener(); // IE BUG: When destroying editor DOM with the selection remains inside // editing area would break IE7/8's selection system, we have to put the editing // iframe offline first. (https://dev.ckeditor.com/ticket/3812 and https://dev.ckeditor.com/ticket/5441) if ( !iframe.isDetached() ) { iframe.remove(); } } } } } ); function objectResizeDisabler( editor ) { if ( CKEDITOR.env.gecko ) { // FF allows to change resizing preferences by calling execCommand. try { var doc = editor.document.$; doc.execCommand( 'enableObjectResizing', false, !editor.config.disableObjectResizing ); doc.execCommand( 'enableInlineTableEditing', false, !editor.config.disableNativeTableHandles ); } catch ( e ) {} } else if ( CKEDITOR.env.ie && CKEDITOR.env.version < 11 && editor.config.disableObjectResizing ) { // It's possible to prevent resizing up to IE10. blockResizeStart( editor ); } // Disables resizing by preventing default action on resizestart event. function blockResizeStart() { var lastListeningElement; // We'll attach only one listener at a time, instead of adding it to every img, input, hr etc. // Listener will be attached upon selectionChange, we'll also check if there was any element that // got listener before (lastListeningElement) - if so we need to remove previous listener. editor.editable().attachListener( editor, 'selectionChange', function() { var selectedElement = editor.getSelection().getSelectedElement(); if ( selectedElement ) { if ( lastListeningElement ) { lastListeningElement.detachEvent( 'onresizestart', resizeStartListener ); lastListeningElement = null; } // IE requires using attachEvent, because it does not work using W3C compilant addEventListener, // tested with IE10. selectedElement.$.attachEvent( 'onresizestart', resizeStartListener ); lastListeningElement = selectedElement.$; } } ); } function resizeStartListener( evt ) { evt.returnValue = false; } } function iframeCssFixes() { var css = []; // IE>=8 stricts mode doesn't have 'contentEditable' in effect // on element unless it has layout. (https://dev.ckeditor.com/ticket/5562) if ( CKEDITOR.document.$.documentMode >= 8 ) { css.push( 'html.CSS1Compat [contenteditable=false]{min-height:0 !important}' ); var selectors = []; for ( var tag in CKEDITOR.dtd.$removeEmpty ) selectors.push( 'html.CSS1Compat ' + tag + '[contenteditable=false]' ); css.push( selectors.join( ',' ) + '{display:inline-block}' ); } // Set the HTML style to 100% to have the text cursor in affect (https://dev.ckeditor.com/ticket/6341) else if ( CKEDITOR.env.gecko ) { css.push( 'html{height:100% !important}' ); css.push( 'img:-moz-broken{-moz-force-broken-image-icon:1;min-width:24px;min-height:24px}' ); } // https://dev.ckeditor.com/ticket/6341: The text cursor must be set on the editor area. // https://dev.ckeditor.com/ticket/6632: Avoid having "text" shape of cursor in IE7 scrollbars. css.push( 'html{cursor:text;*cursor:auto}' ); // Use correct cursor for these elements css.push( 'img,input,textarea{cursor:default}' ); return css.join( '\n' ); } } )(); /** * Disables the ability to resize objects (images and tables) in the editing area. * * config.disableObjectResizing = true; * * **Note:** Because of incomplete implementation of editing features in browsers * this option does not work for inline editors (see ticket [#10197](https://dev.ckeditor.com/ticket/10197)), * does not work in Internet Explorer 11+ (see [#9317](https://dev.ckeditor.com/ticket/9317#comment:16) and * [IE11+ issue](https://connect.microsoft.com/IE/feedback/details/742593/please-respect-execcommand-enableobjectresizing-in-contenteditable-elements)). * In Internet Explorer 8-10 this option only blocks resizing, but it is unable to hide the resize handles. * * @cfg * @member CKEDITOR.config */ CKEDITOR.config.disableObjectResizing = false; /** * Disables the "table tools" offered natively by the browser (currently * Firefox only) to perform quick table editing operations, like adding or * deleting rows and columns. * * config.disableNativeTableHandles = false; * * @cfg * @member CKEDITOR.config */ CKEDITOR.config.disableNativeTableHandles = true; /** * Disables the built-in spell checker if the browser provides one. * * **Note:** Although word suggestions provided natively by the browsers will * not appear in CKEditor's default context menu, * users can always reach the native context menu by holding the * *Ctrl* key when right-clicking if {@link #browserContextMenuOnCtrl} * is enabled or you are simply not using the * [context menu](https://ckeditor.com/cke4/addon/contextmenu) plugin. * * config.disableNativeSpellChecker = false; * * @cfg * @member CKEDITOR.config */ CKEDITOR.config.disableNativeSpellChecker = true; /** * Language code of the writing language which is used to author the editor * content. This option accepts one single entry value in the format defined in the * [Tags for Identifying Languages (BCP47)](http://www.ietf.org/rfc/bcp/bcp47.txt) * IETF document and is used in the `lang` attribute. * * config.contentsLanguage = 'fr'; * * @cfg {String} [contentsLanguage=same value with editor's UI language] * @member CKEDITOR.config */ /** * The base href URL used to resolve relative and absolute URLs in the * editor content. * * config.baseHref = 'http://www.example.com/path/'; * * @cfg {String} [baseHref=''] * @member CKEDITOR.config */ /** * Whether to automatically create wrapping blocks around inline content inside the document body. * This helps to ensure the integrity of the block *Enter* mode. * * **Note:** This option is deprecated. Changing the default value might introduce unpredictable usability issues and is * highly unrecommended. * * config.autoParagraph = false; * * @deprecated * @since 3.6.0 * @cfg {Boolean} [autoParagraph=true] * @member CKEDITOR.config */ /** * Fired when some elements are added to the document. * * @event ariaWidget * @member CKEDITOR.editor * @param {CKEDITOR.editor} editor This editor instance. * @param {CKEDITOR.dom.element} data The element being added. */