Die Schritte zur Installation und Konfiguration von Tiptap Notion-like Template sind wie folgt:
- Anmelden und abonnierenBesuchen Sie cloud.tiptap.dev/register, um ein Konto zu erstellen und den Start-Plan zu abonnieren (kostenlose Testversion verfügbar). Für Produktionsumgebungen ist ein kostenpflichtiges Abonnement erforderlich.
- Vorlage holenNach dem Einloggen besuchen Sie das private GitHub-Repository, das von Tiptap auf Einladung zur Verfügung gestellt wird, um den Code der Notion-ähnlichen Vorlage herunterzuladen.
- Installation von AbhängigkeitenAusführen im Projektverzeichnis
npm installBefehl, um Abhängigkeiten zu installieren. - Umgebungsvariablen konfigurieren: Erstellen Sie die .env-Datei im Stammverzeichnis des Projekts, fügen Sie die
TIPTAP_COLLAB_TOKENim Gesang antwortenTIPTAP_AI_API_KEYum Zusammenarbeit und KI-Funktionen zu ermöglichen. - Integrierter StilHinzufügen von Stilen der Klasse .tiptap zu CSS, die auch mit Frameworks wie Tailwind CSS verwendet werden können.
- Laufende Projekte: durch
npm run devStarten Sie den Entwicklungsserver und besuchen Sie localhost:3000 in Ihrem Browser, um den Editor anzuzeigen. - Optionale CLI-Installation: Verfügbar
npx @tiptap/cli add notion-like-editorBefehl, um die Vorlage schnell zu installieren.
Hinweis: Tiptap Cloud oder selbst gehostete Hocuspocus-Server müssen in Produktionsumgebungen konfiguriert werden, um eine stabile Zusammenarbeit zu gewährleisten.
Diese Antwort stammt aus dem ArtikelTiptap Notion-ähnliche Vorlage: Schnelle Integration eines Notion-ähnlichen KollaborationseditorsDie
Darf nicht ohne Genehmigung vervielfältigt werden:KI-Produktivitätswerkzeuge " Wie installiert und konfiguriert man Tiptap Notion-like Template?
Deutsch 
简体中文 
English 
日本語 
Português do Brasil