Выделить слово и применить стиль

[JsLoveR]

Добрый день всем!
Возник вопрос: допустим у меня есть блок текста в диве, я хочу сделать форматирование текста как в Ворде, допустим, выделяю слово из этого блока текста, клацаю на иконку "В" и это слово становится жирным. То есть по выделению изменять стиль выделенного участка текста из исходного блока. Допустим по выделению заворачивать текст в какой-нибудь тэг и вешать на этот тэг какой-то стиль. Вообще можно как-то осуществить это или сделать кроссбраузерно ?

[exec]

::selected { … }

[JsLoveR]

exec,
можно подробнее?

[exec]

Вот

[Octane]

Тут я делал попытки поиска текста в произвольном HTML-коде: Поиск текста на странице

Вот к примеру оборачивание в ссылку (кусок кода из проекта):

…
if ($Range.standardsCompliant) {
	var link = this.cloneNode(false);
	try {
		range.surroundContents(link);
	} catch (error) {
		try {
			var fragment = range.extractContents();
			range.insertNode(link);
			link.appendChild(fragment);
		} catch (error) {
			range.insertNode(link);
		}
	}
} else {
	range.execCommand("CreateLink", false, this.href);
	//range.pasteHTML('<a href="' + this.href + '">' + $Range.stringify(range) + '</a>');
}
…

Подробнее здесь: http://fastcoder.org/articles/?aid=609

[JsLoveR]

Спасибо всем, особенно Octane.