Dla każdego elementu <p>
przeprowadzam analizę zawartego w nim tekstu pod kątem możliwości zalinkowania go. Czyli np. dla elementu:
<p>Jakiś tekst bardzo ciekawy</p>
otrzymuję:
<p>Jakiś tekst <a href="http://bardzo.pl">bardzo</a> ciekawy</p>
Na stronie podmieniam więc outerHTML elementu <p>
na nową i mam linki.
Niestety, takie rozwiązanie odpina wszystkie zdarzenia przypięte zarówno do <p>
jak i jego dzieci. Podejście takie jest więc nieakceptowalne. Próbuję rozkminić, jak uzyskać ten efekt prawilnie, czyli modyfikując strukturę DOM elementu.
Chciałabym więc:
- utworzyć nowy element
<a>
- spoko, proste - wstawić ten element w odpowiednie miejsce elementu
<p>
...
Jakieś podpowiedzi? Oczywiście, żeby za łatwo nie było, struktura wewnątrz <p>
może być dużo bardziej skomplikowana... a linków może być wiele.