Froala Editor

WYSIWYG adalah potongan besar dari kode yang memungkinkan pengguna untuk memformat teks dalam browser mereka seperti mereka akan lakukan dengan perangkat lunak desktop seperti Word atau OpenOffice.

Kebanyakan dari mereka bekerja dengan mengubah textarea sederhana menjadi bagian format teks penuh ditiup, dengan banyak toolbar dan tombol untuk gaya tulisan yang tertera.

Cara lain untuk menambahkan RTE ke halaman adalah untuk memungkinkan pengguna untuk memilih teks dan kemudian menunjukkan popup dengan format kontrol sebelahnya.

Kedua cara yang besar, tetapi beberapa WYSIWYG editor menyediakan kedua pilihan pengeditan ini, fokus hanya pada satu dari pengalaman-pengalaman mengedit.

Froala Editor memberikan editor WYSIWYG yang solid, bekerja untuk kedua pengalaman editing tersebut, tetapi juga menawarkan basis kode yang cukup solid, kode sesuai dengan standar terbaru dan praktik industri terbaik.

Froala Editor adalah salah satu dari beberapa Rtes sekitar dengan dukungan mobile dan Retina, sehingga juga ideal untuk penggunaan pada perangkat mobile juga.

Memanfaatkan FontAwesome ikon font untuk tombol editor, Froala juga mengurangi permintaan HTTP ketika loading editor, meningkatkan waktu buka halaman dan memberikan yang jauh lebih mudah untuk editor gaya UI.

Segala sesuatu di dalam toolbar editing Froala dipertukarkan, pengembang mampu mengubah tombol dan fungsi on atau off, atau memindahkan mereka sekitar untuk posisi khusus sebagai mereka mau.

Semua dalam semua Froala Editor adalah solusi yang sangat baik dilakukan WYSIWYG, dengan banyak pilihan penyesuaian, dokumentasi dan demo disertakan.

Froala Editor tersedia di bawah model lisensi ganda. Versi gratis adalah proyek pribadi dan non-komersial tersedia di bawah Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 License Internasional, sedangkan untuk penggunaan komersial, berbagai lisensi dibayar yang tersedia, tergantung pada persyaratan penggunaan yang diinginkan. Pastikan untuk membaca perjanjian lisensi dan tidak ikut campur

Apa yang baru dalam rilis ini:.

Baru di Froala Editor 1.2.7 (14 Mei 2015)

Apa yang baru di versi 2.1.0:

• Add opsi pluginsEnabled.
• Tambahkan Plugin properti untuk perintah.
• Tambahkan pilihan emoticonsUseImage.
• Izinkan catatan:. // Untuk link
• Add cepat insert Plugin.
• Preview gambar sambil upload.
• Tambahkan table insert helper.
• Redesign ikon garis breaker.

Apa yang baru di versi 1.2.7:.

• Tambahkan event beforeUploadPastedImage
• Buttons tidak simpleTags. Meningkatkan membersihkan allowedAttrs.
• Clean HTML yang diatur di dalam textarea sebelum menambahkannya ke elemen.
• Tambahkan pilihan doNotJoinTags.
• Warna Plugin ditingkatkan.
• Tambahkan pilihan linkAttributes.
• Meningkatkan imageAltSet, imageFloatedLeft, imageFloatedNone dan imageFloatedRight acara.
• Tambahkan entitas Plugin.
• Tambahkan tanggapan terhadap acara fileUploaded.
• Tambahkan afterImageUpload dan afterFileUpload acara.
• Ganti node.children dengan node.childNodes.
• Meningkatkan imageResize dan imageResizeEnd acara.
• Tambahkan saveParam.
• Izinkan untuk mengetik di RTL atau LTR sesuai dengan jenis keyboard.
• Meningkatkan terjemahan Denmark.
• Meningkatkan paste.
• Tambahkan event afterPasteCleanup.
• Teks di dalam link tidak dibersihkan lagi
• opsi Add iconClasses.
• Tambahkan pilihan useFileName.
• Tambahkan terjemahan Estonia.

Apa yang baru di versi 1.2.6:.

