nib

UJUNG PENA

Demo

Terlepas dari berbagai pilihan yang tersedia untuk pengeditan teks yang kaya di HTML, ini terus menjadi area yang sangat menantang. Saya menemukan prosemirror menjadi solusi terbaik yang tersedia untuk masalah ini. Ini adalah karya hebat oleh penulis Marijn Haverbeke.

Membuat editor menjadi kerangka kerja masih banyak pekerjaan, proyek ini bertujuan untuk membangun komponen untuk pengeditan teks yang kaya menggunakan prosemirror. Komponen-komponen ini dapat dengan cepat diintegrasikan ke dalam aplikasi yang bereaksi atau bahkan tidak bereaksi.

NIB tidak hanya memiliki kemampuan pengeditan teks kaya yang baik tetapi juga membahas persyaratan pengeditan yang kompleks seperti melacak perubahan yang dibuat pada dokumen, menambahkan komentar dalam dokumen, pengeditan kolaboratif, dan banyak lagi ...

Pengaturan

Pengaturan editor cukup lurus ke depan. Itu harus diinstal dari npm .

Menginstal Paket:

Perintah npm atau yarn dapat digunakan.

 npm i nib-core --save

Komponen Editor Menulis:

 import React from "react";
import Editor from "nib-core";

const MyEditor = () => <Editor />;

Harap dicatat bahwa LIB tidak berfungsi di sisi server.

Alat peraga

Alat peraga didukung oleh editor.

S.No.	Nama	Keterangan
1	addons	Array plugin untuk menambahkan fungsionalitas ke editor inti
2	fokus otomatis	untuk memfokuskan editor secara default
3	konfigurasi	Mengkonfigurasi plugin, toolbar dll di editor, berikut adalah konfigurasi default
4	DefaultValue	nilai untuk menginisialisasi konten editor
5	Licaley	Kunci lisensi untuk editor NIB
6	Onchange	panggilan balik yang dipanggil pada setiap perubahan dalam editor
7	Ejaan	Properti Boolean untuk mengaktifkan spellcheck browser default di editor
8	styleconfig	Digunakan untuk melakukan perubahan gaya yang lebih rinci dalam editor, berikut adalah default
9	tema	Tema editor, berikut adalah tema default

Fitur

1. Dukungan untuk hampir semua browser dan perangkat
2. Beberapa opsi gaya teks kaya seperti tebal, miring, garis bawah, pemogokan, subskrip, superskrip, warna teks, warna filll, dll
3. Dukungan untuk berbagai tipe blok paragraf, H1 - H6, blockquote dll
4. Dukungan untuk hyperlink
5. Dukungan untuk daftar yang diperintahkan dan tidak tertib
6. Dukungan untuk gambar dengan opsi seperti membungkus, menyelaraskan, mengukur kembali atau menghubungkan gambar
7. Dukungan untuk mode inline dengan bilah alat mengambang
8. Dukungan untuk Tampilan yang Disesuaikan - Halaman Lengkap, Tampilan Word Like, dll
9. Izinkan UNDO dan REKO REKO.
10. Menu bantuan yang menampilkan opsi pemformatan yang didukung dan pintasan keyboard mereka
11. Mengubah tampilan dan nuansa editor menggunakan tema yang berbeda
12. Konversi Prosemirror Json ke dan dari Markdown
13. Konversi prosemirror json ke dan dari html
14. Pengeditan Kode Sumber
15. Tabel dengan opsi muka seperti Tambah/Hapus Kolom/Baris, Kolom Ubah Ulang, dll
16. Dukungan untuk menampilkan video dari sumber seperti YouTube atau Vimeo
17. Fleksibilitas untuk menambahkan plugin khusus
18. Lacak perubahan Dokumen bersama dengan metadata apa pun yang disimpan tentang perubahan seperti nama pengguna, stempel waktu, dll
19. Menambahkan / mengedit komentar untuk mendokumentasikan
20. Pengeditan kolaboratif dengan banyak pengguna pada dokumen yang sama

Lisensi

Lisensi Publik Umum GNU.

Kontak

Untuk detail atau pertanyaan, lepas surat ke [email protected].