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?
1
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.