Estou tentando alterar os links das tags usando o código abaixo e parece funcionar ao atualizar a página ou ao navegar para uma nova página, mas não funciona ao rolar a página para baixo, onde o carregamento infinito traz novos itens:
<script type="text/discourse-plugin" version="0.8">
api.onPageChange(() =>{
var tags = document.getElementsByClassName("discourse-tag");
for (i = 0; i < tags.length; i++) {
var tag = tags[i];
var url = tag.href;
var newUrl = "https://site.com" + url;
tag.href = newUrl;
}
});
</script>
Preciso usar algo diferente ou adicional ao api.onPageChange?
Sim, isso não vai funcionar. Ele só será acionado em uma mudança de rota. Você precisa considerar sobrescrever o código que realmente renderiza essas tags diretamente, em vez de usar seleção de DOM.
Alguma ideia do que estou fazendo de errado? Será que algo mudou desde que li os guias? (Por algum motivo, eu achava que era tão simples quanto sobrescrever arquivos para alterar pequenas coisas como essa).
Obrigado! Curioso, comecei a personalizar o Tag Icons ontem à noite e consegui fazê-lo funcionar!
Por curiosidade, no entanto, o método de substituição de arquivo do plugin que descrevi acima também deveria ter funcionado? (Se sim, alguma ideia do que eu estava fazendo de errado?)