テキスト段落内の文字列を検索してタグ付けする
<p>次のような段落があります。</p>
<pre class="brush:html;toolbar:false;"><p>
Lorem ipsum <b>amet、consetetur sadipscing elitr、sed diam</b> dolor sit noumy eirmod Tempor
Invidunt ut Labore et dolore magna aliquyamerat, sed diam voluptua. At vero eos et accusam
et justo due dolores et ea rebum</i>. Stet clita kasd gubergren, no sea takimata sanctus
</p>
</pre>
<p><code>「Lorem ipsum amet, consetetur sadipscing elitr」</code> のような文字列もあります。
Javascriptを使用して、元の段落のこの特定の文字列に下線を引きたいと考えています。 </p>
<p>クラス/ID (-> CSS: text-decoration:underline) を使用してスパンを挿入する必要があると思いますが、段落内の正しいインデックスを決定する方法がわかりません (< 内の < を無視します)文字列検索 ;code><b></code>、<code><i></code> など。ただし、スパンのインデックスを基準にした検索も含まれます)。 </p>
<p>ご提案いただきありがとうございます。 </p>