import React,{ Component } from "react";
import { markdownToHTML } from 'educoder'
class MarkdownToHtml extends Component{
  constructor(props){
    super(props);
    this.state={
    }
  }
  componentDidUpdate = (prevProps) => {
    if (this.props.content) {
      if ( prevProps.content != this.props.content ) {
        markdownToHTML(this.props.content, `.markdown_to_html_${this.props.selector || ''}`)
      }
    }
  }
  componentDidMount () {
    this.props.content && markdownToHTML(this.props.content, `.markdown_to_html_${this.props.selector || ''}`)
    
  }
  render(){
    
    return(
      <div id="memo_content_editorMd" className={`new_li markdown-body ${this.props.className} markdown_to_html_${this.props.selector || ''}`}
        // dangerouslySetInnerHTML={{__html: markdownToHTML(this.props.content)}}
      >
      </div>
    )
  }
}
export default MarkdownToHtml;