title: Dynamic html editor
body: <p>My program works like this:</p>
  
  <p>I have a <code>WebView</code> that loads <code>assets/index.html</code>. In this HTML I have the "Download Button", and am using Ajax to call a function to download HTML from a website. Then, the user has an option to open this downloaded HTML file inside the <code>WebView</code> (using the <code>myWebView.loadUrl</code>).</p>
  
  <p>How can I make the user allowed to "edit" the HTML? I want them to be able to select text and edit the colour/font/background/bold/italic/etc. and then save and it update the HTML file with the edited text (probably with tags, <code>&lt;b&gt;&lt;i&gt;Edited Text&lt;/b&gt;&lt;/i&gt;</code> in the place of the normal edited text?</p>
  
  <p>I think it is better to use JavaScript to do this, then when they click "Save", it calls a method to save and the next time the user clicks to "See the html in the WebView" it shows the styled text.</p>
  
  <p>How can I do this? Maybe using JavaScript/jQuery text Editor like this (<a href="http://jqueryte.com/demos" rel="nofollow">http://jqueryte.com/demos</a>)?</p>
  
  <p>I don't know about performance issues, since every time the user edits something the application will have to parse from file, show in <code>WebView</code>, edit, than write again <em>full</em> text to the file.</p>
  
  <p>Can anyone offer some examples? directions? or better advice?</p>