Podes usar um elemento temporário para limpar isso.
Eu costumo fazer assim:
function limparHTML(html) {
const proxy = document.createElement('div');
proxy.innerHTML = html;
return proxy.innerText;
}
const HTML = 'Vestibulum varius lectus a ante euismod <img src="teste2.jpg"> cursus. Nam sed semper augue, a laoreet purus. <img src="teste.jpg"> Vivamus ut risus eu lectus imperdiet sollicitudin.';
const limpo = limparHTML(HTML);
alert(limpo);
Se estiveres em ambiente Node.js ou não puderes usar elementos como sugeri, podes tentar com RegExp.
Nesse Caso poderia ser assim:
function limparHTML(html) {
return html.replace(/<img[^>]*>/g, '');
}
const HTML = 'Vestibulum varius lectus a ante euismod <img src="teste2.jpg"> cursus. Nam sed semper augue, a laoreet purus. <img src="teste.jpg"> Vivamus ut risus eu lectus imperdiet sollicitudin.';
const limpo = limparHTML(HTML);
alert(limpo);
A idea de /<img[^>]+>/g
é:
- tem de ter a string
<img
- depois da string (em cima)
[^>]*
quer dizer "qualquer caractere, excluíndo o >
zero ou mais vezes"
- finalizar com o caractere `>``
g
quer dizer "globalmente", em todas as ocorrências
Nota: Na primeira versão da minha resposta com regex tinha [^>]+
, mas mudei para *
, zero ou mais vezes, e que o Randrade sugeriu primeiro, pois pode haver casos de tags só com <img>