mediawiki-extensions-Visual.../modules/ve/ce/nodes/ve.ce.TextNode.js
Catrope e148234c29 Render inline annotations in CE
Moved annotation rendering from ce.Textnode into the new
ce.ContentBranchNode class. This allows us to render annotations that
span across multiple nodes.

* Add ce.ContentBranchNode, inheriting ce.BranchNode
* Make ce.{Paragraph,Heading,Preformatted}Node inherit ce.ContentBranchNode
* Made ce.ContentBranchNode render its child nodes with anntations,
  using .getAnnotatedHtml() on the child nodes
* Put a default implementation for .getAnnotatedHtml() in ce.LeafNode
* Override this in ce.TextNode to do escaping and whitespace handling
* Removed rendering code from ce.TextNode (this.$ is now unused there)
* Removed ce.TextNode.onUpdate() and ce.BranchNode.clean(), now unneeded
* Have ce.BranchNode propagate update events from children, so
  ce.ContentBranchNode can rerender when its children change
* Update tests, add test case for escaping of &<>'"

Change-Id: I4600e984b287c6ff9267f4281d2f09bab9e1ad95
2012-11-28 11:21:59 -08:00

131 lines
3 KiB
JavaScript

/**
* VisualEditor content editable TextNode class.
*
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
/**
* ContentEditable node for text.
*
* @class
* @constructor
* @extends {ve.ce.LeafNode}
* @param {ve.dm.TextNode} model Model to observe
*/
ve.ce.TextNode = function VeCeTextNode( model ) {
// Parent constructor
ve.ce.LeafNode.call( this, 'text', model ); // not using this.$
};
/* Inheritance */
ve.inheritClass( ve.ce.TextNode, ve.ce.LeafNode );
/* Static Members */
/**
* Node rules.
*
* @see ve.ce.NodeFactory
* @static
* @member
*/
ve.ce.TextNode.rules = {
'canBeSplit': true
};
/**
* Mapping of character and HTML entities or renderings.
*
* @static
* @member
*/
ve.ce.TextNode.htmlCharacters = {
'&': '&amp;',
'<': '&lt;',
'>': '&gt;',
'\'': '&#039;',
'"': '&quot;'
};
ve.ce.TextNode.whitespaceHtmlCharacters = {
'\n': '&crarr;',
'\t': '&#10142;'
};
/* Methods */
/**
* Gets an HTML rendering of data within content model.
*
* @method
* @returns {Array} Array of rendered HTML fragments with annotations
*/
ve.ce.TextNode.prototype.getAnnotatedHtml = function () {
var data = this.model.getDocument().getDataFromNode( this.model ),
htmlChars = ve.ce.TextNode.htmlCharacters,
whitespaceHtmlChars = ve.ce.TextNode.whitespaceHtmlCharacters,
significantWhitespace = this.getModel().getParent().hasSignificantWhitespace(),
i, chr, character, nextCharacter;
function setChar( chr, index, data ) {
if ( ve.isArray( data[index] ) ) {
// Don't modify the original array, clone it first
data[index] = data[index].slice( 0 );
data[index][0] = chr;
} else {
data[index] = chr;
}
}
if ( !significantWhitespace ) {
// Replace spaces with &nbsp; where needed
if ( data.length > 0 ) {
// Leading space
character = data[0];
if ( ve.isArray( character ) ? character[0] === ' ' : character === ' ' ) {
setChar( '&nbsp;', 0, data );
}
}
if ( data.length > 1 ) {
// Trailing space
character = data[data.length - 1];
if ( ve.isArray( character ) ? character[0] === ' ' : character === ' ' ) {
setChar( '&nbsp;', data.length - 1, data );
}
}
if ( data.length > 2 ) {
// Replace any sequence of 2+ spaces with an alternating pattern
// (space-nbsp-space-nbsp-...)
for ( i = 1; i < data.length - 1; i++ ) { // TODO fold into loop below
character = data[i];
nextCharacter = data[i + 1];
if (
( ve.isArray( character ) ? character[0] === ' ' : character === ' ' ) &&
( ve.isArray( nextCharacter ) ? nextCharacter[0] === ' ' : nextCharacter === ' ' )
) {
setChar( '&nbsp;', i + 1, data );
i++;
}
}
}
}
for ( i = 0; i < data.length; i++ ) {
chr = typeof data[i] === 'string' ? data[i] : data[i][0];
if ( !significantWhitespace && chr in whitespaceHtmlChars ) {
chr = whitespaceHtmlChars[chr];
}
if ( chr in htmlChars ) {
chr = htmlChars[chr];
}
setChar( chr, i, data );
}
return data;
};
/* Registration */
ve.ce.nodeFactory.register( 'text', ve.ce.TextNode );