React component using Medium editor plugin

medium-editor.js.coffee

<Editor text={@props.image.description} options={{buttons: ['bold', 'italic', 'underline']}} />


Editor = React.createClass
  getInitialState: ->
    text: this.props.text

  getDefaultProps: ->
    <div></div>

  componentDidMount: ->
    dom = @getDOMNode()
    @medium = new MediumEditor(dom, @props.options)
    @medium.subscribe 'editableInput', (e) =>
      @updated = true
      @change(dom.innerHTML)

  componentWillUnmount: ->
    @medium.destroy()

  componentWillReceiveProps: (nextProps) ->
    if nextProps.text != this.state.textand ! @updated
      @setState({ text: nextProps.text })

    if @updated then @updated = false

  change: (text) ->
    if @props.onChange then @props.onChange(text)

  render: ->
    <div contentEditable="true" dangerouslySetInnerHTML={__html: @state.text }></div>

Rewrite of https://github.com/wangzuo/react-medium-editor