360 lines
		
	
	
		
			9.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
			
		
		
	
	
			360 lines
		
	
	
		
			9.9 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
/**
 | 
						|
 * @license Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
 | 
						|
 * For licensing, see LICENSE.md or http://ckeditor.com/license
 | 
						|
 */
 | 
						|
 | 
						|
CKEDITOR.plugins.add( 'htmlwriter', {
 | 
						|
	init: function( editor ) {
 | 
						|
		var writer = new CKEDITOR.htmlWriter();
 | 
						|
 | 
						|
		writer.forceSimpleAmpersand = editor.config.forceSimpleAmpersand;
 | 
						|
		writer.indentationChars = editor.config.dataIndentationChars || '\t';
 | 
						|
 | 
						|
		// Overwrite default basicWriter initialized in hmtlDataProcessor constructor.
 | 
						|
		editor.dataProcessor.writer = writer;
 | 
						|
	}
 | 
						|
} );
 | 
						|
 | 
						|
/**
 | 
						|
 * Class used to write HTML data.
 | 
						|
 *
 | 
						|
 *		var writer = new CKEDITOR.htmlWriter();
 | 
						|
 *		writer.openTag( 'p' );
 | 
						|
 *		writer.attribute( 'class', 'MyClass' );
 | 
						|
 *		writer.openTagClose( 'p' );
 | 
						|
 *		writer.text( 'Hello' );
 | 
						|
 *		writer.closeTag( 'p' );
 | 
						|
 *		alert( writer.getHtml() ); // '<p class="MyClass">Hello</p>'
 | 
						|
 *
 | 
						|
 * @class
 | 
						|
 * @extends CKEDITOR.htmlParser.basicWriter
 | 
						|
 */
 | 
						|
