get html and text of highlighted (selected) elements (spans) and store text in hidden textarea
<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>
