Join string with html entities in javascript and display as HTML?

Question

In angular controller file, I want to add suffix ... to make shorten a string if it is lengthy but now ... is now a spread operator in es6 so try using … and tried but it prints the text … not ... in HTML

trial 1

let shortName = `${longString.substr(0,9)}${(longString.length>9? '&hellip;':'';`

trial 2

$sce.trustAsHtml(shortName + '&hellip;')

but in HTML it show &hellp; not the ...

Note: I can use ng-bind-html but this string is used as a label in chart which is in <canvas> and that is created by the angular-chrat.js library.

I do not want to manipulate it through library but using core Javascipt.

I mentioned that in my answer. Also a triple dot should work fine too, doesn't it? — lumio
– lumio, Commented Aug 31, 2017 at 17:43
Yes but my question is how to use html entities . this is specific to … suppose I want to use © than? — xkeshav
– xkeshav, Commented Aug 31, 2017 at 17:45

lumio · Accepted Answer · 2017-08-31 17:49:16Z

2

You can use the utf-8 equivalent character if you have set your charset to utf-8: '…'

You mentioned you are using it in canvas? If so you have to convert your entity into a symbol instead. You can use a DOMParser for that.
Here is a way to do that

edited Aug 31, 2017 at 17:49

answered Aug 31, 2017 at 17:38

lumio

7,6054 gold badges42 silver badges60 bronze badges

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

8 Comments

xkeshav Over a year ago

yes I can use but I want to know how to use html entities in javascript.

xkeshav Over a year ago

Thank you for the reference, this is working fine but still checking does angular have the solution for this?

lumio Over a year ago

What do you mean by checking?

xkeshav Over a year ago

I means looking for angularJS solution also.yes this is working and I have accepted the answer.

lumio Over a year ago

I think the angular version would be to use ng-bind-html. Even with $sce, you kinda need to use ng-bind-html

|

Nafiul Islam · Accepted Answer · 2017-08-31 17:34:29Z

0

Have you tried ng-bind-html? Click here to check documentation

answered Aug 31, 2017 at 17:34

Nafiul Islam

1,2208 silver badges20 bronze badges

1 Comment

xkeshav Over a year ago

I can not do that in HTML, this text is being used as a label in graph which is in <canvas>

Rajez · Accepted Answer · 2017-08-31 17:58:03Z

0

You can parse HTML entities before cancating into string

let e = document.createElement('div');
e.innerHTML = '&hellip;';

let shortName = `${longString.substr(0,9)}${(longString.length>9? ${e.innerText}:'';`

or can use DOMParser

let p = new DOMParser();
let d = p.parseFromString('&hellip;', 'text/html');
let shortName = `${longString.substr(0,9)}${(longString.length>9? ${d.documentElement.textContent}:'';`

edited Aug 31, 2017 at 17:58

answered Aug 31, 2017 at 17:47

Rajez

4,0771 gold badge16 silver badges21 bronze badges

4 Comments

xkeshav Over a year ago

I dont want to put this string in any other HTML element such as div you suggested

xkeshav Over a year ago

and innerText or innerHTML in last line? I think there is typo

Rajez Over a year ago

That is not typo. we just need the symbol, so it is obtained by innerText

Rajez Over a year ago

@pro.mean entity can't be used without parsing it

Collectives™ on Stack Overflow

Join string with html entities in javascript and display as HTML?

3 Answers 3

8 Comments

1 Comment

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

1 Comment

4 Comments

Linked

Related