WYSIWYG adalah editor yang memungkinkan pengembang untuk melihat hasil akhir sebelum antarmuka atau dokumen yang sebenarnya ditayangkan. Bentuk lengkap WYSIWYG adalah "apa yang Anda lihat adalah apa yang Anda dapatkan". Jenis perangkat lunak ini memungkinkan Anda untuk mengedit konten dalam bentuk agar terlihat sama saat ditampilkan atau dicetak.
Ada banyak editor WYSIWYG yang menawarkan fitur seperti Multi-view dan Multi-Language support. Ini juga menawarkan tata letak siap pakai untuk membuat situs web, dukungan untuk HTML5 dan CSS3, dll.
Berikut ini adalah daftar pilihan editor WYSIWYG Teratas, dengan fitur populer dan tautan situs web mereka. Daftar ini berisi perangkat lunak open source (gratis) dan komersial (berbayar).
1) Dreamweaver
Dreamweaver adalah editor HTML populer yang membantu Anda membuat, menerbitkan, dan mengelola situs web. Sebuah situs web yang dibuat dengan Dreamweaver dapat diunggah ke server web manapun.
Fitur:
- Situs web dinamis dapat dikembangkan dengan cepat menggunakan Dreamweaver.
- Ini menyediakan tata letak siap pakai untuk membangun situs web.
- Anda dapat membuat situs web yang sesuai dengan ukuran layar apa pun.
- Alat ini membantu Anda menyesuaikan ruang kerja sesuka Anda.
- Ini memiliki validator HTML bawaan untuk memvalidasi kode Anda.
2) Layang-layang
Kite adalah IDE untuk Editor HTML WYSIWYG yang secara otomatis melengkapi beberapa kode baris. Editor ini mendukung lebih dari 16 bahasa. Ini membantu Anda membuat kode lebih cepat tanpa kerumitan.
Harga : Gratis
Fitur:
- Ini menawarkan dokumentasi Java.
- Editor ini memberikan tanda tangan fungsi saat Anda mengetik.
- Anda akan mendapatkan tooltip saat mouse hover.
- Memberikan dukungan melalui email.
- Menggunakan model pembelajaran mesin untuk bahasa Java.
3) Editor HTML CoffeeCup
Secangkir kopi adalah editor HTML WYSIWYG, yang membantu Anda memanfaatkan pratinjau layar terbagi untuk melihat halaman web Anda. Alat ini memungkinkan Anda untuk membuka layanan validasi mark-up W3C di browser web default Anda.
Fitur:
- Membantu Anda memanfaatkan pratinjau layar terbagi ke halaman web Anda
- Siap untuk web semantik
- Menawarkan alat validasi HTML bawaan membuka layanan validasi markup W3C di browser web default Anda.
- Pengunggah FTP bawaan membantu Anda mempublikasikan situs web ke tempat pilihan Anda
- Fitur Split-Screen Preview memungkinkan Anda melihat halaman web Anda di browser langsung dari Code Editor.
Tautan: https://www.coffeecup.com/html-editor/
4) Wix
Wix mudah digunakan, ramah pemula, pembuat situs web seret dan lepas. Alat editor web ini memungkinkan Anda meletakkan elemen di mana pun Anda inginkan di halaman mana pun.
Fitur:
- Ini memungkinkan Anda membuat blog pribadi ke situs web portofolio atau bahkan toko online.
- 500+ tema dan template
- Muncul dengan sejumlah besar templat yang difilter dalam banyak kategori.
- Menawarkan fitur untuk mengirim & mengelola faktur.
- Toko multibahasa.
- Lacak lalu lintas dengan Google Analytics.
5) Apache NetBeans
NetBeans adalah alat editor kode sumber terbuka untuk pengembangan dengan Java, PHP, C ++, dan bahasa pemrograman lainnya. Ia juga menawarkan fitur analisis dan konversi kode. Ini memungkinkan Anda untuk meningkatkan aplikasi Anda untuk menggunakan konstruksi bahasa Java 13 yang baru.
Fitur:
- Manajemen proyek yang mudah dan efisien
- Menawarkan pengeditan kode yang cepat & cerdas
- Pengembangan Antarmuka Pengguna yang Cepat
- Membantu Anda menulis kode bebas bug
Tautan: https://netbeans.apache.org
6) Notepad ++
Notepad ++ adalah editor kode gratis yang populer untuk digunakan yang ditulis dalam C ++. Ini menggunakan win32 API murni, yang menawarkan kecepatan eksekusi yang lebih tinggi dan ukuran program yang kecil. Ini hanya berjalan di lingkungan jendela, dan tersedia di bawah Lisensi GPL.
Fitur:
- Mendukung penyorotan sintaks untuk bahasa seperti HTML, PHP, JavaScript, dan CSS.
- Ini memiliki fitur pelengkapan otomatis untuk kata dan fungsi.
- Menawarkan fasilitas perekaman dan pemutaran makro.
- Penyorotan dan pelipatan sintaks yang ditentukan pengguna
- GUI yang sepenuhnya dapat disesuaikan
- Dukungan multi-tampilan dan Multi-bahasa
Tautan: https://notepad-plus-plus.org/
7) Google Web Designer
Google Web Designer membantu Anda membuat konten HTML5 yang menarik. Ini memungkinkan Anda menggunakan animasi dan elemen interaktif untuk menghidupkan visi kreatif Anda dan menawarkan integrasi tanpa batas dengan produk Google lainnya, seperti Google Drive, Google Ads, Display & Video 360, dll.
Fitur:
- Menawarkan alur kerja yang dinamis
- Google Web Designer menyediakan berbagai format iklan gambar dan video
- Dukungan untuk iklan Responsif
- Integrasi Google yang mudah dan efektif
- Membantu Anda membuat konten HTML5 yang indah dan menarik
Tautan: https://webdesigner.withgoogle.com
8) Teks Sublim
Sublime Text adalah editor HTML yang mendukung banyak bahasa seperti JavaScript, Perl, PHP, Python, Ruby, dan lainnya. Anda dapat menggunakan editor kode HTML ini untuk kode, mark-up, dan prosa. Editor mendukung sistem operasi OS X, Windows, dan Linux.
Fitur:
- Ini memungkinkan Anda untuk menyorot sintaks.
- Ini memiliki implementasi perintah Palette yang menerima input teks dari pengguna.
- Tangani UTF8 BOM dalam file .gitignore
- Tampilkan lencana untuk folder dan file untuk menunjukkan status Git
- Perubahan pada file diwakili oleh penanda yang tersedia di selokan.
Tautan: https://www.sublimetext.com
9) TinyMCE
TinyMCE adalah platform pengeditan teks kaya yang membantu meluncurkan Atlassian, Medium, Evernote (Alat pengeditan teks), dan banyak lagi. Anda dapat mengintegrasikan TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery, dll.
Fitur:
- Sangat dapat dikonfigurasi dengan ekosistem yang besar.
- Modern, siap seluler, dan tingkat perusahaan
- Simpan dan edit gambar dan file di server web apa pun
- Menawarkan unggahan file dinamis untuk browser apa pun.
Tautan: https://www.tiny.cloud
10) CKEditor
Ckeditor adalah editor WYSIWYG cerdas yang memiliki komponen dengan pengeditan kolaboratif. Ini memungkinkan Anda untuk menempelkan dari Excel, Word, tabel, dll.
Fitur:
- Menawarkan fitur seperti pelengkapan otomatis, @sebutan, widget,
- Menawarkan kontrol penuh atas konten: pemfilteran HTML dan mode tampilan sumber.
- Aksesibilitas yang bagus: Bagian 508, patuh, dan WCAG 2.0 AA.
- Format keluaran khusus dan dukungan penurunan harga.
- Dapat diperluas dan disesuaikan dengan desain
- Ini membantu Anda meningkatkan produktivitas dengan pemformatan otomatis dan kolaborasi.
Tautan: https://ckeditor.com
11) Bulu ayam
Quill adalah editor WYSIWYG gratis, sumber terbuka, dan andal yang dibuat untuk web modern. Arsitektur modular dan API ekspresifnya adalah editor HTML yang ideal untuk memenuhi kebutuhan apa pun.
Fitur:
- Ini mendukung semua browser modern di tablet, desktop, dan ponsel.
- Akses terperinci ke konten editor, perubahan, dan acara melalui API sederhana.
- Editor teks kaya yang dibangun untuk membantu orang menulis teks.
- Ini memungkinkan Anda untuk melakukan konten dan pemformatan khusus.
Tautan: https://quilljs.com
12) Froala
Froala adalah editor HTML WYSIWYG Generasi berikutnya. Editor yang mudah diintegrasikan ini banyak digunakan oleh pengembang karena desainnya yang jelas.
Fitur:
- API dan dokumentasi yang kuat
- Menawarkan lebih dari 30 plugin untuk dipilih
- Editor HTML WYSIWYG mengubah alat Javascript dasar menjadi teknologi penting untuk banyak industri.
- Editor teks kaya Froala memiliki beragam fitur sederhana dan kompleks untuk semua jenis kasus penggunaan.
Tautan : https://froala.com/wysiwyg-editor/
13) Komodo Edit
Pengeditan Komodo adalah alat pengeditan kode yang mudah digunakan dan kuat. Ini memungkinkan Anda untuk melakukan debugging, pengujian unit, pemfaktoran ulang kode. Ini juga menyediakan profil kode, ditambah integrasi dengan teknologi lain seperti Grunt, PhoneGap, Docker, Vagrant, dan banyak lagi.
Fitur:
- Editor Multi-Bahasa
- Banyak skema warna kontemporer
- Dukungan Unicode asli dan pemeriksaan kompatibilitas
- Mudah diintegrasikan ke dalam lingkungan desktop.
Tautan: https://www.activestate.com/products/komodo-ide/
14) Kode Visual Studio
Visual Studio Code adalah perangkat lunak editor kode sumber terbuka yang dikembangkan oleh Microsoft. Ini menyediakan dukungan bawaan untuk TypeScript, JavaScript, dan Node.js. Dilengkapi otomatis dengan fitur IntelliSense yang menawarkan penyelesaian cerdas berdasarkan, modul penting, jenis variabel, dan definisi fungsi.
Fitur:
- Bekerja dengan mudah dengan Git dan penyedia SCM (Manajemen Konfigurasi Perangkat Lunak) lainnya
- Pemfaktoran ulang kode & debugging
- Platform yang didukung adalah Mac, Windows, Linux
- Mudah dikembangkan dan disesuaikan
Tautan: https://code.visualstudio.com/
15) OpenElement
OpenElement adalah aplikasi desain dan pembuatan situs web freeware yang diterbitkan oleh Element Technologie. Alat ini diberdayakan oleh Chromium, mesin Google Chrome, dan berjalan di Microsoft Windows.
Fitur:
- Antarmuka yang intuitif
- Semuanya bisa diedit
- Membantu Anda mengelola kode
- Gaya dan paket elemen yang dapat digunakan kembali
- Lintas browser
- Situs web multibahasa
- Desain responsif
- CSS yang dapat disesuaikan sepenuhnya
- Editor elemen - buat & bagikan elemen
- Integrasi gambar dan pengoptimalan kode yang mudah
- Diberdayakan oleh Chromium
Tautan: https://www.openelement.com
16) NoteTab
NoteTab adalah pengganti Notepad terbaik di luar sana. Untuk webmaster, ini adalah editor HTML tercepat. Ini adalah editor teks paling serbaguna yang menawarkan penyorotan sintaks yang lebih baik untuk HTML.
Fitur:
- Menelusuri dengan karakter pengganti yang mudah digunakan
- Jumlah kata waktu nyata
- Penyorotan sintaks untuk CSS
- Statistik teks untuk SEO
- Dukungan untuk HTML5 dan CSS3
- Pustaka HTML / CSS baru
Tautan: https://www.notetab.com
17) Atom
Atom adalah alat editor kode HTML berguna yang disukai oleh pemrogram karena antarmukanya yang sederhana dibandingkan dengan editor lain. Pengguna atom dapat mengirimkan paket dan paket untuk perangkat lunak.
Fitur:
- Package Manager Terintegrasi untuk dukungan plugin
- Fitur pelengkapan otomatis pintar
- Penyelesaian otomatis: Penyelesaian kata, Penyelesaian fungsi
- Perekaman dan pemutaran makro
- Mendukung banyak panel
- Ini memiliki manajer paket terintegrasi.
- Pengeditan alat lintas platform ini
- Cari pratinjau, dan ganti teks yang diketik dalam file di seluruh proyek.
- Ini menawarkan palet perintah yang berisi item yang digunakan berulang kali.
- Izinkan pengeditan lintas platform
Tautan: https://atom.io/
18) Ultra edit
Ultra-edit adalah editor teks kuat yang banyak digunakan yang memenuhi paket langganan paling kuat dan sesuai dengan anggaran apa pun. Anda dapat dengan mudah membuka dan mengedit file besar yang berukuran lebih dari 4 GB.
Fitur:
- Pencarian yang kuat: Temukan & ganti dalam file, inversi pencarian ekspresi reguler, dll.
- Penyorotan sintaks kode dalam berbagai bahasa pemrograman
- Menawarkan pelipatan kode dan daftar fungsi hierarki
- Anda dapat memformat ulang kode sumber
- Fitur penanganan XML: tampilan pohon XML, format ulang, validasi, dll.
- Pengeditan multi-tanda sisipan dan banyak pilihan
- Mendukung pengeditan mode Kolom (blok)
- Cari: temukan & ganti dalam file, ekspresi reguler, pencarian terbalik, dll.
- Penyorotan sintaks kode dalam bahasa pemrograman apa pun
- Penanganan XML yang kuat
- Template cerdas - penyelesaian kode cerdas otomatis
- Menutup otomatis tag XML / HTML
Tautan: https://www.ultraedit.com
19) Pembuat Web WYSIWYG
WYSIWYG Web Builder adalah alat yang mudah digunakan dan sangat responsif. Ini memungkinkan Anda menelusuri ribuan gambar berkualitas tinggi yang gratis digunakan.
Fitur:
- Tambahkan font Google dan font web lainnya dengan mudah ke situs web Anda.
- Notifikasi ringan yang dirancang untuk meniru notifikasi push
- Menawarkan lebih dari 150 animasi yang telah ditentukan sebelumnya
- Mengirim email, mengunggah file, menyimpan data di MySQL
Tautan: https://www.wysiwygwebbuilder.com
20) BlueGriffon
BlueGriffon adalah editor HTML sumber terbuka yang diberdayakan oleh Gecko, yang merupakan mesin render Firefox. Ini memiliki antarmuka yang sederhana dan fitur paling umum yang diperlukan untuk membuat halaman web.
Fitur:
- Mudah untuk mengubah warna font atau menyesuaikan gaya perbatasan
- Buka tab dari sesi terakhir
- Mendukung platform Mac, Windows, Linux
- Pintasan untuk pengeditan CSS
- Beberapa tema untuk tampilan sumber
Tautan: http://bluegriffon.org
21) Alohaeditor
Aloha adalah alat editor WYSIWYG. Dengan bantuan editor HTML ini, Anda dapat mengedit situs web langsung di portal. Alat ini memungkinkan pengeditan foto, grafik, animasi, dan teks yang cepat dan tidak rumit.
Fitur:
- Membantu Anda mengurangi beban pengelola konten
- Mudah diperluas berdasarkan kebutuhan dan preferensi Anda.
- Salin konten Anda dari Microsoft Word tanpa masalah pemformatan.
- Editor gambar ini memungkinkan Anda untuk mengedit konten situs web Anda.
Tautan: https://www.alohaeditor.org
22) Kurung
Brackets adalah alat ringan yang dikembangkan oleh Adobe. Ini adalah editor teks ideal yang open source. Alat ini membantu Anda untuk beralih antara kode sumber dan tampilan browser.
Fitur:
- Fitur Edit Cepat UI menempatkan kode dan alat khusus konteks sebaris
- Menawarkan pratinjau langsung, dukungan pra-prosesor, dan editor inline
- Alat yang dikembangkan khusus untuk macOS
- Muncul dengan pengelola ekstensi bawaan untuk manajemen ekstensi yang cepat & efektif.
Tautan: http://brackets.io/
23) Aptana
Aptana adalah alat pengembangan web sumber terbuka yang kuat. Ini menawarkan banyak fitur baru yang dapat disesuaikan yang membantu Anda menjadi lebih produktif. Alat ini memungkinkan Anda membangun aplikasi web dengan cepat dan mudah menggunakan IDE aplikasi web terkemuka di industri.
Fitur:
- HTML, CSS, dan JavaScript Code Assist
- Tetap tersinkronisasi
- Membantu Anda mengakses terminal baris perintah untuk menjalankan perintah dan bahasa sistem operasi
- Menawarkan Anda untuk menempatkan proyek Anda di bawah kendali kode sumber git
- Debugger Ruby & Rails dan JavaScript yang terintegrasi
Tautan: http://www.aptana.com
24) Coteditor
Coteditor adalah editor HTML yang berguna untuk macOS. Oleh karena itu, ini terlihat dan berperilaku persis seperti aplikasi macOS. Alat ini memungkinkan Anda untuk langsung menulis teks kapan pun Anda mau.
Fitur:
- Warnai lebih dari 50 bahasa utama yang sudah terpasang sebelumnya seperti HTML, Python, PHP, atau Ruby.
- Pisahkan jendela menjadi beberapa panel
- Periksa data karakter Unicode dari setiap karakter yang dipilih
- Memungkinkan Anda membuat makro sendiri dalam bahasa favorit Anda
- Perkirakan berbagai pengkodean file secara akurat.
- Ini memungkinkan Anda untuk mengakses semua pengaturan Anda, termasuk definisi sintaks dan tema dari jendela preferensi standar.
Tautan: https://coteditor.com
25) ContentTools
ContentTools adalah perangkat lunak editor HTML gratis untuk digunakan. Ini adalah salah satu kumpulan pustaka yang dirancang untuk alat bangunan yang memudahkan pengeditan konten HTML. Alat ini menawarkan perpustakaan yang menyediakan editor halaman yang berfungsi penuh, yang merupakan subjek dari panduan Memulai.
Fitur:
- IT menawarkan dokumentasi dan contoh API lengkap.
- Editor ContentTools WYSIWYG harus ditambahkan ke halaman HTML mana pun dalam beberapa langkah sederhana
- Panduan langkah demi langkah untuk skenario penggunaan umum dan topik lebih lanjut
Tautan: http://getcontenttools.com/
26) Catatan musim panas
Summernote adalah editor HTML yang mudah dipasang. Ini mendukung Bootstrap 3.xx ke 4.xx menawarkan integrasi yang mudah dengan 3 rd pihak seperti Django, Rails, dan Angle,
fitur
- Mudah untuk menginstal editor HTML
- Sesuaikan dengan menginisialisasi berbagai ramuan dan modul.
- Integrasi yang mudah dengan 3 rd pihak seperti Django, Rails, dan sudut.
- Interaksi pengguna yang cerdas
- Mendukung browser Safari, Chrome, Firefox, Opera, dan Edge.
- Bekerja dengan OS yang berbeda seperti Windows, macOS, Linux, dll.
Tautan: https://summernote.org
27) Textbox.io
Alat pengeditan HTML Textbox.io dan antarmuka pengguna yang sederhana. Ini memungkinkan Anda membuat HTML di desktop dan seluler. Alat pengeditan HTML ini mencakup pemformatan teks, hyperlink, tabel, dll.
Fitur:
- Penanganan & penyimpanan gambar bawaan
- Seret & lepas file
- Periksa ejaan & koreksi otomatis
- Bersihkan salin-tempel dari Microsoft Word
- Dukungan lintas browser
Tautan : https://textbox.io