digitar palavra "quero" e alterar cor automaticamente em javascript

so tem 1 problema:
nao esta salvando automaticamente qnd passa o cartao (escolhendo uma das opçoes la em baixo)

Boa! Só tem esse pequeno bug ao digitar qualquer palavra-chave (quero, brasil), onde o espaço em branco após o último caractere é removido... mas fazendo um pequeno esforço na digitação, funciona rs!

Como reproduzir esse fluxo?

tipoff no anki tem uma extensao de editar cartao durante os estudos
1020366288

coloca esse numero em ferramentas > extensoes > obter extensoes > ok
fecha e abre o anki novamente pra carregar

ai deixa escrito {{edit:Frente}} no cartao la
qnd der 2 cliques na parte escrita, vai da pra editar, sem precisar clicar no botao de editar

https://ankiweb.net/shared/info/1020366288

na imagem, da pra editar e qnd clica fora ja fica salvo

Bom dia pessoal, so pra registrar aqui que um amigo resolveu o problema la do grupo, vou deixar o codigo aqui
depois de digitar brasil ou quero, tem que clicar fora pra salvar, obrigado

{{edit:Frente}}

<style>
.color1 {color: red;}
.color2 {color: blue; background: yellow;}
</style>


<script>
$(document).ready(function() {
var classes = {
'color1': ['brasil', 'brasil-1'],
'color2': ['quero', 'quero-1']
};

$(document).on('blur', '[contenteditable="true"]', function() {
var htmlContent = $(this).html();

for (var className in classes) {
var words = classes[className];
for (var i = 0; i < words.length; i++) {
var word = words[i];
var regex = new RegExp('(' + word + ')', 'gi');
htmlContent = htmlContent.replace(regex, '<span class="' + className + '">$1</span>');
}
}

$(this).html(htmlContent);
});
});
</script>