Существует ли элегантный способ выделить предложение, находящееся в узле HTML и содержащее сам тег HTML?
Документ html может выглядеть примерно так:
<body>
<div>
Our lovely pet's name is <span style='color:blue;font-weight:bold'>Snoopy</span> and he is a pilot too. His best friend is a bird.</div>
</div>
</body>
Пользователи смогут искать в моем документе ключи поиска, например «пилот». Тогда соответствующее предложение должно быть выделено, но предложения (до и после) остаются прежними. Так что это может выглядеть так:
<body>
<div>
<span style='color:red;font-weight:normal'>Our lovely pet's name is </span><span style='color:blue;font-weight:bold'>Snoopy</span><span style='color:red;font-weight:normal'> and he is a pilot too</span>. His best friend is a bird.
</div>
</body>