Estoy tratando de tomar la entrada del usuario y encontrar todos los textos que se parecen a esto >>523 como lo hacen los tableros de imágenes. Los convierto en cadenas de plantilla HTML a través del método de reemplazo de expresiones regulares y desinfecto la cadena. luego puse la cadena en esbelta con {@html input} . Funciona muy bien pero tengo algunos problemas.

Aquí está el enlace a un REPL https://svelte.dev/repl/737a125144474234a100cd871c1d4d5b?version=3.42.6

Si miras en la consola (por alguna razón me hace usar la consola devtools, la consola repl no funciona) puedes ver que me da los dos a allí, pero el método forEach no funciona

Quiero que el elemento creado se vincule a la publicación a la que se hace referencia. pero una publicación puede tener muchos elementos de quote link de citas. y no tengo idea de cómo obtener una referencia variable para ellos porque no puedo usar {#each} y probé esto dentro de onMount:

 let quotes = document.getElementsByClassName('postlink'); quotes.forEach((q) => { q.addEventListener('mouseover', (e) => { console.log('mousing over q:', q); }); q.addEventListener('mouseout', (e) => { console.log('mouse left q:', q); }); }); console.log(quotes);

Y me da error de tipo en la consola.

TypeError no detectado: quotes.forEach no es una función

¿Cómo puedo lograr esto? Quiero que los eventos mouseover y mouseout muestren una vista previa de la publicación a la que se vincula el enlace de cita.