Basecamp's Trix editor in a React component

TrixEditor.js

import React, { Component, PropTypes } from 'react'
import { findDOMNode } from 'react-dom'

class TrixEditor extends Component {
  static propTypes = {
    value: PropTypes.string,
    onChange: PropTypes.func
  }

  componentDidMount () {
    this.trix = findDOMNode(this)

    this.changeListener = document.addEventListener(
      'trix-change', this.onChange.bind(this))

    this.trix.editor.insertHTML(this.props.value)
  }

  componentWillDismount () {
    this.changeListener()
  }

  onChange (event) {
    if (event.target === this.trix) {
      this.props.onChange(event)
    }
  }

  render () {
    return (
      <trix-editor {...this.props}></trix-editor>
    )
  }
}

Thank you very much, I have updated something for my need at https://gist.github.com/cbilgili/89cab4196a6018daef26