123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145 |
- /**
- * @license Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
- * For licensing, see LICENSE.md or http://ckeditor.com/license
- */
- /**
- * @fileOverview Preview plugin.
- */
- ( function() {
- var pluginPath;
- var previewCmd = { modes: { wysiwyg: 1, source: 1 },
- canUndo: false,
- readOnly: 1,
- exec: function( editor ) {
- var sHTML,
- config = editor.config,
- baseTag = config.baseHref ? '<base href="' + config.baseHref + '"/>' : '',
- eventData;
- if ( config.fullPage )
- sHTML = editor.getData().replace( /<head>/, '$&' + baseTag ).replace( /[^>]*(?=<\/title>)/, '$& — ' + editor.lang.preview.preview );
- else {
- var bodyHtml = '<body ',
- body = editor.document && editor.document.getBody();
- if ( body ) {
- if ( body.getAttribute( 'id' ) )
- bodyHtml += 'id="' + body.getAttribute( 'id' ) + '" ';
- if ( body.getAttribute( 'class' ) )
- bodyHtml += 'class="' + body.getAttribute( 'class' ) + '" ';
- }
- bodyHtml += '>';
- sHTML = editor.config.docType + '<html dir="' + editor.config.contentsLangDirection + '">' +
- '<head>' +
- baseTag +
- '<title>' + editor.lang.preview.preview + '</title>' +
- CKEDITOR.tools.buildStyleHtml( editor.config.contentsCss ) +
- '</head>' + bodyHtml +
- editor.getData() +
- '</body></html>';
- }
- var iWidth = 640,
- // 800 * 0.8,
- iHeight = 420,
- // 600 * 0.7,
- iLeft = 80; // (800 - 0.8 * 800) /2 = 800 * 0.1.
- try {
- var screen = window.screen;
- iWidth = Math.round( screen.width * 0.8 );
- iHeight = Math.round( screen.height * 0.7 );
- iLeft = Math.round( screen.width * 0.1 );
- } catch ( e ) {}
- // (#9907) Allow data manipulation before preview is displayed.
- // Also don't open the preview window when event cancelled.
- if ( editor.fire( 'contentPreview', eventData = { dataValue: sHTML } ) === false )
- return false;
- var sOpenUrl = '',
- ieLocation;
- if ( CKEDITOR.env.ie ) {
- window._cke_htmlToLoad = eventData.dataValue;
- ieLocation = 'javascript:void( (function(){' + // jshint ignore:line
- 'document.open();' +
- // Support for custom document.domain.
- // Strip comments and replace parent with window.opener in the function body.
- ( '(' + CKEDITOR.tools.fixDomain + ')();' ).replace( /\/\/.*?\n/g, '' ).replace( /parent\./g, 'window.opener.' ) +
- 'document.write( window.opener._cke_htmlToLoad );' +
- 'document.close();' +
- 'window.opener._cke_htmlToLoad = null;' +
- '})() )';
- // For IE we should use window.location rather than setting url in window.open. (#11146)
- sOpenUrl = '';
- }
- // With Firefox only, we need to open a special preview page, so
- // anchors will work properly on it. (#9047)
- if ( CKEDITOR.env.gecko ) {
- window._cke_htmlToLoad = eventData.dataValue;
- sOpenUrl = CKEDITOR.getUrl( pluginPath + 'preview.html' );
- }
- var oWindow = window.open( sOpenUrl, null, 'toolbar=yes,location=no,status=yes,menubar=yes,scrollbars=yes,resizable=yes,width=' +
- iWidth + ',height=' + iHeight + ',left=' + iLeft );
- // For IE we want to assign whole js stored in ieLocation, but in case of
- // popup blocker activation oWindow variable will be null. (#11597)
- if ( CKEDITOR.env.ie && oWindow )
- oWindow.location = ieLocation;
- if ( !CKEDITOR.env.ie && !CKEDITOR.env.gecko ) {
- var doc = oWindow.document;
- doc.open();
- doc.write( eventData.dataValue );
- doc.close();
- }
- return true;
- }
- };
- var pluginName = 'preview';
- // Register a plugin named "preview".
- CKEDITOR.plugins.add( pluginName, {
- // jscs:disable maximumLineLength
- 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,tt,ug,uk,vi,zh,zh-cn', // %REMOVE_LINE_CORE%
- // jscs:enable maximumLineLength
- icons: 'preview,preview-rtl', // %REMOVE_LINE_CORE%
- hidpi: true, // %REMOVE_LINE_CORE%
- init: function( editor ) {
- // Preview is not used for the inline creator.
- if ( editor.elementMode == CKEDITOR.ELEMENT_MODE_INLINE )
- return;
- pluginPath = this.path;
- editor.addCommand( pluginName, previewCmd );
- editor.ui.addButton && editor.ui.addButton( 'Preview', {
- label: editor.lang.preview.preview,
- command: pluginName,
- toolbar: 'document,40'
- } );
- }
- } );
- } )();
- /**
- * Event fired when executing `preview` command, which allows additional data manipulation.
- * With this event, the raw HTML content of the preview window to be displayed can be altered
- * or modified.
- *
- * @event contentPreview
- * @member CKEDITOR
- * @param {CKEDITOR.editor} editor This editor instance.
- * @param data
- * @param {String} data.dataValue The data that will go to the preview.
- */
|