title: Find and wrap English characters inside Hebrew text
body: <blockquote>
  <h1>The problem</h1>
  </blockquote>
  <p>I have a large chunk of text in Hebrew (or any other language for that matter, except English).</p>
  <p>Because the client is responsible for the input of all content sometimes he will sometimes enter English characters.</p>
  <p>The website is in wordpress and the location where the client enters the text is the default content area, wysiwyg.</p>
  <p>I need to find every English charcter/word and wrap it. Ignore English characters/words inside html tag &quot;&lt;&gt;&quot; and ignore &amp;nbsp; and everything like this &amp;gt; OR &amp;copy, in this format &amp;...;;</p>
  <blockquote>
  <h1>Example text</h1>
  </blockquote>
  <pre><code>&lt;div class=&quot;content&quot;&gt;
    &lt;p&gt;להאמית קרהשק this000 as well סכעיט דז מא, מנכם&lt;/p&gt;
    &lt;p&gt;טיק מונופץ קליר, בנפת נפקט&lt;/p&gt;
    &lt;p&gt;ת צשחמי צש בליא, מנסוטו צמלח&lt;/p&gt;
    &lt;p&gt;סילקרגשח. &lt;a href=&quot;http://google.com&quot;&gt;ותלברו חשלו text וחאית נו&lt;/a&gt; עמחליף לורם איפסום&lt;/p&gt;
    &lt;p&gt;בעריר גק ליץ, ושבעגט more text here ליבם סולגק&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  <blockquote>
  <h1>Final result</h1>
  </blockquote>
  <p>Find and wrap every match with a span tag,</p>
  <pre><code>&lt;p&gt;להאמית קרהשק this000 as well סכעיט דז מא, מנכם&lt;/p&gt;
  </code></pre>
  <p>Will become</p>
  <pre><code>&lt;p&gt;להאמית קרהשק &lt;span class=&quot;en&quot;&gt;this000 as well&lt;/span&gt; סכעיט דז מא, מנכם&lt;/p&gt;
  </code></pre>
  <p>And so on</p>
  <blockquote>
  <h1>My solution</h1>
  </blockquote>
  <pre><code>&lt;script&gt;
  const to_english_regex = /(?&lt;!&lt;[^&gt;]*)([0-9]+)?[a-z_-]+([0-9\s_-]+)?[a-z_-]+([0-9]+)?/ig
  
  $('.to-english').html(function(_, html) {
          return html.replace(to_english_regex, '&lt;span style=&quot;font-family: futura;&quot;&gt;$&amp;&lt;/span&gt;');
  });
  &lt;/script&gt;
  </code></pre>
  <p>This seems to ignore all English inside the tags but not ignores &amp;...; type of code.</p>
  <p>Alos seems like this <code>(?&lt;!&lt;[^&gt;]*)</code> part causes the problems in IOS devices.</p>
  <p>Any help would be greatly appreciated.</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-js lang-js prettyprint-override"><code>const to_english_regex = /(?&lt;!&lt;[^&gt;]*)([0-9]+)?[a-z_-]+([0-9\s_-]+)?[a-z_-]+([0-9]+)?/ig
  
  
  
  let html = document.getElementById('content').innerHTML
          
          document.getElementById('result').innerHTML = "Result:&lt;br&gt;&lt;pre&gt;" + html.replace(to_english_regex, '&lt;span style="font-family: futura;"&gt;$&amp;&lt;/span&gt;') + "&lt;/pre&gt;";</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#result {background-color: lightblue;}</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="content"&gt;
    &lt;p&gt;להאמית קרהשק this000 as well סכעיט דז מא, מנכם&lt;/p&gt;
    &lt;p&gt;טיק מונופץ קליר, בנפת נפקט&lt;/p&gt;
    &lt;p&gt;ת צשחמי צש בליא, מנסוטו צמלח&lt;/p&gt;
    &lt;p&gt;סילקרגשח. &lt;a href="http://google.com"&gt;ותלברו חשלו text וחאית נו&lt;/a&gt; עמחליף לורם איפסום&lt;/p&gt;
    &lt;p&gt;בעריר גק ליץ, ושבעגט more text here ליבם סולגק&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
    &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  &lt;/div&gt;
  &lt;div id="result"&gt;
  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>