title: Persisting the changes of range objects after selection in HTML
body: <p>Is there a way to save the changes like changing the background of HTML text that span over multiple tags so that when it is loaded again the changes made should be reflected in the HTML page.</p>
  
  <p>EDIT: Detailed explanation.</p>
  
  <p>When the HTML page is loaded, the text is selected and highlighted using the range object and the executeCommand:</p>
  
  <pre><code>             document.execCommand("BackColor", false, 'yellow');
  </code></pre>
  
  <p>The changes (highlighting the text as yellow) remain until the page is reloaded. But when the page is reloaded these changes are not there. What i want is to save somehow these changes like in local DB sqlite so that when page is reloaded/refreshed the changes in HTML page should appear.</p>
  
  <p>Any idea how to do it. Do i need to save its range start offset and end offset which can be used to create range next time the page is loaded. Please give your insights.</p>