10 plugin WYSIWYG terbaik dan html5

Artikel ini mengulas sepuluh jQuery yang berprestasi tinggi dan html5 wysiwyg (apa yang anda lihat adalah apa yang anda dapat) editor. Memilih editor yang betul boleh mencabar memandangkan banyak pilihan, tetapi panduan ini membantu anda mencari kesesuaian yang sempurna.

Takeaways utama:

• Artikel ini membandingkan sepuluh jQuery terkemuka dan plugin HTML5 WYSIWYG: Froala, ContentTools, Aloha, Tinymce, Bootstrap3-WySiwyg, Summernote, Ckeditor, Trumbowyg, dan Redactor. Setiap dinilai berdasarkan ciri, saiz, dan keramahan pengguna.
• Plugin menawarkan ciri -ciri yang pelbagai; Froala cemerlang dalam perlindungan serangan XSS, sementara Trumbowyg mengutamakan reka bentuk ringan. Faktor lain yang dipertimbangkan termasuk pengoptimuman mudah alih, keserasian kata MS, sokongan bahasa, dan pilihan penyesuaian.
• Seksyen FAQ yang komprehensif menangani kebimbangan umum mengenai plugin HTML WYSIWYG, meliputi ciri utama, pemasangan, penyesuaian, keselamatan, keserasian mudah alih, sokongan berbilang bahasa, integrasi CMS, kesan prestasi, dan kemungkinan menggunakan plugin berganda secara serentak.

Ulasan editor:

froala:

Froala adalah mesra pengguna dan memerlukan pengekodan minimum. Ia mempunyai perlindungan XSS yang kuat bersama UI/ux intuitif.

sorotan:

34 kb gzipped

penyuntingan inline
Pintasan papan kekunci
pengetahuan asas html/javascript diperlukan
tema gelap/cahaya yang disesuaikan
dioptimumkan mudah alih
MS Word Consible
menyokong 34 bahasa, termasuk rtl
ContentTools:

ContentTools adalah editor yang licin, ringan yang berfungsi secara bebas daripada kerangka JavaScript (walaupun serasi dengan mereka). Reka bentuk modularnya membolehkan lanjutan mudah. ​​

sorotan:

49 kb gzipped penyuntingan inline

saiz semula imej dan video
Undo/Redo Functionity
Aloha:

Aloha Editor dengan lancar disatukan ke dalam aplikasi web, walaupun kini tidak mempunyai sisipan imej.

sorotan:

142 kb

MS Word Consible Keserasian Cross-Browser

disesuaikan
tinymce:

TinyMce adalah editor JavaScript bebas platform yang menyokong pelbagai perkhidmatan pengurusan fail (Azure, Google Drive, dan lain-lain) dan mematuhi piawaian akses WAI-Aria. Versi perusahaan menawarkan sokongan yang diprioritaskan.

sorotan:

Live Media Embedding
Pengeditan imej terbina dalam
cek ejaan (Enterprise)
MS Word Consible
40 bahasa yang disokong
Prestasi Cross-Browser yang kuat

bootstrap3-wysiwyg:

Plugin ini memanfaatkan WYSIHTML5 dan Twitter Bootstrap untuk mencipta editor visual yang menarik.

sorotan:

206 kb minified

memerlukan sokongan
bar alat dan tema yang disesuaikan
peristiwa yang disesuaikan
summernote:
editor berasaskan bootstrap dengan pelbagai tema (termasuk tema material, materialnote).



sorotan:

80 kb JS CSS Bootstrap 3.x.x Sokongan

integrasi mudah dengan django, rel, atau sudut
disesuaikan
Integrasi Codemirror
ckeditor:

CKEditor memudahkan penciptaan kandungan web, menawarkan ciri pemproses kata yang biasa.

sorotan:

Dibangun dibina melalui CKBuilder

MS Word Consible penyuntingan inline

Undo/Redo Support
sokongan RTL
menyokong sekitar 60 bahasa
Trumbowyg:
editor paling ringan dalam senarai, mengutamakan saiz minimum.

sorotan:

16 kb

30 lokalisasi

redactor:

• Redactor adalah editor yang cepat dan boleh diperluas dengan sokongan kuat dan integrasi Amazon S3.

sorotan:

75 kb minified

penyuntingan teks sebaris

Sokongan Codemirror

fungsi imej drag-and-drop extensibility berasaskan plugin

Kesimpulan:
• Kajian komprehensif ini akan membantu anda memilih editor WYSIWYG yang ideal untuk projek anda. Pertimbangkan keperluan dan keutamaan khusus anda semasa membuat pilihan anda.

(bahagian FAQ kekal tidak berubah kerana ia memberikan maklumat umum yang berharga.)

Atas ialah kandungan terperinci 10 plugin WYSIWYG terbaik dan html5. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!