digitar palavra "quero" e alterar cor automaticamente em javascript

eros18123
(usa Outra)

Enviado em 14/01/2024 - 20:10h

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

tipoff
(usa Outra)

Enviado em 14/01/2024 - 20:10h

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!

tipoff
(usa Outra)

Enviado em 14/01/2024 - 20:16h

Como reproduzir esse fluxo?

eros18123
(usa Outra)

Enviado em 14/01/2024 - 21:06h

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

eros18123
(usa Outra)

Enviado em 14/01/2024 - 21:11h

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

eros18123
(usa Outra)

Enviado em 16/01/2024 - 12:34h

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>