CKEDITOR.htmlWriter = CKEDITOR.tools.createClass( {
 | 
						|
	base: CKEDITOR.htmlParser.basicWriter,
 | 
						|
 | 
						|
	/**
 | 
						|
	 * Creates a htmlWriter class instance.
 | 
						|
	 *
 | 
						|
	 * @constructor
 | 
						|
	 */
 | 
						|
	$: function() {
 | 
						|
		// Call the base contructor.
 | 
						|
		this.base();
 | 
						|
 | 
						|
		/**
 | 
						|
		 * The characters to be used for each identation step.
 | 
						|
		 *
 | 
						|
		 *		// Use tab for indentation.
 | 
						|
		 *		editorInstance.dataProcessor.writer.indentationChars = '\t';
 | 
						|
		 */
 | 
						|
		this.indentationChars = '\t';
 | 
						|
 | 
						|
		/**
 | 
						|
		 * The characters to be used to close "self-closing" elements, like `<br>` or `<img>`.
 | 
						|
		 *
 | 
						|
		 *		// Use HTML4 notation for self-closing elements.
 | 
						|
		 *		editorInstance.dataProcessor.writer.selfClosingEnd = '>';
 | 
						|
		 */
 | 
						|
		this.selfClosingEnd = ' />';
 | 
						|
 | 
						|
		/**
 | 
						|
		 * The characters to be used for line breaks.
 | 
						|
		 *
 | 
						|
		 *		// Use CRLF for line breaks.
 | 
						|
		 *		editorInstance.dataProcessor.writer.lineBreakChars = '\r\n';
 | 
						|
		 */
 | 
						|
		this.lineBreakChars = '\n';
 | 
						|
 | 
						|
		this.sortAttributes = 1;
 | 
						|
 | 
						|
		this._.indent = 0;
 | 
						|
		this._.indentation = '';
 | 
						|
		// Indicate preformatted block context status. (#5789)
 | 
						|
		this._.inPre = 0;
 | 
						|
		this._.rules = {};
 | 
						|
 | 
						|
		var dtd = CKEDITOR.dtd;
 | 
						|
 | 
						|
		for ( var e in CKEDITOR.tools.extend( {}, dtd.$nonBodyContent, dtd.$block, dtd.$listItem, dtd.$tableContent ) ) {
 | 
						|
			this.setRules( e, {
 | 
						|
				indent: !dtd[ e ][ '#' ],
 | 
						|
				breakBeforeOpen: 1,
 | 
						|
				breakBeforeClose: !dtd[ e ][ '#' ],
 | 
						|
				breakAfterClose: 1,
 | 
						|
				needsSpace: ( e in dtd.$block ) && !( e in { li: 1, dt: 1, dd: 1 } )
 | 
						|
			} );
 | 
						|
		}
 | 
						|
 | 
						|
		this.setRules( 'br', { breakAfterOpen: 1 } );
 | 
						|
 | 
						|
		this.setRules( 'title', {
 | 
						|
			indent: 0,
 | 
						|
			breakAfterOpen: 0
 | 
						|
		} );
 | 
						|
 | 
						|
		this.setRules( 'style', {
 | 
						|
			indent: 0,
 | 
						|
			breakBeforeClose: 1
 | 
						|
		} );
 | 
						|
 | 
						|
		this.setRules( 'pre', {
 | 
						|
			breakAfterOpen: 1, // Keep line break after the opening tag
 | 
						|
			indent: 0 // Disable indentation on <pre>.
 | 
						|
		} );
 | 
						|
	},
 | 
						|
 | 
						|
	proto: {
 | 
						|
		/**
 | 
						|
		 * Writes the tag opening part for a opener tag.
 | 
						|
		 *
 | 
						|
		 *		// Writes '<p'.
 | 
						|
		 *		writer.openTag( 'p', { class : 'MyClass', id : 'MyId' } );
 | 
						|
		 *
 | 
						|
		 * @param {String} tagName The element name for this tag.
 | 
						|
		 * @param {Object} attributes The attributes defined for this tag. The
 | 
						|
		 * attributes could be used to inspect the tag.
 | 
						|
		 */
 | 
						|
		openTag: function( tagName, attributes ) {
 | 
						|
			var rules = this._.rules[ tagName ];
 | 
						|
 | 
						|
			if ( this._.afterCloser && rules && rules.needsSpace && this._.needsSpace )
 | 
						|
				this._.output.push( '\n' );
 | 
						|
 | 
						|
			if ( this._.indent )
 | 
						|
				this.indentation();
 | 
						|
			// Do not break if indenting.
 | 
						|
			else if ( rules && rules.breakBeforeOpen ) {
 | 
						|
				this.lineBreak();
 | 
						|
				this.indentation();
 | 
						|
			}
 | 
						|
 | 
						|
			this._.output.push( '<', tagName );
 | 
						|
 | 
						|
			this._.afterCloser = 0;
 | 
						|
		},
 | 
						|
 | 
						|
		/**
 | 
						|
		 * Writes the tag closing part for a opener tag.
 | 
						|
		 *
 | 
						|
		 *		// Writes '>'.
 | 
						|
		 *		writer.openTagClose( 'p', false );
 | 
						|
		 *
 | 
						|
		 *		// Writes ' />'.
 | 
						|
		 *		writer.openTagClose( 'br', true );
 | 
						|
		 *
 | 
						|
		 * @param {String} tagName The element name for this tag.
 | 
						|
		 * @param {Boolean} isSelfClose Indicates that this is a self-closing tag,
 | 
						|
		 * like `<br>` or `<img>`.
 | 
						|
		 */
 | 
						|
		openTagClose: function( tagName, isSelfClose ) {
 | 
						|
			var rules = this._.rules[ tagName ];
 | 
						|
 | 
						|
			if ( isSelfClose ) {
 | 
						|
				this._.output.push( this.selfClosingEnd );
 | 
						|
 | 
						|
				if ( rules && rules.breakAfterClose )
 | 
						|
					this._.needsSpace = rules.needsSpace;
 | 
						|
			} else {
 | 
						|
				this._.output.push( '>' );
 | 
						|
 | 
						|
				if ( rules && rules.indent )
 | 
						|
					this._.indentation += this.indentationChars;
 | 
						|
			}
 | 
						|
 | 
						|
			if ( rules && rules.breakAfterOpen )
 | 
						|
				this.lineBreak();
 | 
						|
			tagName == 'pre' && ( this._.inPre = 1 );
 | 
						|
		},
 | 
						|
 | 
						|
		/**
 | 
						|
		 * Writes an attribute. This function should be called after opening the
 | 
						|
		 * tag with {@link #openTagClose}.
 | 
						|
		 *
 | 
						|
		 *		// Writes ' class="MyClass"'.
 | 
						|
		 *		writer.attribute( 'class', 'MyClass' );
 | 
						|
		 *
 | 
						|
		 * @param {String} attName The attribute name.
 | 
						|
		 * @param {String} attValue The attribute value.
 | 
						|
		 */
 | 
						|
		attribute: function( attName, attValue ) {
 | 
						|
 | 
						|
			if ( typeof attValue == 'string' ) {
 | 
						|
				this.forceSimpleAmpersand && ( attValue = attValue.replace( /&/g, '&' ) );
 | 
						|
				// Browsers don't always escape special character in attribute values. (#4683, #4719).
 | 
						|
				attValue = CKEDITOR.tools.htmlEncodeAttr( attValue );
 | 
						|
			}
 | 
						|
 | 
						|
			this._.output.push( ' ', attName, '="', attValue, '"' );
 | 
						|
		},
 | 
						|
 | 
						|
		/**
 | 
						|
		 * Writes a closer tag.
 | 
						|
		 *
 | 
						|
		 *		// Writes '</p>'.
 | 
						|
		 *		writer.closeTag( 'p' );
 | 
						|
		 *
 | 
						|
		 * @param {String} tagName The element name for this tag.
 | 
						|
		 */
 | 
						|
		closeTag: function( tagName ) {
 | 
						|
			var rules = this._.rules[ tagName ];
 | 
						|
 | 
						|
			if ( rules && rules.indent )
 | 
						|
				this._.indentation = this._.indentation.substr( this.indentationChars.length );
 | 
						|
 | 
						|
			if ( this._.indent )
 | 
						|
				this.indentation();
 | 
						|
			// Do not break if indenting.
 | 
						|
			else if ( rules && rules.breakBeforeClose ) {
 | 
						|
				this.lineBreak();
 | 
						|
				this.indentation();
 | 
						|
			}
 | 
						|
 | 
						|
			this._.output.push( '</', tagName, '>' );
 | 
						|
			tagName == 'pre' && ( this._.inPre = 0 );
 | 
						|
 | 
						|
			if ( rules && rules.breakAfterClose ) {
 | 
						|
				this.lineBreak();
 | 
						|
				this._.needsSpace = rules.needsSpace;
 | 
						|
			}
 | 
						|
 | 
						|
			this._.afterCloser = 1;
 | 
						|
		},
 | 
						|
 | 
						|
		/**
 | 
						|
		 * Writes text.
 | 
						|
		 *
 | 
						|
		 *		// Writes 'Hello Word'.
 | 
						|
		 *		writer.text( 'Hello Word' );
 | 
						|
		 *
 | 
						|
		 * @param {String} text The text value
 | 
						|
		 */
 | 
						|
		text: function( text ) {
 | 
						|
			if ( this._.indent ) {
 | 
						|
				this.indentation();
 | 
						|
				!this._.inPre && ( text = CKEDITOR.tools.ltrim( text ) );
 | 
						|
			}
 | 
						|
 | 
						|
			this._.output.push( text );
 | 
						|
		},
 | 
						|
 | 
						|
		/**
 | 
						|
		 * Writes a comment.
 | 
						|
		 *
 | 
						|
		 *		// Writes "<!-- My comment -->".
 | 
						|
		 *		writer.comment( ' My comment ' );
 | 
						|
		 *
 | 
						|
		 * @param {String} comment The comment text.
 | 
						|
		 */
 | 
						|
		comment: function( comment ) {
 | 
						|
			if ( this._.indent )
 | 
						|
				this.indentation();
 | 
						|
 | 
						|
			this._.output.push( '<!--', comment, '-->' );
 | 
						|
		},
 | 
						|
 | 
						|
		/**
 | 
						|
		 * Writes a line break. It uses the {@link #lineBreakChars} property for it.
 | 
						|
		 *
 | 
						|
		 *		// Writes '\n' (e.g.).
 | 
						|
		 *		writer.lineBreak();
 | 
						|
		 */
 | 
						|
		lineBreak: function() {
 | 
						|
			if ( !this._.inPre && this._.output.length > 0 )
 | 
						|
				this._.output.push( this.lineBreakChars );
 | 
						|
			this._.indent = 1;
 | 
						|
		},
 | 
						|
 | 
						|
		/**
 | 
						|
		 * Writes the current indentation chars. It uses the {@link #indentationChars}
 | 
						|
		 * property, repeating it for the current indentation steps.
 | 
						|
		 *
 | 
						|
		 *		// Writes '\t' (e.g.).
 | 
						|
		 *		writer.indentation();
 | 
						|
		 */
 | 
						|
		indentation: function() {
 | 
						|
			if ( !this._.inPre && this._.indentation )
 | 
						|
				this._.output.push( this._.indentation );
 | 
						|
			this._.indent = 0;
 | 
						|
		},
 | 
						|
 | 
						|
		/**
 | 
						|
		 * Empties the current output buffer. It also brings back the default
 | 
						|
		 * values of the writer flags.
 | 
						|
		 *
 | 
						|
		 *		writer.reset();
 | 
						|
		 */
 | 
						|
		reset: function() {
 | 
						|
			this._.output = [];
 | 
						|
			this._.indent = 0;
 | 
						|
			this._.indentation = '';
 | 
						|
			this._.afterCloser = 0;
 | 
						|
			this._.inPre = 0;
 | 
						|
		},
 | 
						|
 | 
						|
		/**
 | 
						|
		 * Sets formatting rules for a give element. The possible rules are:
 | 
						|
		 *
 | 
						|
		 * * `indent`: indent the element contents.
 | 
						|
		 * * `breakBeforeOpen`: break line before the opener tag for this element.
 | 
						|
		 * * `breakAfterOpen`: break line after the opener tag for this element.
 | 
						|
		 * * `breakBeforeClose`: break line before the closer tag for this element.
 | 
						|
		 * * `breakAfterClose`: break line after the closer tag for this element.
 | 
						|
		 *
 | 
						|
		 * All rules default to `false`. Each call to the function overrides
 | 
						|
		 * already present rules, leaving the undefined untouched.
 | 
						|
		 *
 | 
						|
		 * By default, all elements available in the {@link CKEDITOR.dtd#$block},
 | 
						|
		 * {@link CKEDITOR.dtd#$listItem} and {@link CKEDITOR.dtd#$tableContent}
 | 
						|
		 * lists have all the above rules set to `true`. Additionaly, the `<br>`
 | 
						|
		 * element has the `breakAfterOpen` set to `true`.
 | 
						|
		 *
 | 
						|
		 *		// Break line before and after "img" tags.
 | 
						|
		 *		writer.setRules( 'img', {
 | 
						|
		 *			breakBeforeOpen: true
 | 
						|
		 *			breakAfterOpen: true
 | 
						|
		 *		} );
 | 
						|
		 *
 | 
						|
		 *		// Reset the rules for the "h1" tag.
 | 
						|
		 *		writer.setRules( 'h1', {} );
 | 
						|
		 *
 | 
						|
		 * @param {String} tagName The element name to which set the rules.
 | 
						|
		 * @param {Object} rules An object containing the element rules.
 | 
						|
		 */
 | 
						|
		setRules: function( tagName, rules ) {
 | 
						|
			var currentRules = this._.rules[ tagName ];
 | 
						|
 | 
						|
			if ( currentRules )
 | 
						|
				CKEDITOR.tools.extend( currentRules, rules, true );
 | 
						|
			else
 | 
						|
				this._.rules[ tagName ] = rules;
 | 
						|
		}
 | 
						|
	}
 | 
						|
} );
 | 
						|
 | 
						|
