Соответствие шаблону в тексте javascript

Question

У меня есть текст с шаблонами, например,% text% внутри. Как я могу получить эти шаблоны в javascript, чтобы обернуть их в промежутки и изменить цвет?

Спасибо!

Answer 1

Используйте Regex

if (String.match(/text/gi)) { 
    //wrap span around String and change color of CSS 
} 

Answer 2

Если шаблон между % с всегда чистым текстом (без пробелов и т.д.), вы можете сделать что-то вроде этого:

text = text.replace(/%\w*%/g, function (txt) { 
    return '<span style="color: red">' + txt.substring(1, txt.length-1) + '</span>'; 
}); 

Хотя сопоставление с образцом MikeM является далеко вперед, я оставляю этот ответ, чтобы показать, как вы также можете использовать функцию для манипулирования совпадающей строкой или даже получить какой-то другой материал в зависимости от соответствия.

Answer 3

var str = 'Some text with patterns like %text% inside.'; 

str = str.replace(/%([^%]+)%/g, '<span style="color: blue">$1</span>');  
// Some text with patterns like <span style="color: blue">text</span> inside.