Enter Character should print a new line in html

Question

I am getting "First Line.↵Second Line↵" as a string in an api response.I want to take this and print in html web page like {{apiText}}. where apiText is a javascript variable whose value is "First Line.↵Second Line↵". But the text appears on one line only.How to I convert ↵ to a format where it prints a break.

i am using ember so in the controller i get the text and store in apiText = "First Line.↵Second Line↵" and then in html i just refer apiText in span — kautilya, Mar 11 '17 at 12:52
Possible duplicate of http://stackoverflow.com/questions/19473021/insert-html-into-view-using-emberjs — Bhuwan, Mar 11 '17 at 13:12
Use `{{{` with extremely with cautious, that might lead to security risk. refer https://guides.emberjs.com/v2.11.0/templates/writing-helpers/#toc_escaping-html-content — Ember Freak, Mar 11 '17 at 15:05

score 2 · Accepted Answer · answered Mar 11 '17 at 13:07

2

That cr character is \n.

You can replace those with   tag.

refinedText: Ember.computed('apiText', function(){
  return this.get('apiText').replace('\n', '<br>');
})

and in template :

{{{refinedText}}

answered Mar 11 '17 at 13:07

Ebrahim Pasbani

9,168
2
23
30

Bhuwan · Answer 2 · 2017-03-11T13:07:02.577

1

When you are appending the variable to the span . Append it as innerHTML instead of innerText

If you are using Ember.js try using 3 curly braces: {{{apiText}}}

edited Mar 11 '17 at 13:07

answered Mar 11 '17 at 12:48

Bhuwan

177
2
12

Enter Character should print a new line in html

2 Answers2