• Reflect di UI negara menonaktifkan
• Placeholder tidak lagi memiliki gaya miring.
• Nilai default linkAutoPrefix adalah string kosong bukan palsu.
• Popup ditutup ketika jendela adalah ukurannya.
• Masukkan tidak lagi menyalin gaya blok elemen sebelumnya.
• Izinkan preview video di semua browser.
• Periksa TAB dengan menguji charcode bukannya string itu sendiri.
• Meningkatkan terjemahan Rusia.

Apa yang baru di versi 1.2.5:.

• Meningkatkan mengetik secara keseluruhan ketika pilihan paragraphy adalah palsu
• Tambahkan pilihan linkAutoPrefix.
• Meningkatkan algoritma dry
• Dikirim popup dengan menekan ENTER.
• Tutup popup ketika memukul ESC.
• Tambahkan defaultTag sebagai eksperimental.
• tag Style tidak lagi diizinkan untuk mencegah XSS.
• Text adalah pilihan default dalam warna dropdown.
• Tambahkan pilihan foreColors.
• Tambahkan pilihan backColors.
• Tambahkan pilihan defaultColorOption.
• Tambahkan pilihan backColorsDisabled.
• Tambahkan pilihan foreColorsDisabled.
• Meningkatkan pasta polos.
• Meningkatkan mengatasi teks dalam editor.
• fr-tag tidak lagi ditambahkan secara default. useFrTag harus digunakan sebagai gantinya.
• acara editable.imageInserted memiliki satu lagi param, tanggapan, yang berisi respon diproses dari server
• Ekstra & # x3c; p & # x3e; tag tidak lagi ditambahkan dalam daftar item.
• Tambahkan pilihan customImageButtons.
• Tambahkan pilihan showNextToCursor.
• Tambahkan pilihan multiline.
• Upload file dengan cara drag dan drop langsung dalam editor.
• Ganti shortcut CTRL + F dengan CTRL + E.
• Meningkatkan URL sanitizer.
• Tambahkan URL plugin yang secara otomatis akan mengkonversi URL.
• Tambahkan Plugin fullscreen.
• dukungan iframe Dasar.
• Add bahasa Ukraina.
• Meningkatkan bahasa Norwegia.
• Tambahkan pilihan scrollableContainer.
• Tambahkan pilihan defaultImageAlignment.
• Tambahkan pilihan defaultVideoAlignment.
• Meningkatkan undo / redo tabungan kinerja
• allowedEmptyTags tags tidak tersedia lagi.
• allowedBlankTags harus digunakan untuk memungkinkan tag kosong yang tidak memiliki atribut apapun.
• Tambahkan inline_styles Plugin.
• Tambahkan pilihan useClasses.
• Tambahkan pilihan gambar untuk ditampilkan sebagai inline atau menghancurkan teks.
• penangan Perubahan desain gambar.
• Tambahkan tombol menyelaraskan untuk gambar sebagai sebuah dropdown.
• floatImageLeft, floatImageNone dan floatImageRight tombol telah dihapus. menyelaraskan tombol harus digunakan sebagai gantinya.
• Tambahkan pilihan textNearVideo.

Apa yang baru di versi 1.2.3:.

• Meningkatkan peristiwa mengelola mekanisme
• Meningkatkan sinkronisasi dan membatalkan manager.
• Meningkatkan paste fokus.

option
• defaultImageWidth diabaikan jika diatur ke 0.
• Tambahkan metode setDirty.
• option blockTags menerima lebih tags sekarang.
• Meningkatkan Firman paste.
• Meningkatkan metode insertHTML.
• Meningkatkan floating toolbar ketika pilihan fixedToolbar adalah palsu.
• Meningkatkan pengalaman klik tombol pada perangkat mobile.

Apa yang baru di versi 1.2.2:.

• Tambahkan char_counter Plugin
• daftar Ulasan allowedAttributes.
• daftar Ulasan allowedTags.
• Tambahkan pilihan beautifyCode.
• Tambahkan event onPaste.
• Tambahkan kontrol granular untuk jalan pintas. Option shortcutsAvailable
• Tambahkan pilihan convertEmailAddresses.
• Meningkatkan UX untuk memasukkan link di.
• Tambahkan event badLink.
• perbaikan Paste di semua browser
• Pindah gambar sekarang bekerja di IE juga.
• Tambahkan pilihan pasteImage.
• Meningkatkan pembersihan.
• Tambahkan tema kerajaan.
• Tambahkan penyegaran dan refreshOnShow pilihan untuk dropdown kustom.
• Tambahkan opsi pembaruan untuk tombol kustom.
• Tampilkan loader ketika gambar dimasukkan oleh Link.
• Tambahkan videoAllowedAttributes dan videoAllowedTags.
• Izinkan undo / redo tanpa tombol.
• Tambahkan pilihan imageTitle.

