title: get html and text of highlighted (selected) elements (spans) and store text in hidden textarea
body: <p>I want to know how to get the html and text of spans that are selected. Example html:</p>
  
  <pre><code>&lt;span&gt;a&lt;/span&gt;
  &lt;span&gt;b&lt;/span&gt;
  &lt;span&gt;c&lt;/span&gt;
  &lt;span&gt;d&lt;/span&gt;
  </code></pre>
  
  <p>so if I highlighted with my cursor (a-b)...I would get </p>
  
  <pre><code>var storedHtml =     `&lt;span&gt;a&lt;/span&gt; &lt;span&gt;b&lt;/span&gt;`
  var text = "ab"
  </code></pre>
  
  <p>and the text would be stored in a hidden textarea</p>