Note that there are some explanatory texts on larger screens.

plurals
  1. POJavaScript regular expression: inserting span tag for each character
    primarykey
    data
    text
    <p>I have a regular expression task at hand and can really use some help. </p> <p>Say I have a text like below: </p> <pre><code>To Sherlock Holmes she is always &lt;i&gt;THE&lt;/i&gt; woman. </code></pre> <p>I need to enclose each character in a span tag, with exception of HTML tags. For example, the text above would be: </p> <pre><code>&lt;span&gt;T&lt;/span&gt;&lt;span&gt;o&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;S&lt;/span&gt;&lt;span&gt;h&lt;/span&gt; &lt;span&gt;e&lt;/span&gt;&lt;span&gt;r&lt;/span&gt;&lt;span&gt;l&lt;/span&gt;&lt;span&gt;o&lt;/span&gt;&lt;span&gt;c&lt;/span&gt; &lt;span&gt;k&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;H&lt;/span&gt;&lt;span&gt;o&lt;/span&gt;&lt;span&gt;l&lt;/span&gt; &lt;span&gt;m&lt;/span&gt;&lt;span&gt;e&lt;/span&gt;&lt;span&gt;s&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;s&lt;/span&gt; &lt;span&gt;h&lt;/span&gt;&lt;span&gt;e&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;i&lt;/span&gt;&lt;span&gt;s&lt;/span&gt; &lt;span&gt; &lt;/span&gt;&lt;span&gt;a&lt;/span&gt;&lt;span&gt;l&lt;/span&gt;&lt;span&gt;w&lt;/span&gt;&lt;span&gt;a&lt;/span&gt; &lt;span&gt;y&lt;/span&gt;&lt;span&gt;s&lt;/span&gt;&lt;span&gt; &lt;/span&gt;&lt;i&gt;&lt;span&gt;T&lt;/span&gt;&lt;span&gt;H&lt;/span&gt; &lt;span&gt;E&lt;/span&gt;&lt;/i&gt;&lt;span&gt; &lt;/span&gt;&lt;span&gt;w&lt;/span&gt;&lt;span&gt;o&lt;/span&gt;&lt;span&gt;m&lt;/span&gt; &lt;span&gt;a&lt;/span&gt;&lt;span&gt;n&lt;/span&gt;&lt;span&gt;.&lt;/span&gt; </code></pre> <p>Note that: </p> <ul> <li>each character is enclosed in a span tag, even a space</li> <li>HTML tag, <code>&lt;i&gt;&lt;/i&gt;</code> is not</li> </ul> <p>Any suggestion is welcome. </p> <p>Thanks! </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload