JSFiddle - React, Tailwind, and code Playground

HTML

<div contenteditable="true">
    <p>texto texto texto palavra-chave. texto palavra-chave, texto texto.</p>
</div>

CSS

.format {
    color: red;
    font-style: italic;
}
span.format {
    color: #aad;
}

JavaScript

var editavel = document.querySelector('div[contenteditable="true"]');
var novoConteudo = '<span class="format">palavra-chave</span>';
editavel.innerHTML = editavel.innerHTML.split('palavra-chave').join(novoConteudo);