Форумы портала PHP.SU :: Версия для печати :: Выделение цветом нескольких совпадающих слов

Страниц (1): [1]

1. thefreedom - 25 Февраля, 2020 - 09:44:25 - перейти к сообщению

Добрый день.
Просьба помочь подправить код так, чтобы подсвечивались 1ки одним цветом, а 2ки другим, неправильный конец кода, как его правильно в один массив запихнуть 2 поиска ?
Заранее спасибо.

CODE (htmlphp):
скопировать код в буфер обмена

<body onload="codeTags();">
 
<script type="text/javascript">
function codeTags () {
 
 var search_strings = ['1']; //Массив выделяемых слов
 var search_strings_2 = ['2']; //Массив выделяемых слов
 
 var doc = document || window.document;
 var string = doc.body.innerHTML; //Строка с содержимым тега body документа
 
 for (var i = 0; i < search_strings.length; i++) { //Цикл по массиву слов
  var reg = new RegExp (
   '(\\s|^|>)([\\(\\{\\[\\"\'])?' +  //Разделители и открывающая скобка или кавычка
   search_strings[i] + //Исходная строка
   '(\\s|$)?([\\u2000-\\u206F\\u2E00-\\u2E7F\\)\\]\\}\\"\'!#\\$%&\\*\\+,\\-\\.\\/:;<=>\\?@^_\\`\\|\\~])?','gi');
    //Разделители и закрывающая скобка, кавычка или знак препинания
        
  string = string.replace (reg,'$1$2<font color=red>' + search_strings[i] + '</font>$3$4');
   string = string.replace (reg,'$1$2<font color=green>' + search_strings_2[i] + '</font>$3$4');
   
 }
 doc.body.innerHTML = string; //Вернуть документ назад
}
</script>

function codeTags () {

var search_strings = ['1']; //Массив выделяемых слов

var search_strings_2 = ['2']; //Массив выделяемых слов

var doc = document || window.document;

var string = doc.body.innerHTML; //Строка с содержимым тега body документа

for (var i = 0; i < search_strings.length; i++) { //Цикл по массиву слов

var reg = new RegExp (

'(\\s|^|>)([\\(\\{\\[\\"\'])?' + //Разделители и открывающая скобка или кавычка

search_strings[i] + //Исходная строка

'(\\s|$)?([\\u2000-\\u206F\\u2E00-\\u2E7F\\)\\]\\}\\"\'!#\\$%&\\*\\+,\\-\\.\\/:;<=>\\?@^_\\`\\|\\~])?','gi');

//Разделители и закрывающая скобка, кавычка или знак препинания

string = string.replace (reg,'$1$2<font color=red>' + search_strings[i] + '</font>$3$4');

string = string.replace (reg,'$1$2<font color=green>' + search_strings_2[i] + '</font>$3$4');

doc.body.innerHTML = string; //Вернуть документ назад

search_strings[0]=['1','3','5'];

search_strings[1]=['2','4','6'];

dump(search_strings);

alert(search_strings[0][0]); /* -> 1 */

alert(search_strings.length); /* -> 2 */

//------------------------------------------------------------------------

function dump(obj) {

out += i + ": " + obj[i] + "\n";

<title>Test JS function codeTags </title>

function codeTags () {

var search_strings = ['1']; //Массив выделяемых слов

var search_strings_2 = ['2']; //Массив выделяемых слов

search_strings[0]=['1'];

search_strings[1]=['2'];

//---------------------------

var doc = document || window.document;

var string = doc.body.innerHTML; //Строка с содержимым тега body документа

for ( i = 0; i < search_strings.length; i++)

{ //Цикл по массиву строк

for ( j = 0; j < search_strings[i].length; j++)

{//Цикл по по столбцам

reg=getPattern(search_strings[i][j]);

color=i==0?'red':'green';

string = string.replace (reg,'$1$2<font color='+color+'>' + search_strings[i] + '</font>$3$4');

doc.body.innerHTML = string; //Вернуть документ назад

//-----------------------------------------------------------

function getPattern(line){

//Разделители и открывающая скобка или кавычка

pBegin='(\\s|^|>)([\\(\\{\\[\\"\'])?';

//Разделители и закрывающая скобка, кавычка или знак препинания

pEnd= '(\\s|$)?([\\u2000-\\u206F\\u2E00-\\u2E7F\\)\\]\\}\\"\'!#\\$%&\\*\\+,\\-\\.\\/:;<=>\\?@^_\\`\\|\\~])?';

return reg = new RegExp (pBegin + line + pEnd,'gi');

//-------------------------------------------