Change part color of a string

Question

I need to do a query in Mysql and change the cvor of a piece of text if a specific string is contained in the text.

For example: My tah td returns a text

<td id="conteudo" class="tablesaw-priority-5 tablesaw-cell-visible>{{$value->conteudo}}</td> 

If this returned text has any substring for example: XXXX

I need this XXXX to be in red and the rest in the original color in black.

It is possible to accomplish this?

Answer 1

in the template engine you can use any function available on PHP, knowing this we can use the function preg_replace replacing a text according to a regular expression, see:

$texto = "este é o texto-que-eu-quero"
$formatado = preg_replace("/texto-que-eu-quero/", "<span>xxx</span>", $texto);
echo $formatado; // A saída será "este é o <span>xxx</span>"

Your code:

<td
    id="conteudo"
    class="tablesaw-priority-5 tablesaw-cell-visible>
        {{ preg_replace("texto-que-eu-quero", "<span>xxx</span>", $value->conteudo) }}
</td>

This way you can apply a css only in span and could use anywhere. (don’t forget to apply a class in span to avoid conflicts)

span {
    color: yellow;
}

Answer 2

Follow an example of changing part of a string.

var valor = "Aqui vem o resultado da sua string";
var termo = "resultado";

var str = valor.replace(termo, "<span class='AlteraCor'>" + termo + "</span>")

document.getElementById('result').innerHTML = str;

.AlteraCor{
color: blue;
}

<span id="result"></span>