title: Using rangy with Kendo Editor
body: <p>I'm trying to make a twitter-like rich-text editor wherein the characters that go over the character limit are highlighted. I saw <a href="https://stackoverflow.com/questions/20314126/regex-highlight-part-over-19-chars">this question</a> and tried editing it.</p>
  
  <p>I used Kendo UI's Editor and also <a href="https://stackoverflow.com/users/96100/tim-down">Tim Down</a>'s rangy library. Using Kendo's inline editor, the rangy library works great.</p>
  
  <pre><code>&lt;div contenteditable="true" class="rte"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Although I need it to work when attached to a textarea.</p>
  
  <pre><code>&lt;textarea class="rte" maxlength="50"&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>The rangy library doesn't work on the textarea quite like the inline editor maybe because Kendo uses an iframe for this. The characters that go over the limit are highlighted but the cursor goes back to the start of the content.</p>
  
  <p>Does anyone know how to fix this? Here's a sample I've been working on: <a href="http://jsfiddle.net/G4jn7/12/" rel="nofollow noreferrer">http://jsfiddle.net/G4jn7/12/</a></p>