/**
 | 
						|
 * Whether to force using `'&'` instead of `'&'` in elements attributes
 | 
						|
 * values, it's not recommended to change this setting for compliance with the
 | 
						|
 * W3C XHTML 1.0 standards ([C.12, XHTML 1.0](http://www.w3.org/TR/xhtml1/#C_12)).
 | 
						|
 *
 | 
						|
 *		// Use `'&'` instead of `'&'`
 | 
						|
 *		CKEDITOR.config.forceSimpleAmpersand = true;
 | 
						|
 *
 | 
						|
 * @cfg {Boolean} [forceSimpleAmpersand=false]
 | 
						|
 * @member CKEDITOR.config
 | 
						|
 */
 | 
						|
 | 
						|
/**
 | 
						|
 * The characters to be used for indenting the HTML produced by the editor.
 | 
						|
 * Using characters different than `' '` (space) and `'\t'` (tab) is definitely
 | 
						|
 * a bad idea as it'll mess the code.
 | 
						|
 *
 | 
						|
 *		// No indentation.
 | 
						|
 *		CKEDITOR.config.dataIndentationChars = '';
 | 
						|
 *
 | 
						|
 *		// Use two spaces for indentation.
 | 
						|
 *		CKEDITOR.config.dataIndentationChars = '  ';
 | 
						|
 *
 | 
						|
 * @cfg {String} [dataIndentationChars='\t']
 | 
						|
 * @member CKEDITOR.config
 | 
						|
 */
 |