Do you have solution to substring text with HTML tags in Javascript?
For example:
var str = \'Lorem ipsum dolor sit
Usage:
var str = 'Lorem ipsum dolor sit amet, consectetur adipiscing elit.';
var res1 = html_substr( str, 20 );
var res2 = html_substr( str, 30 );
alert( res1 ); // Lorem ipsum dolor si
alert( res2 ); // Lorem ipsum dolor sit amet, co
Example: http://jsfiddle.net/2ULbK/4/
Function:
function html_substr( str, count ) {
var div = document.createElement('div');
div.innerHTML = str;
walk( div, track );
function track( el ) {
if( count > 0 ) {
var len = el.data.length;
count -= len;
if( count <= 0 ) {
el.data = el.substringData( 0, el.data.length + count );
}
} else {
el.data = '';
}
}
function walk( el, fn ) {
var node = el.firstChild;
do {
if( node.nodeType === 3 ) {
fn(node);
// Added this >>------------------------------------<<
} else if( node.nodeType === 1 && node.childNodes && node.childNodes[0] ) {
walk( node, fn );
}
} while( node = node.nextSibling );
}
return div.innerHTML;
}