TipTap Rich Text Editor w panelach Dokumenty i Komunikacja
Filip Borkowski, Backend/Frontend/Fullstack Engineer
TipTap — profesjonalny edytor tekstu
Oba panele — Dokumenty oraz Komunikacja — korzystają teraz z edytora TipTap zamiast własnego, blokowego systemu edycji. TipTap to dojrzały edytor oparty o ProseMirror, znany m.in. z Notion i Linear.
Pasek narzędzi
Edytor zawiera pełny pasek narzędzi z przyciskami:
- Nagłówki H1 / H2 / H3
- Formatowanie — pogrubienie, kursywa, podkreślenie, przekreślenie, kod inline
- Listy — punktowana, numerowana, cytat, blok kodu
- Wyrównanie — do lewej, środek, do prawej
- Link — wstawianie i edycja linków
- Linia pozioma, usuwanie formatowania
Panel Dokumenty
Custom block editor (BlockRow + SlashMenu) zastąpiony edytorem TipTap. Dokumenty zapisywane są teraz jako HTML. Zachowano: tytuł, auto-save co 1,2 s, udostępnianie (link publiczny), toggle Wiki/Dokument.
Panel Komunikacja
Pola tekstowe wiadomości (nowa wiadomość, odpowiedź w kanale, odpowiedź w DM) zastąpiono edytorem TipTap. Wiadomości przesyłane i wyświetlane jako HTML — obsługa formatowania w całym panelu komunikacji.