Question

160

React.js render text as HTML

rated 0 times [ 162] [ 2] / answers: 1 / hits: 31390 / 9 Years ago, thu, august 6, 2015, 12:00:00

This is how the render code looks now (And I know it's unsafe to do so):

render: function() {

  return (

    <div className=container-fluid pages_container>

      <p dangerouslySetInnerHTML={{__html: this.state.page.body}} />

    </div>

  );

}

The question is how can I render it safely?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

dorab

Add To Favorites

Follow

Total Points: 22

Total Questions: 106

Total Answers: 99

Location: El Salvador

Member since Fri, May 8, 2020

4 Years ago

dorab questions

1 React validation using Material UI's TextField components

Tue, Nov 2, 21, 00:00, 3 Years ago

1 Share to Instagram Feed using Javascript

Wed, Sep 8, 21, 00:00, 3 Years ago

1 Deprecated: Window: orientationchange event

Sun, Jun 13, 21, 00:00, 3 Years ago

1 How can I set Date object to null in Javascript?

Thu, Mar 4, 21, 00:00, 3 Years ago

1 Unable to change border color when focused and not focused of Material UI Input

Wed, Apr 22, 20, 00:00, 4 Years ago

View All

answered 9 Years ago deving · Accepted Answer

Reference https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

<script src=https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js></script>



render: function() {

  return (

    <div className=container-fluid pages_container>

      <p dangerouslySetInnerHTML={{__html: marked(this.state.page.body, {sanitize: true})}} />

    </div>

  );

}

jsFiddle