Find length of string without counting included html tags

Question

I have a paragraph which has HTML tags in it. I need to restrict it to 100 characters after the parse of HTML. For example

Hello<a href ="#"> World </a>

If my length check is for 8, then my HTML should be Hello Wo where Wo should be an anchor tag. There can be any other tags. Any help would be appreciated.

what if you have already more than <limit> characters before your link? — Fabrizio Calderan
– Fabrizio Calderan, Commented Oct 15, 2018 at 12:38
Maybe this post stackoverflow.com/questions/822452/… might help. It talks about how to remove HTML from a text, so you can count the other characters — Sorix
– Sorix, Commented Oct 15, 2018 at 12:38
break there it self, in the above example if the limit is 5, the output would be "hello" — Sai Saagar Sharman
– Sai Saagar Sharman, Commented Oct 15, 2018 at 12:39
so your link would be compromised but you asked to not lose elements. — Fabrizio Calderan
– Fabrizio Calderan, Commented Oct 15, 2018 at 12:40
Actually, the paragraph will be followed by show more and show less link, where i ll be showing the whole thing again. — Sai Saagar Sharman
– Sai Saagar Sharman, Commented Oct 15, 2018 at 12:41

PRiSMiWi · Accepted Answer · 2018-10-15 12:59:17Z

6

You can use a REGEX expresion when getting the innerHTML

Then count the characters.

Example:

var regex = /(<([^>]+)>)/ig;
    var body = 'Hello<a href ="#"> World </a>';
    var result = body.replace(regex, "");
    
    console.log(result + ' ' + result.length);

edited Oct 15, 2018 at 12:59

answered Oct 15, 2018 at 12:54

PRiSMiWi

1411 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sai Saagar Sharman Over a year ago

Thanks, where do i pass the length.

PRiSMiWi Over a year ago

Use the result.length in your validating function

Daniel Beck Over a year ago

This will work great until you run into an attribute containing either the "<" or ">" characters...

Sumesh TG · Accepted Answer · 2018-10-15 13:06:28Z

1

$(document).ready(function(){
var $html=$('<span></span>');
$html.append('Hello<a href ="#"> World </a>');
var text=$html.text();
console.log("Text :: "+text);
console.log("Length :: "+text.length);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Using this way you can create html elment virtually then text() will parse the text content from html.

edited Oct 15, 2018 at 13:06

answered Oct 15, 2018 at 12:57

Sumesh TG

2,5732 gold badges17 silver badges29 bronze badges

Collectives™ on Stack Overflow

Find length of string without counting included html tags

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related