Fala, galera.. Blz? To com uma dúvida aqui. Estou desenvolvendo um app de chat em vue, e digamos que eu envie ou receba uma mensagem da seguinte forma:
msg = "Oi, fulano. Acesse esse <a href="link">link</a> e digite <span>Meu nome é <a href="teste">teste</a></span>. Depois disso, vá até tal lugar e então cole o código <header> <div class="title text-center"><h1>Testando</h1></div> </header>."
Ao renderizar a mensagem, será criado o link, span, h1, etc.. Existe alguma forma de , por exemplo, eu 'varrer' a mensagem toda e verificar todas as tags, elementos, scripts, enfim , e o que começar diferente de e terminar com eu adicionar a tag code na frente e no final? Ai, no caso, a seguinte mensagem ficaria assim:
Oi, fulano. Acesse esse link e digite <code><span>Meu nome é <a href="teste">teste</a></span><code>
. Depois disso, vá até tal lugar e então cole o código <code><header> <div class="title text-center"><h1>Testando</h1></div> </header></code>.
Ou seja, ele verificou que existe um link e não fez nada, depois verificou que existe uma tag span, encontrou tudo que está dentro dela e adicionou ela dentro de uma tag code.. continuou, viu que existe uma tag header, encontrou o final dela e adicionou ela dentro de uma tag code. Tentei com regex e não consegui nem na bala.. Se alguém puder me dar um help.. <3
<a>
não deve ficar<code><a></code>
?