title: Display html using text created in Froala Editor in React
body: <p>I have used Froala editor in react web app. It working perfectly fine. Now how should I display the created html page from it? Do I need to create a save button that shows me the created HTML file on my browser? Or the component '' displays it itself? But I used this component and it shows me another editor. What should I do? Please help me.
  Here is my attempt.</p>
  
  <pre><code>import React from 'react';
  import FroalaEditor from 'react-froala-wysiwyg';
  import FroalaEditorView from 'react-froala-wysiwyg';
  import $ from 'jquery';
  window.$ = $;
  
  class Test1 extends React.Component {
  constructor() {
      super();
      this.state = {
          modelNew: 'Example text'
      };
  }
  
  handleModelChange = (modelNew) =&gt; {
      this.setState({modelNew: modelNew});
      this.props.updateState(this.state.modelNew);
  }
  render() {
      console.log("modelNew", this.state.modelNew);
      return (
          &lt;div&gt;
              &lt;FroalaEditor
                  tag='textarea'
                  config={this.config}
                  modelNew={this.state.modelNew}
                  onModelChange={this.handleModelChange}/&gt;
                   &lt;FroalaEditorView model={this.state.modelNew}/&gt;
          &lt;/div&gt;
      );
   }
  }
  export default Test1;
  </code></pre>
  
  <p>Here FroalaEditorView takes model={this.state.content} but I have changed it to model={this.state.modelNew} . I have found this (<a href="https://www.froala.com/wysiwyg-editor/examples/live-content-preview" rel="nofollow noreferrer">https://www.froala.com/wysiwyg-editor/examples/live-content-preview</a>). How do I do this in React?</p>