title: Highlighting an element (or character) but actually copy a different word
body: <p>I wonder if it is possible to highlight an element or a word but it lets you copy a different word if you hit <code>ctrl+c</code>.</p>
  <p>Let's say I have an element which is an emoji and it uses a sprite background:</p>
  <p>Original text: <code>:heart:</code>
  What my html outputs:</p>
  <pre><code>  &lt;span background={...logic here}&gt;&lt;/span&gt;
  </code></pre>
  <p>I wonder if it is possible that when the user highlighted the span he can actually copy the <code>:heart:</code>.</p>
  <h1>Update:</h1>
  <p>I forgot to mention that there are other text beside the span so it could look like:</p>
  <p>Text: <code>Hello world (emoji here) blablabla</code></p>
  <p>HTML:</p>
  <pre><code>&lt;p&gt;Hello world&gt; &lt;span background={...logic}&gt;&lt;/span&gt; blablabla &lt;/p&gt;
  </code></pre>