Скрипт позволяет изменять любой символ или фразу в тексте

Предлагаю вам старый и забытый скрипт который позволяет изменить любой символ вашего текстав сообщение на то что вы захотите, к примеру на анимации скрина показано как весь текст который был найден ucozon.ru в новости, изменяется на красного цвета выделенный и с разным размеров букв: UcozOn.Ru , так можно делать с любой буквой или запятой, и заменять на все что угодно, к примеру на все ссылки можно запрет сделать на вывод таким образом, и.т.д все на вашу фантазию и желание что либо сделать.
На рисунки показан лишь пример что можно сделать, но можно так же сделать привлекательным текст для чтения путем к примеру выделения сокращений или символов нужных для поиска пользователя в нужный цвет... в общем ставим и сморим, на рисунке реальный пример.

Установка и работа:
Нам нужно заключить действие скрипта в определенный участок а именно в сам текст, мы задаем имя ID для работы id="body" вот таким вот образом через div массив:

Code

<div id="body">$MESSAGE$</div>

После этого на этой же странице вставляем сам скрипт в котором пишем свое измнинение, как видите все расписано что меняем и на что заменяем:

Code

<script>
s1=/ucozon.ru/g; // а - что меняем
s2="<font color=\'#ff0000\'><b>UcozOn.Ru</b></font>"; // на что меняем
s3=document.getElementById('body');s3.innerHTML=s3.innerHTML.replace(s1,s2)
</script>

Если у вас есть желание менять отдельные буквы и задать каждой отдельный цвет то можно сделать сособщение что бы каждая буква имела свои цвет илм заменялась на другой символ, вот смотрите результат работы скрипта на скрине:

а вот и сам код который и творит такую радугу с текстом:

Code

<script>
s1=/ucozon.ru/g; // а - что меняем
s2="<font color=\'#ff0000\'><b>UcozOn.Ru</b></font>"; // на что меняем
s3=document.getElementById('body');s3.innerHTML=s3.innerHTML.replace(s1,s2)

c1=/CMS/g; // а - что меняем
c2="<font color=\'#ff0000\'><b>CMS</b></font>"; // на что меняем
c3=document.getElementById('body');c3.innerHTML=c3.innerHTML.replace(c1,c2)

u1=/UcoZ/g; // а - что меняем
u2="<font color=\'#00CC33\'><b>UcoZ</b></font>"; // на что меняем
u3=document.getElementById('body');u3.innerHTML=u3.innerHTML.replace(u1,u2)
</script>

Изменять его таким образом можно бесконечно и сделать на весь алфавит в тексте как в цирке всех цветов радуги.