Novel Howto
Novel est un éditeur WYSIWYG de style Notion avec des autocomplétions alimentées par l'IA pour une écriture efficace et intelligente.
Voir plusComment utiliser Novel
Installer Novel: Installez Novel dans votre projet en exécutant 'npm i novel' dans votre terminal.
Configurer les variables d'environnement: Configurez les variables d'environnement requises : OPENAI_API_KEY pour l'intégration OpenAI et BLOB_READ_WRITE_TOKEN pour l'accès au Blob Vercel.
Importer les composants Novel: Importez les composants Novel nécessaires dans votre code React, tels que EditorContent et EditorRoot.
Créer un composant éditeur: Créez un composant qui utilise l'éditeur Novel, en enveloppant EditorContent à l'intérieur d'EditorRoot.
Configurer le contenu initial: Définissez le contenu initial pour l'éditeur en utilisant la prop initialContent sur EditorContent.
Gérer les mises à jour de contenu: Utilisez la prop onUpdate sur EditorContent pour gérer les modifications du contenu de l'éditeur.
Personnaliser l'apparence: Personnalisez l'apparence de l'éditeur en utilisant des classes Tailwind CSS ou votre méthode de style préférée.
Implémenter des fonctionnalités IA: Utilisez les autocomplétions alimentées par l'IA en configurant l'intégration OpenAI.
Ajouter des fonctionnalités supplémentaires: Implémentez des fonctionnalités supplémentaires comme le téléchargement d'images ou l'édition collaborative selon les besoins de votre projet.
Tester et affiner: Testez l'éditeur en profondeur et affinez sa fonctionnalité et son apparence en fonction de vos exigences spécifiques.
FAQ de Novel
Novel est un éditeur WYSIWYG (Ce que vous voyez est ce que vous obtenez) de style Notion avec des complétions automatiques alimentées par l'IA. Il est construit avec Tiptap, OpenAI et Vercel AI SDK.
Articles populaires
ElevenLabs Voice Design : Un tutoriel étape par étape pour créer des voix uniques
Oct 25, 2024
Midjourney lance un puissant éditeur d'images IA le 24 octobre 2024
Oct 25, 2024
Le Nouvel Outil d'IA d'Anthropic Redéfinit l'Automatisation avec une Utilisation Informatique Similaire à l'Humain
Oct 24, 2024
Nouveaux Modèles Vidéo Krea AI en Bêta : Avec Hailuo AI, Luma AI Dream Machine, Runway, et Kling
Oct 24, 2024
Voir plus