Apa yang baru di versi 1.2.0:.

• algoritma baru untuk bekerja dengan daftar
• daftar Bersarang.
• Daftar sekarang plugin.
• Berkas Dukungan.
• Meningkatkan pembacaan kode.
• Tambahkan tombol untuk menghapus warna latar belakang.
• Tambahkan tombol untuk menghapus warna teks.
• Perbaikan file tema.
• Tambahkan tema merah.
• Tambahkan tema abu-abu.
• Tambahkan link ketika tidak ada teks yang dipilih.

Apa yang baru di versi 1.1.9:

• bug Tetap:
• Word pasta.
• Mulailah dengan fontsize di browser WebKit.
• Cleaning regex perbaikan.
• Page berkedip pada pasta.
• Posisi kursor pada pasta di browser WebKit.

Apa yang baru di versi 1.1.7:

• Save / Restore pilihan bekerja untuk beberapa kisaran <. / li>

Apa yang baru di versi 1.1.6:.

• Tables
• Insert video dengan URL.
• perbaikan Kecepatan.
• Tambahkan dukungan untuk IE8.
• Peningkatan dukungan Android.
• Meningkatkan posisi popup mobile.
• Tambahkan pilihan simpleAmpersand.
• Tambahkan pilihan ImageLink.
• Perbaikan bahasa Jerman.
• Beautifier digunakan sebagai lib terpisah dan tidak tersedia lagi secara default.
• Tambahkan pilihan maxHeight.
• Default tidak lagi tersedia sebagai default, tapi pilihan dapat diaktifkan.
• inverseSkin digantikan oleh pilihan tema.
• File Tema CSS.
• Meningkatkan hasil HTML.
• Meningkatkan terjemahan bahasa Italia.
• Mulai di / ukuran font warna.
• Memungkinkan pengguna untuk kembali kesalahan dari server untuk gambar.
• Ganti ruang tak terlihat dengan tag BR.
• Meningkatkan terjemahan Perancis.
• Tambahkan pilihan saveRequestType.
• Callback dari gambar mendapatkan jQuery objek sebagai parameter bukannya src.
• HTML Bersih dengan ekspresi reguler bukan kode jQuery.
• Editor dapat diinisialisasi pada gambar.
• Editor dapat diinisialisasi pada link.
• Opsi untuk mengedit teks dari elemen DOM dalam popup.
• Lulus daftar default link untuk memilih dari.
• Tambahkan pilihan untuk membuka link di tab lain.
• Tambahkan pilihan disableRightClick.
• Tambahkan pilihan blockStylesToggle.
• Tambahkan pilihan trackScroll.
• Tambahkan pilihan unlinkButton.

Apa yang baru di versi 1.1.5:.

• Tambahkan metode fokus
• Tampilkan editor pada klik kanan.
• Editor sekarang dapat diinisialisasi pada gambar.
• option imageUploadToS3 untuk meng-upload ke Amazon S3.
• option imageUpload untuk menonaktifkan meng-upload gambar.
• option customDropdowns untuk menyesuaikan dropdown.
• perintah blockStyle untuk mengatur kustom blockStyle.

option
• blockStyles untuk mengatur blockStyles tertentu.
• option defaultBlockStyle untuk mengatur standar gaya blok yang tersedia.
• Metode Meningkatkan menghancurkan.
• Meningkatkan dukungan placeholder.
• Meningkatkan modus coding.
• Meningkatkan baris baru dalam kode dan blockquotes.
• Set manajer media untuk selalu mengharapkan JSON dan tidak teks.
• Update untuk FontAwesome 4.1.0.
• Ganti ikon paragraf.
• Ganti ikon warna.
• Tambahkan tombol fontFamily di toolbar.
• Tambahkan tombol blockStyle di toolbar.
• Tambahkan tombol html kembali toolbar.
• Izinkan URL dimulai dengan # dan /.
• Sync ketika gambar dijatuhkan.

