Jak zamienić komponent React do html zachowując event listenery

1

Hej, mam edytor RichText taki jak tutaj na 4programmers i moge miedzy innymi dodac mozliwosc wspomnienia uzytkownika po kliknieciu @. Jest to prosty tag <a href="user page..."/>. Normalnie jesli chce wygenerowac strone w oparciu o html z edytora to po prostu uzywam div dangerouslySetInnerHtml=../> ale niestety HTML ktory dostaje z edytora jest pod pewnymi wzgledami ograniczony. Np. chcialbym dodac mozliwosc pojawienia sie tooltipa w momencie w ktorym ktos najezdza myszka na ten link z uzytkownikiem. Oczywiscie moge to zrobic uzywajac useEffect i biblioteki tippy.js (dodac tooltipy juz po wyrenderowaniu tagow a), ale zastanawiam sie czy da sie to zrobic inaczej. Mianowicie mam w React dokladnie taki sam komponent do wyswietlania tooltipa z danymi uzytkownika ktory korzysta z tooltipa z radix-ui. Czy daloby sie jakos prosto podmienic te proste tagi a wlasnie przez taki koponent? Jak najprosciej moznaby to bylo zrobic?

0

Mógłbyś podać przykład kodu który wpisujesz w swój edytor RichText?

0
Riddle napisał(a):

Mógłbyś podać przykład kodu który wpisujesz w swój edytor RichText?

Tzn? Uzywam Tiptapa.

Problem rozwiazalem z biblioteka https://www.npmjs.com/package/html-react-parser ktora pozwala podmienic konkretne elementy z DOM na komponenty react.

1 użytkowników online, w tym zalogowanych: 0, gości: 1