Novel Howto
Novel adalah editor WYSIWYG gaya Notion dengan autocompletion yang didukung AI untuk penulisan yang efisien dan cerdas.
Lihat Lebih BanyakInformasi Lebih Lanjut
Cara Menggunakan Novel
Instal Novel: Instal Novel di proyek Anda dengan menjalankan 'npm i novel' di terminal Anda.
Atur variabel lingkungan: Atur variabel lingkungan yang diperlukan: OPENAI_API_KEY untuk integrasi OpenAI dan BLOB_READ_WRITE_TOKEN untuk akses Vercel Blob.
Impor komponen Novel: Impor komponen Novel yang diperlukan dalam kode React Anda, seperti EditorContent dan EditorRoot.
Buat komponen editor: Buat komponen yang menggunakan editor Novel, membungkus EditorContent di dalam EditorRoot.
Konfigurasi konten awal: Atur konten awal untuk editor menggunakan prop initialContent pada EditorContent.
Tangani pembaruan konten: Gunakan prop onUpdate pada EditorContent untuk menangani perubahan pada konten editor.
Kustomisasi penampilan: Kustomisasi penampilan editor menggunakan kelas Tailwind CSS atau metode styling pilihan Anda.
Terapkan fitur AI: Manfaatkan autocompletion yang didukung AI dengan mengonfigurasi integrasi OpenAI.
Tambahkan fitur tambahan: Terapkan fitur tambahan seperti pengunggahan gambar atau pengeditan kolaboratif sesuai kebutuhan proyek Anda.
Uji dan perbaiki: Uji editor secara menyeluruh dan perbaiki fungsionalitas serta penampilannya berdasarkan kebutuhan spesifik Anda.
FAQ Novel
Novel adalah editor gaya Notion WYSIWYG (What You See Is What You Get) dengan autocompletion yang didukung AI. Ini dibangun dengan Tiptap, OpenAI, dan Vercel AI SDK.
Tren Traffic Bulanan Novel
Sebanyak 34.239 kunjungan ke Novel pada Desember 2024, yang menunjukkan peningkatan sebesar 12,9%, kemungkinan mencerminkan peluncuran beberapa novel terkenal dan minat umum terhadap karya-karya sastra baru. Pertumbuhan kunjungan sebanyak 3.904 mungkin disebabkan oleh kehebohan seputar peluncuran baru dan beragamnya genre serta tema yang ditawarkan.
Lihat riwayat traffic
Artikel Populer

Reve 1.0: Generator Gambar AI Revolusioner dan Cara Menggunakannya
Mar 31, 2025

Gemma 3 dari Google: Temukan Model AI Paling Efisien Saat Ini | Panduan Instalasi dan Penggunaan 2025
Mar 18, 2025

Kode Kupon Merlin AI Gratis di Bulan Maret 2025 dan Cara Menukarkannya | AIPURE
Mar 10, 2025

Kode Kupon Kaiber AI Gratis untuk Bulan Maret 2025 dan Cara Menukarkannya
Mar 10, 2025
Lihat Selengkapnya