Как найти и обернуть в тег нужное слово?

Question

[leviathan]

Например, в тексте есть определённые слова, их нужно найти и автоматом обернуть в теги. Как реализовать?

Answer 1

[Павел Корнилов]

Вот, блин, никогда не думал, что все так сложно =)

<div id="block4ch">
	Нужно здесь подчеркнуть каждое слово <b>подчеркнуть</b>.
</div>
<script>
	var block= document.getElementById('block4ch');
	block.innerHTML= block.innerHTML.replace(/(подчеркнуть)/ig, '<u>$1</u>');
</script>

Comments

[leviathan]

До этого пока не доходил. Не подскажете, как на вашем примере, обернуть текст вместе с символами " <подчеркнуть> "? Прочитал про регулярные выражения, но не могу понять как такое записать...

[Павел Корнилов]

The_Lars: Дай конкретный пример. Я не понял, что ты имеешь в виду под словом символы? Объекты symbol?

[leviathan]

KorniloFF: < и >

[Павел Корнилов]

The_Lars:
их также можно вставить в регулярное выражение, даже без экранирования. Если дашь полный пример искомого слова или фразы с использованием этих символов - напишу регулярку. Впрочем, все будет на основе того кода, что я уже дал.

[leviathan]

KorniloFF:
Пример:
Сегодня <отличная> погода!
Нужно автоматом загнать "<отличная>" в тег.

[Павел Корнилов]

<div id="block4ch">
  Сегодня <отличная> погода!
</div>
<script>
'use strict';
  var block= document.getElementById('block4ch');

  block.innerHTML= block.textContent.replace(/(<отличная>)/ig, '<u>$1</u>');
</script>

[leviathan]

KorniloFF: KorniloFF: Как всё просто. Спасибо большое!

Answer 2

[Максим Тимофеев]

Можно просто библиотеку для markup использовать:
https://github.com/adammark/Markup.js
Пойдет?