title: Allow To Specific Text For Replace
body: <p>I try to create something like this:</p>
  
  <p>If in HTML, find <code>{{heart}}</code> text, then replace that with font awesome heart.</p>
  
  <blockquote>
    <p>{{heart}} => fa fa-heart</p>
  </blockquote>
  
  <p>In this code (below), you can use a CSS class.</p>
  
  <p>Example: you can use something like this : <code>{{heart red}}</code></p>
  
  <p>But I don't like that!</p>
  
  <p>I want to create something like rule, so that you can use just: <code>{{heart}}</code>, <code>{{star}}</code>, <code>{{apple}}</code>.</p>
  
  <p>and if you try to use another that, it won't work.</p>
  
  <p>Something like a 2d array:</p>
  
  <blockquote>
    <p>{{heart}} => fa fa-heart, </p>
    
    <p>{{star}} => fa fa-star,</p>
    
    <p>etc.</p>
  </blockquote>
  
  <p>I have this code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> $(document).ready(function(){
   document.body.innerHTML = document.body.innerHTML.replace(/\{{([^}]+)}}/g, '&lt;i class="fa fa-$1"&gt;&lt;/i&gt;');
  });</code></pre>
  </div>
  </div>
  </p>