Estou assumindo que você está familiarizado com a sintaxe de JavaScript, se sabe como um switch
e case
funciona. Se estiver enganado, sugiro começar com um tutorial de JavaScript, ou talvez fazer uma pergunta mais específica (tipo: "como funciona o swith no JavaScript?").
No código de exemplo postado, walk
é uma função recursiva que "visita" um elemento, depois visita todos os seus sub-elementos. Portanto, se seu HTML for algo do tipo:
<body>
<div id="a">
<span id="b"></span>
<span id="c"></span>
</div>
<div id="d">
<span id="e"></span>
</div>
<div id="f"></div>
</body>
Ele vai visitar nessa ordem: body
, div#a
, span#b
, span#c
, div#d
, span#e
, div#f
. Isso é o que os 3 primeiros case
s fazem - se o elemento visitado for do tipo "elemento, "documento" ou "fragmento de documento", visite seus filhos. Dessa forma, todo o conteúdo do documento será visitado, como você quer.
Já o outro case
é para tratar de nós de texto. Um nó de texto é simplesmente o conteúdo textual de um elemento. Por exemplo, os nós de texto do exemplo abaixo:
<span>Este <b>é</b> um texto <i>formatado</i>.</span>
são:
- Em
span
: "Este ", " um texto ", "."
- Em
b
: "é"
- Em
i
: "formatado"
Toda vez que um nó de texto é visitado ele chama o handleText
, que por sua vez pega o conteúdo desse nó (i.e. uma string) e põe na variável v
. Ele altera a variável v
, e depois atribuir de volta ao nó de texto.
Espero que isso tenha te ajudado a entender como o exemplo funciona, de modo que você possa adaptá-lo para fazer o que quer. Por exemplo, para fazer a substituição que você quer, basta fazê-lo na variável v
, em vez de criar uma variável nova (str
).
v = v.replace(/Será substituído/gim,"Substituirá")
Mover os textos "hardcoded" para uma variável, de modo a ficar mas fácil modificá-la:
var de = /Será substituído/gim;
var para = "Substituirá";
...
v = v.replace(de, para);
E por fim achar um meio de atribuir valores para essas duas variáveis. Não tenho experiência com extensões do Chrome e portanto não sei se essa é a melhor maneira, mas um jeito seria simplesmente usar prompt
:
var de = new RegExp(prompt("Entre com o texto a procurar", "Será substituído"), "gim");
var para = prompt("Entre com o texto a substituir", "Substituirá");
...
(O segundo argumento é um valor padrão, que você pode omitir se não quiser um)