2012-07-19 00:11:26 +00:00
|
|
|
/**
|
|
|
|
* VisualEditor content editable TextNode class.
|
2012-07-19 21:25:16 +00:00
|
|
|
*
|
2012-07-19 00:11:26 +00:00
|
|
|
* @copyright 2011-2012 VisualEditor Team and others; see AUTHORS.txt
|
|
|
|
* @license The MIT License (MIT); see LICENSE.txt
|
|
|
|
*/
|
|
|
|
|
2012-05-01 00:36:22 +00:00
|
|
|
/**
|
|
|
|
* ContentEditable node for text.
|
2012-05-14 22:05:09 +00:00
|
|
|
*
|
2012-05-01 00:36:22 +00:00
|
|
|
* @class
|
|
|
|
* @constructor
|
|
|
|
* @extends {ve.ce.LeafNode}
|
2012-09-17 13:30:50 +00:00
|
|
|
* @param {ve.dm.TextNode} model Model to observe
|
2012-05-01 00:36:22 +00:00
|
|
|
*/
|
2012-09-06 23:15:55 +00:00
|
|
|
ve.ce.TextNode = function VeCeTextNode( model ) {
|
Object management: Object create/inherit/clone utilities
* For the most common case:
- replace ve.extendClass with ve.inheritClass (chose slightly
different names to detect usage of the old/new one, and I
like 'inherit' better).
- move it up to below the constructor, see doc block for why.
* Cases where more than 2 arguments were passed to
ve.extendClass are handled differently depending on the case.
In case of a longer inheritance tree, the other arguments
could be omitted (like in "ve.ce.FooBar, ve.FooBar,
ve.Bar". ve.ce.FooBar only needs to inherit from ve.FooBar,
because ve.ce.FooBar inherits from ve.Bar).
In the case of where it previously had two mixins with
ve.extendClass(), either one becomes inheritClass and one
a mixin, both to mixinClass().
No visible changes should come from this commit as the
instances still all have the same visible properties in the
end. No more or less than before.
* Misc.:
- Be consistent in calling parent constructors in the
same order as the inheritance.
- Add missing @extends and @param documentation.
- Replace invalid {Integer} type hint with {Number}.
- Consistent doc comments order:
@class, @abstract, @constructor, @extends, @params.
- Fix indentation errors
A fairly common mistake was a superfluous space before the
identifier on the assignment line directly below the
documentation comment.
$ ack "^ [^*]" --js modules/ve
- Typo "Inhertiance" -> "Inheritance".
- Replacing the other confusing comment "Inheritance" (inside
the constructor) with "Parent constructor".
- Add missing @abstract for ve.ui.Tool.
- Corrected ve.FormatDropdownTool to ve.ui.FormatDropdownTool.js
- Add function names to all @constructor functions. Now that we
have inheritance it is important and useful to have these
functions not be anonymous.
Example of debug shot: http://cl.ly/image/1j3c160w3D45
Makes the difference between
< documentNode;
> ve_dm_DocumentNode
...
: ve_dm_BranchNode
...
: ve_dm_Node
...
: ve_dm_Node
...
: Object
...
without names (current situation):
< documentNode;
> Object
...
: Object
...
: Object
...
: Object
...
: Object
...
though before this commit, it really looks like this
(flattened since ve.extendClass really did a mixin):
< documentNode;
> Object
...
...
...
Pattern in Sublime (case-sensitive) to find nameless
constructor functions:
"^ve\..*\.([A-Z])([^\.]+) = function \("
Change-Id: Iab763954fb8cf375900d7a9a92dec1c755d5407e
2012-09-05 06:07:47 +00:00
|
|
|
// Parent constructor
|
2012-11-27 00:35:12 +00:00
|
|
|
ve.ce.LeafNode.call( this, 'text', model ); // not using this.$
|
2012-05-01 00:36:22 +00:00
|
|
|
};
|
|
|
|
|
Object management: Object create/inherit/clone utilities
* For the most common case:
- replace ve.extendClass with ve.inheritClass (chose slightly
different names to detect usage of the old/new one, and I
like 'inherit' better).
- move it up to below the constructor, see doc block for why.
* Cases where more than 2 arguments were passed to
ve.extendClass are handled differently depending on the case.
In case of a longer inheritance tree, the other arguments
could be omitted (like in "ve.ce.FooBar, ve.FooBar,
ve.Bar". ve.ce.FooBar only needs to inherit from ve.FooBar,
because ve.ce.FooBar inherits from ve.Bar).
In the case of where it previously had two mixins with
ve.extendClass(), either one becomes inheritClass and one
a mixin, both to mixinClass().
No visible changes should come from this commit as the
instances still all have the same visible properties in the
end. No more or less than before.
* Misc.:
- Be consistent in calling parent constructors in the
same order as the inheritance.
- Add missing @extends and @param documentation.
- Replace invalid {Integer} type hint with {Number}.
- Consistent doc comments order:
@class, @abstract, @constructor, @extends, @params.
- Fix indentation errors
A fairly common mistake was a superfluous space before the
identifier on the assignment line directly below the
documentation comment.
$ ack "^ [^*]" --js modules/ve
- Typo "Inhertiance" -> "Inheritance".
- Replacing the other confusing comment "Inheritance" (inside
the constructor) with "Parent constructor".
- Add missing @abstract for ve.ui.Tool.
- Corrected ve.FormatDropdownTool to ve.ui.FormatDropdownTool.js
- Add function names to all @constructor functions. Now that we
have inheritance it is important and useful to have these
functions not be anonymous.
Example of debug shot: http://cl.ly/image/1j3c160w3D45
Makes the difference between
< documentNode;
> ve_dm_DocumentNode
...
: ve_dm_BranchNode
...
: ve_dm_Node
...
: ve_dm_Node
...
: Object
...
without names (current situation):
< documentNode;
> Object
...
: Object
...
: Object
...
: Object
...
: Object
...
though before this commit, it really looks like this
(flattened since ve.extendClass really did a mixin):
< documentNode;
> Object
...
...
...
Pattern in Sublime (case-sensitive) to find nameless
constructor functions:
"^ve\..*\.([A-Z])([^\.]+) = function \("
Change-Id: Iab763954fb8cf375900d7a9a92dec1c755d5407e
2012-09-05 06:07:47 +00:00
|
|
|
/* Inheritance */
|
|
|
|
|
|
|
|
ve.inheritClass( ve.ce.TextNode, ve.ce.LeafNode );
|
|
|
|
|
2012-05-01 00:36:22 +00:00
|
|
|
/* Static Members */
|
|
|
|
|
|
|
|
/**
|
2012-05-02 18:29:44 +00:00
|
|
|
* Node rules.
|
2012-05-14 22:05:09 +00:00
|
|
|
*
|
2012-05-01 00:36:22 +00:00
|
|
|
* @see ve.ce.NodeFactory
|
2012-05-02 18:29:44 +00:00
|
|
|
* @static
|
|
|
|
* @member
|
2012-05-01 00:36:22 +00:00
|
|
|
*/
|
|
|
|
ve.ce.TextNode.rules = {
|
|
|
|
'canBeSplit': true
|
|
|
|
};
|
|
|
|
|
2012-05-03 05:28:57 +00:00
|
|
|
/**
|
|
|
|
* Mapping of character and HTML entities or renderings.
|
2012-05-14 22:05:09 +00:00
|
|
|
*
|
2012-05-03 05:28:57 +00:00
|
|
|
* @static
|
|
|
|
* @member
|
|
|
|
*/
|
|
|
|
ve.ce.TextNode.htmlCharacters = {
|
|
|
|
'&': '&',
|
|
|
|
'<': '<',
|
|
|
|
'>': '>',
|
|
|
|
'\'': ''',
|
2012-11-07 20:03:58 +00:00
|
|
|
'"': '"'
|
|
|
|
};
|
|
|
|
|
|
|
|
ve.ce.TextNode.whitespaceHtmlCharacters = {
|
2012-06-12 17:40:44 +00:00
|
|
|
'\n': '↵',
|
|
|
|
'\t': '➞'
|
2012-05-03 05:28:57 +00:00
|
|
|
};
|
|
|
|
|
2012-05-01 00:36:22 +00:00
|
|
|
/* Methods */
|
|
|
|
|
2012-05-01 02:38:42 +00:00
|
|
|
/**
|
2012-05-02 21:21:41 +00:00
|
|
|
* Gets an HTML rendering of data within content model.
|
2012-05-14 22:05:09 +00:00
|
|
|
*
|
2012-05-01 02:38:42 +00:00
|
|
|
* @method
|
2012-11-27 00:35:12 +00:00
|
|
|
* @returns {Array} Array of rendered HTML fragments with annotations
|
2012-05-01 02:38:42 +00:00
|
|
|
*/
|
2012-11-27 00:35:12 +00:00
|
|
|
ve.ce.TextNode.prototype.getAnnotatedHtml = function () {
|
2012-05-03 02:29:03 +00:00
|
|
|
var data = this.model.getDocument().getDataFromNode( this.model ),
|
|
|
|
htmlChars = ve.ce.TextNode.htmlCharacters,
|
2012-11-07 20:03:58 +00:00
|
|
|
whitespaceHtmlChars = ve.ce.TextNode.whitespaceHtmlCharacters,
|
|
|
|
significantWhitespace = this.getModel().getParent().hasSignificantWhitespace(),
|
2012-11-27 00:35:12 +00:00
|
|
|
i, chr, character, nextCharacter;
|
2012-05-03 02:29:03 +00:00
|
|
|
|
2012-11-27 00:35:12 +00:00
|
|
|
function setChar( chr, index, data ) {
|
2012-06-20 22:31:50 +00:00
|
|
|
if ( ve.isArray( data[index] ) ) {
|
2012-08-10 22:39:57 +00:00
|
|
|
// Don't modify the original array, clone it first
|
|
|
|
data[index] = data[index].slice( 0 );
|
2012-11-27 00:35:12 +00:00
|
|
|
data[index][0] = chr;
|
2012-06-20 22:31:50 +00:00
|
|
|
} else {
|
2012-11-27 00:35:12 +00:00
|
|
|
data[index] = chr;
|
2012-06-20 22:31:50 +00:00
|
|
|
}
|
2012-07-19 03:40:49 +00:00
|
|
|
}
|
|
|
|
|
2012-11-07 20:03:58 +00:00
|
|
|
if ( !significantWhitespace ) {
|
|
|
|
// Replace spaces with where needed
|
|
|
|
if ( data.length > 0 ) {
|
|
|
|
// Leading space
|
|
|
|
character = data[0];
|
|
|
|
if ( ve.isArray( character ) ? character[0] === ' ' : character === ' ' ) {
|
2012-11-27 00:35:12 +00:00
|
|
|
setChar( ' ', 0, data );
|
2012-11-07 20:03:58 +00:00
|
|
|
}
|
2012-06-20 22:31:50 +00:00
|
|
|
}
|
2012-11-07 20:03:58 +00:00
|
|
|
if ( data.length > 1 ) {
|
|
|
|
// Trailing space
|
|
|
|
character = data[data.length - 1];
|
|
|
|
if ( ve.isArray( character ) ? character[0] === ' ' : character === ' ' ) {
|
2012-11-27 00:35:12 +00:00
|
|
|
setChar( ' ', data.length - 1, data );
|
2012-11-07 20:03:58 +00:00
|
|
|
}
|
2012-06-20 22:31:50 +00:00
|
|
|
}
|
2012-11-07 20:03:58 +00:00
|
|
|
if ( data.length > 2 ) {
|
|
|
|
// Replace any sequence of 2+ spaces with an alternating pattern
|
|
|
|
// (space-nbsp-space-nbsp-...)
|
2012-11-27 00:35:12 +00:00
|
|
|
for ( i = 1; i < data.length - 1; i++ ) { // TODO fold into loop below
|
2012-11-07 20:03:58 +00:00
|
|
|
character = data[i];
|
|
|
|
nextCharacter = data[i + 1];
|
|
|
|
if (
|
|
|
|
( ve.isArray( character ) ? character[0] === ' ' : character === ' ' ) &&
|
|
|
|
( ve.isArray( nextCharacter ) ? nextCharacter[0] === ' ' : nextCharacter === ' ' )
|
|
|
|
) {
|
2012-11-27 00:35:12 +00:00
|
|
|
setChar( ' ', i + 1, data );
|
2012-11-07 20:03:58 +00:00
|
|
|
i++;
|
|
|
|
}
|
2012-06-19 05:24:18 +00:00
|
|
|
}
|
2012-06-14 04:46:29 +00:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2012-06-01 00:18:28 +00:00
|
|
|
for ( i = 0; i < data.length; i++ ) {
|
2012-11-27 00:35:12 +00:00
|
|
|
chr = typeof data[i] === 'string' ? data[i] : data[i][0];
|
2012-11-07 20:03:58 +00:00
|
|
|
if ( !significantWhitespace && chr in whitespaceHtmlChars ) {
|
|
|
|
chr = whitespaceHtmlChars[chr];
|
|
|
|
}
|
2012-11-27 00:35:12 +00:00
|
|
|
if ( chr in htmlChars ) {
|
|
|
|
chr = htmlChars[chr];
|
|
|
|
}
|
|
|
|
setChar( chr, i, data );
|
2012-05-03 02:29:03 +00:00
|
|
|
}
|
2012-11-27 00:35:12 +00:00
|
|
|
return data;
|
2012-05-01 02:38:42 +00:00
|
|
|
};
|
|
|
|
|
2012-05-01 00:36:22 +00:00
|
|
|
/* Registration */
|
|
|
|
|
2012-05-31 22:20:58 +00:00
|
|
|
ve.ce.nodeFactory.register( 'text', ve.ce.TextNode );
|