Esta solução usa replace
com Expressão Regular para substituir as ocorrências. Porém é necessário que o texto a ser analisado esteja dentro de alguma tag.
Exemplo:
document.addEventListener("DOMContentLoaded", function(){
var links = {
"contato aqui": "linkcontatoaqui.html",
"abaixo-assinado": "linkaabaixoassinado.html",
"ajuda": "linkajuda.html",
"linha": "linklinha.html"
}
var bodi = document.querySelectorAll("body *:not(script)");
for(var x=0; x<bodi.length; x++){
var html = bodi[x].innerHTML;
for(var i in links){
var re = new RegExp("\\b(?![^<]*?>)("+i+")(?!>)", "gi");
html = html.replace(re, ' <a href="'+links[i]+'">$1</a>');
}
bodi[x].innerHTML = html;
}
});
Contato ← este não é alterado porque não está dentro de uma tag
<div class="ajuda">
<div data-url="http://ajuda.com">ajuda</div>
<br>
abaixo-assinado galinha ou linha
<br>
Você talvez precise de ajuda, caso tenha duvidas entre em Contato conosco
<p>Você talvez precise de Ajuda caso tenha duvidas entre em contato.</p>
</div>
<p>Você talvez precise de Ajuda caso tenha duvidas entre em contato aqui ajuda.</p>
A expressão "\\b(?![^<]*?>)("+i+")(?!>)"
irá buscar no HTML dos elementos cada nome dos itens do objeto links
e fazer o replace
pelo grupo $1
e aplicando o seu respectivo valor na tag <a>
.
Pelo padrão da expressão regular, só serão substituídas as palavras que não estiverem dentro dos limitadores de tags <>
(atributos, propriedades etc.). O gi
são as opções da expressão. O g
irá capturar todas as ocorrências, e o i
irá ignorar o case sensitive (veja que no exemplo tanto a palavra "ajuda" quanto "Ajuda" foram substituídas).
Este seletor document.querySelectorAll("body *:not(script)");
irá selecionar todos os elementos que estiver no body
(exceto textos fora de tags, conforme dito no início desta resposta) e o :not(script)
irá impedir que seja selecionado conteúdo de scripts, que não interessa neste caso.
No objeto links
você pode criar uma lista de palavras, seguido do link que deseja para cada uma:
var links = {
"contato": "linkcontato.html",
"ajuda": "linkajuda.html" ← link da palavra
} ↑
palavra a ser
substituída
Edit
Para pular tags que não possuem innerHTML pode-se incluir o conteúdo do primeiro for
em um if
que faz essa verificação:
for(var x=0; x<bodi.length; x++){
if(bodi[x].innerHTML.length){ // ← ignora tags sem innerHTML
var html = bodi[x].innerHTML;
for(var i in links){
var re = new RegExp("\\b(?![^<]*?>)("+i+")(?!>)", "gi");
html = html.replace(re, ' <a href="'+links[i]+'">$1</a>');
}
bodi[x].innerHTML = html;
}else{
console.log(bodi[x]);
}
}