editor.js

editorjs.io | dokumentasi | log perubahan

Tentang

Editor.js adalah editor teks sumber terbuka yang menawarkan berbagai fitur untuk membantu pengguna membuat dan memformat konten secara efisien. Ini memiliki antarmuka modern bergaya blok yang memungkinkan pengguna dengan mudah menambahkan dan mengatur berbagai jenis konten, seperti teks, gambar, daftar, kutipan, dll. Setiap Blok disediakan melalui plugin terpisah yang membuat Editor.js sangat fleksibel.

Editor.js mengeluarkan data JSON yang bersih, bukan markup HTML yang berat. Gunakan di Web, iOS, Android, AMP, Artikel Instan, pembaca ucapan, chatbot AI — di mana saja. Mudah dibersihkan, diperluas, dan diintegrasikan dengan logika Anda.

• ? UI modern di luar kotak
• ? Bersihkan keluaran JSON
• API yang dirancang dengan baik
• ? Berbagai Alat tersedia
• ? Gratis dan sumber terbuka

Instalasi

Ini cukup sederhana:

1. Instal Editor.js
2. Instal alat yang Anda butuhkan
3. Inisialisasi instance Editor

Instal menggunakan NPM, Yarn, atau CDN:

npm i @editorjs/editorjs

Pilih dan instal alat:

• Menuju
• Mengutip
• Gambar
• Gambar Sederhana (tanpa persyaratan backend)
• Daftar Bersarang
• Daftar periksa
• Penyematan tautan
• Sematan (YouTube, Twitch, Vimeo, Gfycat, Instagram, Twitter, dll)
• Meja
• Pembatas
• Peringatan
• Kode
• HTML mentah
• Menempel
• Penanda
• Kode Sebaris

Lihat? Daftar Editor.js yang mengagumkan untuk alat lainnya.

Inisialisasi Editor:

 < div id =" editorjs " > </ div > 

 import EditorJS from '@editorjs/editorjs'

const editor = new EditorJS ( {
  tools : {
   // ... your tools
  }
} )

Lihat detail tentang Instalasi dan Konfigurasi di dokumentasi.

Menyimpan Data

Panggil editor.save() dan tangani Promise yang dikembalikan dengan data yang disimpan.

 const data = await editor . save ( )

Contoh

Lihat example.html untuk melihat contoh yang lebih detail.

Peta jalan

• Toolbar Terpadu
  • Block Tunes dipindahkan ke kiri
  • Toolbox menjadi vertikal
  • Kemampuan untuk menampilkan beberapa tombol Toolbox dengan satu Tool
  • Block Tunes menjadi vertikal
  • Block Tunes mendukung menu bersarang
  • Pemisah pendukung Block Tunes
  • Menu Konversi ditambahkan ke Block Tunes
  • Toolbar Terpadu mendukung petunjuk
  • Toolbar Konversi menggunakan Toolbar Terpadu
  • Toolbar Sebaris menggunakan Toolbar Terpadu
• Pengeditan kolaboratif
  • Menerapkan format JSON Alat Inline
  • Pengamat Operasi, Pelaksana, Manajer, Transformator
  • Menerapkan Undo/Redo Manager
  • Menerapkan perubahan Tools API
  • Menerapkan Server dan komunikasi
  • Perbarui alat dasar agar sesuai dengan API baru
• Fitur lainnya
  • Blok drag'n'drop
  • Seleksi lintas blok baru
  • Tanda sisipan lintas blok baru bergerak
• Perbaikan ekosistem
  • Ikon CodeX — cara menyatukan semua alat dan ikon inti
  • Beranda dan Dokumen Baru
  • @editorjs/create-tool untuk Alat bootstrapping
  • Editor.js DevTools — singkatan dari pengembangan inti dan alat
  • Sistem Desain Editor.js
  • Editor.js Lingkungan Preset
  • Kit Alat Editor.js
  • Sistem bundel inti baru
  • Dokumentasi dan panduan baru

Suka Editor.js?

Anda dapat mendukung peningkatan proyek dan pengembangan fitur baru dengan donasi kepada tim kami.

Donasi melalui OpenCollective
Donasi melalui Crypto
Donasi melalui Patreon

Mengapa menyumbang

Donasi untuk produk sumber terbuka memiliki beberapa keuntungan bagi bisnis Anda:

• Jika bisnis Anda bergantung pada Editor.js, Anda mungkin ingin bisnis tersebut dipertahankan
• Ini membantu Editor.js untuk berkembang dan mendapatkan fitur-fitur baru
• Kami dapat mendukung kontributor dan komunitas di sekitar proyek. Anda akan menerima dokumen, panduan, dll yang terorganisir dengan baik.
• Kita perlu membayar infrastruktur kita dan memelihara sumber daya publik (nama domain, beranda, dokumen, dll). Mendukungnya menjamin Anda untuk mengakses sumber daya apa pun pada saat Anda membutuhkannya.
• Anda dapat beriklan dengan menambahkan aset merek Anda dan menyebutkannya di sumber daya publik kami

Sponsor

Dukung kami dengan menjadi sponsor. Logo Anda akan muncul di sini dengan tautan ke situs web Anda.

Menjadi Sponsor

Pendukung

Terima kasih kepada semua pendukung kami

Menjadi Pendukung

Kontributor

Proyek ini ada berkat semua orang yang berkontribusi.

Butuh sesuatu yang istimewa?

Pekerjakan pakar CodeX untuk mengatasi tantangan teknis dan menyesuaikan kebutuhan produk Anda.

• Selesaikan masalah yang bernilai tinggi bagi Anda
• Terapkan fitur baru yang dibutuhkan oleh bisnis Anda
• Bantuan dengan integrasi atau pengembangan alat
• Berikan konsultasi apa pun

Hubungi kami melalui [email protected] dan bagikan detail Anda

Masyarakat

• Alat Resmi
• Editor.js yang luar biasa
• Tugas Pertama yang Baik
• Berkontribusi
• Obrolan Telegram

Tentang KodeX

CodeX adalah tim spesialis digital di seluruh dunia yang tertarik untuk membangun produk open source berkualitas tinggi di pasar global. Kami terbuka bagi kaum muda yang ingin terus meningkatkan keterampilan mereka dan tumbuh secara profesional dengan eksperimen dalam teknologi mutakhir.

	Bergabung	Twitter	Instagram
codex.so	codex.so/join	@codex_team	@codex_team