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
 | |
|  */
 |