WangEditor5 Editor, gratis dan open source (berdasarkan protokol open source MIT), penulis asli Shuangyue Guru, situs web resmi penulis:https: //www.wangeditor.com/, mendukung pengembangan sekunder, semua orang dapat menggunakan dengan aman!
Selain itu, penulis asli juga terus memperbarui editor wangEditor5, jadi kami juga dapat meng-upgrade plugin kami dengan pembaruan penulis asli.
Berkat dokumentasi pengembangan lengkap yang dimiliki oleh wangEditor5, kami dapat membuatnya menjadi plugin untuk Z-blog PHP.
Pada suatu waktu, kami selalu mencari sesuatu yang mirip denganAkun publik WeChatEditor teks kaya modern yang sederhana dan mudah digunakan, sekarang dia ada di sini!
Catatan: Anda tidak dapat menggunakannya dengan plugin editor lainnya pada saat yang sama. Untuk menggunakan plugin ini, silakan tutup plugin editor lainnya terlebih dahulu (misalnya, editor UEditor yang datang dengan Z-blog PHP)!
Editor wangEditor5 secara default tidak mendukung penggunaan di ponsel. Bahkan, terlepas dari plugin editor apa pun, pengalaman pengguna di ponsel sangat buruk, jadi editor wangEditor5 secara resmi memotong fitur ini.
Tentu saja fungsi ini juga dapat dibuka, hanya perlu menyesuaikan toolbar yang ditampilkan di ponsel untuk meningkatkan pengalaman pengguna Tidak, pengguna yang membutuhkan dapat menemukan kami untuk menyesuaikan!
Berikut ini adalah pengantar tentang editor di situs web WangEditor. < / p > < p >
# Keuntungan
# Masalah dengan editor teks kaya lainnya
Pencarian web "Web rich text editor" Anda akan mendapatkan banyak hasil, seperti UEditor kindEditor di dalam negeri, CKEditor TinyMCE Quill ProseMirror Draft Slate di luar negeri dan sebagainya. Ada juga banyak orang yang menggunakan editor-editor ini, atau untuk melakukan pengembangan sekunder.
Namun, mereka semua memiliki beberapa masalah berikut (mengetuk papan tulis ~), yang dapat sangat mempengaruhi efisiensi pengembangan Anda, biaya pengembangan dan stabilitas produk.
# Teknologi lama
Seperti UEditor KindEditor, masih menggunakan API document.execCommand. Hal ini akan sangat mempengaruhi stabilitas produk, skalabilitas, dan skalabilitas. stabilitas produk, skalabilitas.
Pada saat itu, tidak ada yang dapat direalisasikan, di mana-mana ada masalah, akan dibenci oleh PM: "Bagaimana orang lain bisa melakukan xxx?"
Bahasa Cina tidak ramah
Seperti CKEditor TinyMCE Quill ProseMirror dan lain-lain, tidak ada dokumen resmi dalam bahasa Cina. Ini akan sangat mempengaruhi produktivitas pengembangan Anda (main malam ini ~)
PS: Bahasa Inggris khusus, silakan lewati.
# Diberlukan banyak pengembangan sekunder
Seperti ProseMirror Draft Slate, meskipun mereka juga editor teks kaya, mereka hanya inti atau pengendali, bukan fitur lengkap.
Sejumlah besar pengembangan sekunder tidak hanya akan menyebabkan peningkatan besar dalam biaya R & D (penutupan bulan ini ~), tetapi juga dapat menyebabkan bug tak berujung karena pengujian yang tidak sempurna, jatuh ke dalam rawa.
PS:除非你们有强烈的定制开发需要。
# Terikat dengan kerangka kerja
Slate dan Draft bergantung pada framework React. Jika Anda ingin menggunakannya di Vue, beban kerja dan kesulitan sangat besar.
# Tidak ada komponen resmi seperti React Vue
Beberapa yang tidak bergantung pada framework, seperti ProseMirror, harus mengemas komponen sendiri jika Anda menggunakan Vue React.
Produk baru belum stabil
Editor yang tercantum di atas adalah produk yang relatif matang dengan jumlah pengguna yang relatif besar. Anda mungkin juga menemukan produk-produk lain, seperti yang baru dikembangkan dan yang tidak banyak digunakan.
Bagaimanapun, mohon Anda memilih dengan hati-hati, karena editor teks kaya benar-benar terlalu banyak lubang dan perlu banyak pengujian dan penggunaan untuk perlahan-lahan stabil.
Memilih produk yang stabil, dapat digunakan sebagai referensi. Memilih produk yang stabil, dapat digunakan sebagai referensi.
github stars
Download NPM
Waktu dan frekuensi penerbitan npm
Jumlah hasil yang relevan dari mesin pencari
Apakah ada dukungan pabrik? Apakah ada dukungan pabrik? Apakah ada dukungan pabrik? Apakah ada dukungan pabrik?
Apakah ada tes unit / e2e? Apakah ada tes unit / e2e? Apakah ada tes unit / e2e
Keuntungan dari # WangEditor
Nilai dari sebuah produk terletak pada memecahkan masalah pengguna, meningkatkan efisiensi, mengurangi biaya, meningkatkan stabilitas dan skalabilitas.
WangEditor tidak melakukan untuk melakukan, juga tidak hanya meniru siapa, tetapi setelah analisis masalah di atas, memberikan solusi sistematis. Hal ini bertujuan untuk benar-benar memecahkan masalah pengguna dan menghasilkan nilai mereka sendiri. < / p >
# Menggunakan teknologi utama
WangEditor dimulai dengan versi V5, dengan pembaruan teknis yang lebih besar.
#1. Upgrade ke kemampuan L1
API document.execCommand telah dihapus, menggunakan slate.jsopen di jendela baru (tetapi tidak bergantung pada React) sebagai kernel, dan ditingkatkan ke kemampuan L1.
Ini juga merupakan skema teknologi editor teks kaya arus utama saat ini, seperti Draft Quill ProseMirror yang terkenal.
#2. Menggunakan vdom
Menggunakan teknologi vdom (berdasarkan pada "jsp.jsopen in new window") untuk melakukan pembaruan tampilan, pemisahan model dan tampilan, dan peningkatan stabilitas.
#3. Extensibility
Mekanisme untuk memperluas plug-in dan modul digunakan untuk memastikan skalabilitas. < / p > Di masa depan, fungsi-fungsi akan terus diperluas. fungsi-fungsi akan terus diperluas.
Bahkan, sekarang wangEditor built-in berbagai fungsi, juga melalui ekstensi plug-in dan modul dalam bentuk membangun.
# Dokumen Cina
WangEditor memiliki dokumen berbahasa Cina yang rinci, serta lingkungan komunikasi berbahasa Cina. Open in new window adalah program yang dibuat oleh seorang programmer.
# Umpan balik dan Komunikasi yang tepat waktu
Anda juga dapat mengirim masalah ke github, dan tim akan segera memberikan umpan balik atau menerima masalah.
# Mengintegrasikan semua fungsi, tidak perlu pengembangan sekunder
WangEditor dibangun dengan semua fungsi operasi teks kaya umum, yang dapat memenuhi sebagian besar kebutuhan pengguna. Konfigurasi langsung dan penggunaan, tidak perlu pengembangan sekunder.
/ / wangEditor memiliki built-in 50 + menu editor.getAllMenuKeys () [
"bold","underline","italic","through","code","clearStyle","headerSelect","header1","header2","header3",
"color","bgColor","insertLink","editLink","unLink","viewLink","insertImage","deleteImage","editImage",
"viewImageLink","imageWidth30","imageWidth50","imageWidth100","blockquote","emotion","fontSize","fontFamily",
"indent","delIndent","justifyLeft","justifyRight","justifyCenter","lineHeight","redo","undo","divider","codeBlock",
"bulletedList","numberedList","insertTable","deleteTable","insertTableRow","deleteTableRow","insertTableCol",
"deleteTableCol","tableHeader","tableFullWidth","insertVideo","deleteVideo","uploadImage","codeSelectLang"]
PS: Pada saat yang sama, wangEditor memiliki API yang kaya dan cukup ekstensibilitas untuk memungkinkan Anda untuk menyesuaikan menu pengembangan, modul, plugin, dll.
Mudah digunakan dengan Vue React.
WangEditor dikembangkan berdasarkan slate kernel, tetapi tidak bergantung pada React, sehingga itu sendiri bebas dari framework.
Selain itu, kami secara resmi mengemas komponen Vue React, yang dapat digunakan dengan mudah dengan framework seperti Vue React.
Kerangka kerja lainnya, kami akan terus mendukung, Anda juga dapat mengirimkan isu-isu.
# Menginjak 5.000 lubang # Menginjak 5.000 lubang # Menginjak 5.000 lubang # Menginjak 5.000 lubang #
WangEditor open source selama bertahun-tahun, dengan banyak pengguna yang menggunakan dan umpan balik, telah memecahkan banyak masalah. Selama pengujian versi V5, masalah-masalah ini juga diuji berulang-ulang untuk memastikan stabilitas maksimum.
# Teamwork, iterasi terus-menerus dan peningkatan # Teamwork, iterasi terus-menerus dan peningkatan
WangEditor sudah lama bukan penulis pertempuran tunggal, kami memiliki tim multi-orang, bersama-sama memperbaiki bug, meningkatkan fungsi, melacak masalah, menjawab pertanyaan komunitas.















Tambahkan teman