0

I am trying to display html by using angularjs sanitize module and ng-bind-html attribute on the element. It works fine if I have the attribute on a div element. 

<div ng-bind-html="htmlText" contenteditable="false"></div>

But I need the same text in a text area control. When I read about displaying html in text area, my understanding was that text area does not support this. Is there a way I can convert the html to text before hand in controller and then use only ng-bind on text area? I have multiple long paragraphs and bullet points in html to display as formatted text. Thanks for any suggestions.

//Does not display formatted html.

<textarea class="form-control" ng-bind-html="htmlText" contenteditable="false" rows="7"></textarea>
Jyina
  • 2,530
  • 9
  • 42
  • 80
  • Possible duplicate of [Can I embed HTML formatting inside of a – Prerak Sola May 18 '17 at 16:19

1 Answers1

1

textarea only supports plain text. Since you are not allowing the text to be edited, I'd use the div that you started with. I suspect that you're trying to control the size and enable scroll bars when necessary on the div, and hoping to get that out of textarea. You'll be much better off just styling the div accordingly.

Mike Feltman
  • 5,160
  • 1
  • 17
  • 38
  • Thank you. Yes you are right. The reason I was trying to use textarea is to show only a few lines of text and then enable scroll bars. – Jyina May 18 '17 at 17:51
  • That's what I suspected. You'll be much better served by using CSS to style the div accordingly. This: http://stackoverflow.com/questions/9707397/making-a-div-vertically-scrollable-using-css should get you going in the right direction. – Mike Feltman May 18 '17 at 17:53
  • 1
    Thank you very much. It saved my day. – Jyina May 18 '17 at 18:08