title: React: Getting the value of text inside a contentEditable div
body: <p>I am using a <code>contentEditable</code> div and want to get the text inside it when a submit is called. I tried <code>this.refs.textarea.value.trim()</code> but that doesn't seem to work. My code is as follows in the render return</p>
  
  <pre><code>&lt;div&gt;&lt;form onSubmit={this.handleSubmit} id="noter-save-form" method="POST"&gt;
  
  &lt;div id="noter-text-area" contentEditable="true" ref="textarea"&gt;{value}&lt;/div&gt;
  </code></pre>
  
  <p>and the <code>handleSubmit</code> function.</p>
  
  <pre><code>handleSubmit: function(e) { 
    e.preventDefault();
    var text = this.refs.textarea.value.trim();
    alert(text);
    this.saveFile(text);
  },
  </code></pre>
  
  <p>Thanks for the help. I am just looking to replace the text variable with what is actually inside the editable div.</p>