Preview.js 558 B

123456789101112131415161718192021222324252627
  1. import React from 'react';
  2. import PropTypes from 'prop-types';
  3. export default class Preview extends React.Component {
  4. constructor(props) {
  5. super(props);
  6. }
  7. generateInnerHtml(html) {
  8. return {__html: html};
  9. }
  10. render() {
  11. return (
  12. <div
  13. ref={this.props.inputRef}
  14. className="wiki page-editor-preview-body" dangerouslySetInnerHTML={this.generateInnerHtml(this.props.html)}>
  15. </div>
  16. )
  17. }
  18. }
  19. Preview.propTypes = {
  20. html: PropTypes.string,
  21. inputRef: PropTypes.func.isRequired, // for getting div element
  22. };