Apa yang baru di versi 1.1.4:.

• Pindah writeVideo untuk metode sendiri
• Meningkatkan dukungan membungkus.
• Meningkatkan metode getHTML.
• Meningkatkan format blok.
• Mengatur warna latar belakang akan mempertimbangkan orang tua juga.
• Meningkatkan dukungan contentChangedCallback.
• Hapus karakter tak terlihat saat menyimpan HTML.
• Tambahkan metode isActive untuk memeriksa apakah perintah aktif.
• Meningkatkan membatalkan mekanisme.
• Manajer Media untuk gambar.
• Tambahkan pilihan ZIndex.
• Minimum untuk autosaveInterval diubah menjadi 100.
• Meningkatkan dukungan XSS.
• Meningkatkan metode insertHTML.
• saveURL tidak lagi diperlukan untuk memicu menyimpan.
• Tambah batasan gambar dengan menggunakan opsi allowedImageTypes.
• CTRL + Backspace memotong teks.
• CTRL +] di indentasi teks.
• CTRL + [adalah outdenting teks.
• CTRL + & quot; adalah format teks sebagai kutipan.
• CTRL + & # x5c; adalah format teks sebagai kode.
• Sync sebelum bentuk mengirimkan.
• Hapus gambar dengan menekan menghapus ketika ia dipilih.
• Menekan masukkan ketika gambar memilih semakin ke bawah.
• option maxImageSize untuk membatasi ukuran gambar sebelum upload.
• Tambahkan defaultImageWidth opsi untuk mengatur ukuran gambar di penyisipan.
• afterRemoveImageCallback sekarang mendapatkan src gambar sebagai param.
• Gambar menghapus kontrol ditingkatkan.
• baris perintah horizontal.
• dukungan Font keluarga.

Apa yang baru di versi 1.1.3:.

• tag Custom dari HTML tidak lagi dihapus
• minHeight pilihan.
• metode removeFormat.
• Gambar dimasukkan di mana kursor berada.
• Undo mempertahankan pilihan dan kursor posisi.
• & quot; Harap tunggu & quot; Pesan ketika meng-upload gambar.

Apa yang baru di versi 1.1.2:

• Ditambahkan:
• option textNearImage.

option
• imageButtons.
• option alwaysVisible.
• opsi nofollow.
• option alwaysBlank.
• option plainPaste.
• Ikon pilihan.
• Callback untuk menyisipkan.
• getText () metode.

Apa yang baru di versi 1.1.0:.

• Ditambahkan bahasa dukungan (28 bahasa)
• warna kulit Inverse.
• Blockquote memiliki kutipan di awal.
• parameter tambahan permintaan meng-upload gambar.
• parameter tambahan untuk menyimpan permintaan.
• dukungan Video.
• Tombol kustom di toolbar.
• option Paragraphy.

Apa yang baru di versi 1.0.6:.

• Meningkatkan IE 11 dukungan untuk editor yang inline
• Placeholder bekerja seperti placeholder dari HTML5.
• Izinkan gambar bergerak dalam editor dengan menyetel opsi imageMove.
• Tambahkan tombol simpan.
• Tooltip dan pesan teks dapat disesuaikan melalui pilihan customText.
• Toolbar dapat tinggal di bagian atas atau bergerak bersama dengan scroll.
• Option untuk strip & # x3c; skrip & # x3e; tag.

Apa yang baru di versi 1.0.5:

• Gambar popup tetap aktif saat Anda mengklik tombol dari itu.
• Meningkatkan daftar dukungan.
• Pembersihan setelah link / unlink.
• Editor mendapat aktif ketika Anda lepaskan mouse luar dan ada pilihan.
• Update gaya pengganti.
• metode Gethtml membersihkan HTML kembali.

Apa yang baru di versi 1.0.4:.

• Meningkatkan dukungan sentuh
• masalah daftar Tetap.
• Menekan tab akan memasukkan 4 ruang kosong.
• Nonaktifkan tarik gambar untuk mencegah kehilangan format teks.

Apa yang baru di versi 1.0.3:

• Upload Gambar di http://uploads.im .

Persyaratan :

• memampukan JavaScript pada sisi klien
• jQuery 1.10.2 atau lebih tinggi