WYSIWYG, geliştiricinin gerçek arayüz veya belge canlı hale getirilmeden önce son sonuçları önizlemesine olanak tanıyan bir düzenleyicidir. WYSIWYG'nin tam biçimi "ne görürsen onu alırsın" şeklindedir. Bu tür yazılımlar, görüntülendiğinde veya yazdırıldığında aynı görünmesi için içeriği bir formda düzenlemenize olanak tanır.
Çoklu görünüm ve Çoklu Dil desteği gibi özellikler sunan çok sayıda WYSIWYG editörü vardır. Ayrıca web siteleri oluşturmak için hazır düzen, HTML5 ve CSS3 desteği vb. Sunar.
Aşağıda, popüler özellikleri ve web sitesi bağlantılarıyla birlikte En İyi WYSIWYG EDITOR'ün özenle seçilmiş bir listesi bulunmaktadır. Liste hem açık kaynak (ücretsiz) hem de ticari (ücretli) yazılımları içerir.
1) Dreamweaver
Dreamweaver, web siteleri oluşturmanıza, yayınlamanıza ve yönetmenize yardımcı olan popüler bir HTML düzenleyicidir. Dreamweaver ile oluşturulan bir web sitesi herhangi bir web sunucusuna yüklenebilir.
Özellikleri:
- Dinamik web siteleri Dreamweaver kullanılarak hızla geliştirilebilir.
- Bir web sitesi oluşturmak için hazır düzenler sağlar.
- Her ekran boyutuna uyan bir web sitesi oluşturabilirsiniz.
- Bu araç, çalışma alanını istediğiniz gibi özelleştirmenize yardımcı olur.
- Kodunuzu doğrulamak için dahili bir HTML doğrulayıcısı vardır.
2) Uçurtma
Kite, birden çok satır kodunu otomatik olarak tamamlayan WYSIWYG HTML Düzenleyicileri için bir IDE'dir. Bu düzenleyici 16'dan fazla dili desteklemektedir. Sorunsuz bir şekilde daha hızlı kod yazmanıza yardımcı olur.
Fiyat : Bedava
Özellikleri:
- Java belgeleri sunar.
- Bu düzenleyici, siz yazarken bir işlev imzası sağlar.
- Fareyle üzerine gelindiğinde bir ipucu alacaksınız.
- E-postayla destek sağlar.
- Java dili için makine öğrenimi modellerini kullanır.
3) CoffeeCup HTML Düzenleyicisi
Bir kahve fincanı, web sayfanızı görmek için bölünmüş ekran önizlemesini kullanmanıza yardımcı olan bir WYSIWYG HTML editörüdür. Araç, varsayılan web tarayıcınızda W3C biçimlendirme doğrulama hizmetini açmanıza olanak tanır.
Özellikleri:
- Bölünmüş ekran önizlemesini web sayfanızda kullanmanıza yardımcı olur
- Anlamsal web için hazır
- Yerleşik HTML Doğrulama aracı sunar, varsayılan web tarayıcınızda W3C biçimlendirme doğrulama hizmetini açar.
- Yerleşik FTP yükleyici, web sitesini seçtiğiniz yerde yayınlamanıza yardımcı olur
- Bölünmüş Ekran Önizleme özellikleri, web sayfanızı doğrudan Kod Düzenleyiciden bir tarayıcıda görüntülemenizi sağlar.
Bağlantı: https://www.coffeecup.com/html-editor/
4) Wix
Wix, kullanımı kolay, başlangıç dostu, sürükle ve bırak web sitesi oluşturucusudur. Bu web düzenleyici aracı, herhangi bir sayfada istediğiniz yere öğeleri bırakmanıza olanak tanır.
Özellikleri:
- Bir portföy web sitesinde veya hatta bir çevrimiçi mağazada kişisel bir blog oluşturmanıza olanak tanır.
- 500'den fazla tema ve şablon
- Birçok kategoride filtrelenmiş çok sayıda şablonla birlikte gelir.
- Fatura gönderme ve yönetme özelliği sunar.
- Çok dilli mağazalar.
- Google Analytics ile trafiği izleyin.
5) Apache NetBeans
NetBeans, Java, PHP, C ++ ve diğer programlama dilleriyle geliştirme için açık kaynaklı bir kod düzenleme aracıdır. Aynı zamanda kod analizi ve dönüştürme özellikleri sunar. Uygulamalarınızı yeni Java 13 dil yapılarını kullanacak şekilde yükseltmenize olanak tanır.
Özellikleri:
- Kolay ve verimli proje yönetimi
- Hızlı ve akıllı kod düzenleme sunar
- Hızlı Kullanıcı Arayüzü Geliştirme
- Hatasız kod yazmanıza yardımcı olur
Bağlantı: https://netbeans.apache.org
6) Notepad ++
Notepad ++, C ++ ile yazılmış popüler bir ücretsiz kod düzenleyicidir. Daha yüksek yürütme hızı ve küçük program boyutu sunan saf win32 API kullanır. Yalnızca pencere ortamında çalışır ve GPL Lisansı altında kullanılabilir.
Özellikleri:
- HTML, PHP, JavaScript ve CSS gibi diller için sözdizimi vurgulamayı destekleyin.
- Sözcük ve işlevler için otomatik tamamlama özelliklerine sahiptir.
- Makro kayıt ve oynatma olanakları sunar.
- Kullanıcı tanımlı sözdizimi vurgulama ve katlama
- Tamamen özelleştirilebilir GUI
- Çoklu görünüm ve Çoklu dil desteği
Bağlantı: https://notepad-plus-plus.org/
7) Google Web Designer
Google Web Designer, ilgi çekici HTML5 içeriği oluşturmanıza yardımcı olur. Yaratıcı vizyonunuzu hayata geçirmek için animasyon ve etkileşimli öğeler kullanmanıza olanak tanır ve Google Drive, Google Ads, Display & Video 360 gibi diğer Google ürünleriyle sorunsuz entegrasyon sunar.
Özellikleri:
- Dinamik iş akışı sunar
- Google Web Designer, çok çeşitli görüntülü ve video reklam biçimleri sağlar
- Duyarlı reklamlar için destek
- Kolay ve etkili Google Entegrasyonu
- Güzel, ilgi çekici HTML5 içeriği oluşturmanıza yardımcı olur
Bağlantı: https://webdesigner.withgoogle.com
8) Yüce Metin
Sublime Text, JavaScript, Perl, PHP, Python, Ruby ve diğerleri gibi birçok dili destekleyen bir HTML editörüdür. Bu HTML kod düzenleyicisini kod, biçimlendirme ve düz yazı için kullanabilirsiniz. Düzenleyici, OS X, Windows ve Linux işletim sistemlerini destekler.
Özellikleri:
- Sözdizimini vurgulamanıza izin verir.
- Kullanıcılardan gelen metin girişini kabul eden komut Paleti uygulamasına sahiptir.
- UTF8 BOM'ları .gitignore dosyalarında işleyin
- Git durumunu belirtmek için klasörler ve dosya rozetlerini görüntüleyin
- Bir dosyada yapılan değişiklikler, cilt payında bulunan işaretçilerle temsil edilir.
Bağlantı: https://www.sublimetext.com
9) TinyMCE
TinyMCE, Atlassian, Medium, Evernote (Metin düzenleme aracı) ve daha fazlasının başlatılmasına yardımcı olan zengin metin düzenleme platformudur. TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery, vb. Entegre edebilirsiniz.
Özellikleri:
- Büyük bir ekosistemle son derece yapılandırılabilir.
- Modern, mobil kullanıma hazır ve kurumsal sınıf
- Görüntüleri ve dosyaları herhangi bir web sunucusunda depolayın ve düzenleyin
- Herhangi bir tarayıcı için dinamik dosya yüklemesi sunar.
Bağlantı: https://www.tiny.cloud
10) CKEditor
Ckeditor, işbirliğine dayalı düzenlemeye sahip bileşenlere sahip akıllı bir WYSIWYG editörüdür. Excel, Word, tablolar vs.'den yapıştırmanıza izin verir.
Özellikleri:
- Otomatik tamamlama, @bahsetmeler, widget'lar gibi özellikler sunar,
- İçerik üzerinde tam kontrol sağlar: HTML filtreleme ve kaynak modu görüntüleme.
- Mükemmel erişilebilirlik: Bölüm 508, uyumlu ve WCAG 2.0 AA.
- Özel çıktı biçimi ve Markdown desteği.
- Tasarım gereği genişletilebilir ve özelleştirilebilir
- Otomatik biçimlendirme ve işbirliği ile üretkenliği artırmanıza yardımcı olur.
Bağlantı: https://ckeditor.com
11) Tüy
Quill, modern web için oluşturulmuş ücretsiz, açık kaynaklı, güçlü bir WYSIWYG editörüdür. Modüler mimarisi ve etkileyici API'si, her ihtiyaca uyacak ideal bir HTML editörüdür.
Özellikleri:
- Tabletler, masaüstü bilgisayarlar ve telefonlardaki tüm modern tarayıcıları destekler.
- Basit bir API aracılığıyla editörün içeriğine, değişikliklerine ve olaylarına ayrıntılı erişim.
- İnsanların metin yazmasına yardımcı olmak için tasarlanmış zengin metin editörleri
- Özel içerik ve biçimlendirme yapmanızı sağlar.
Bağlantı: https://quilljs.com
12) Froala
Froala, yeni Nesil WYSIWYG HTML editörüdür. Bu kolay entegre editör, net tasarımı nedeniyle geliştiriciler tarafından yaygın olarak kullanılmaktadır.
Özellikleri:
- Güçlü API ve belgeler
- Kutudan 30'dan fazla eklenti seçeneği sunar
- WYSIWYG HTML editörü, temel bir Javascript aracını birçok sektör için temel bir teknolojiye dönüştürdü.
- Froala zengin metin editörü, her türlü kullanım durumu için çok çeşitli hem basit hem de karmaşık özelliklere sahiptir.
Bağlantı : https://froala.com/wysiwyg-editor/
13) Komodo Düzenleme
Komodo edit, kullanımı kolay ve güçlü bir kod düzenleme aracıdır. Hata ayıklama, birim testi, kod yeniden düzenleme yapmanızı sağlar. Ayrıca kod profili ve ayrıca Grunt, PhoneGap, Docker, Vagrant ve daha pek çok diğer teknolojilerle entegrasyon sağlar.
Özellikleri:
- Çoklu Dil Editörü
- Çok sayıda çağdaş renk şeması
- Yerel Unicode desteği ve uyumluluk denetimi
- Masaüstü ortamına kolayca entegre olur.
Bağlantı: https://www.activestate.com/products/komodo-ide/
14) Visual Studio Kodu
Visual Studio Code, Microsoft tarafından geliştirilen açık kaynaklı bir kod düzenleme yazılımıdır. TypeScript, JavaScript ve Node.js için yerleşik destek sağlar. Temel modülleri, değişken türleri ve işlev tanımlarını temel alan akıllı tamamlamalar sunan IntelliSense özellikleriyle otomatik olarak tamamlanır.
Özellikleri:
- Git ve diğer SCM (Yazılım Yapılandırma yönetimi) sağlayıcılarıyla kolay çalışma
- Kod yeniden düzenleme ve hata ayıklama
- Desteklenen platformlar Mac, Windows, Linux'tur
- Kolayca genişletilebilir ve özelleştirilebilir
Bağlantı: https://code.visualstudio.com/
15) OpenElement
OpenElement, Element Technologie tarafından yayınlanan ücretsiz bir web sitesi tasarımı ve yazma uygulamasıdır. Araç, Google Chrome motoru olan Chromium tarafından desteklenmektedir ve Microsoft Windows üzerinde çalışır.
Özellikleri:
- Sezgisel arayüz
- Her şey düzenlenebilir
- Kodu yönetmenize yardımcı olur
- Yeniden kullanılabilir stiller ve öğe paketleri
- Çapraz tarayıcı
- Çok dilli web siteleri
- Sorumlu tasarım
- Tamamen özelleştirilebilir CSS
- Öğe düzenleyici - öğeleri oluşturun ve paylaşın
- Görüntü ve kod optimizasyonunun kolay entegrasyonu
- Chromium tarafından desteklenmektedir
Bağlantı: https://www.openelement.com
16) NoteTab
NoteTab, piyasadaki en iyi Not Defteri alternatifidir. Web yöneticileri için en hızlı HTML düzenleyicidir. HTML için gelişmiş sözdizimi vurgulama sunan en çok yönlü metin düzenleyicidir.
Özellikleri:
- Kullanımı kolay joker karakterlerle arama
- Gerçek zamanlı kelime sayısı
- CSS için sözdizimi vurgulama
- SEO için metin istatistikleri
- HTML5 ve CSS3 desteği
- Yeni HTML / CSS kitaplıkları
Bağlantı: https://www.notetab.com
17) Atom
Atom, diğer editörlere göre basit arayüzü nedeniyle programcılar tarafından tercih edilen kullanışlı bir HTML kod düzenleme aracıdır. Atom kullanıcıları, yazılım için paketleri ve bunları gönderebilir.
Özellikleri:
- Eklenti desteği için Entegre Paket Yöneticisi
- Akıllı otomatik tamamlamanın özelliği
- Otomatik tamamlama: Kelime tamamlama, İşlev tamamlama
- Makro kayıt ve oynatma
- Birden çok bölmeyi destekleyin
- Entegre bir paket yöneticisine sahiptir.
- Bu platformlar arası araç düzenleme
- Arama önizlemesi ve tüm proje boyunca bir dosyaya yazılan metni değiştirin.
- Tekrar tekrar kullanılan öğeleri içeren bir komut paleti sunar.
- Platformlar arası düzenlemeye izin ver
Bağlantı: https://atom.io/
18) Ultra düzenleme
Ultra düzenleme, en güçlü abonelik paketini karşılayan ve her bütçeye uyan, yaygın olarak kullanılan güçlü bir metin düzenleyicidir. 4 GB'ın üzerindeki büyük bir dosyayı kolayca açabilir ve düzenleyebilirsiniz.
Özellikleri:
- Güçlü arama: Dosyalarda bulun ve değiştirin, normal ifadeleri ters çevirin, vb.
- Çeşitli bir programlama dilinde kod sözdizimi vurgulama
- Kod katlama ve hiyerarşik işlev listesi sunar
- Kaynak kodunu yeniden biçimlendirebilirsiniz
- XML işlemenin özelliği: XML ağaç görünümü, yeniden biçimlendirme, doğrulama vb.
- Çoklu imleç düzenleme ve çoklu seçim
- Destek Sütun (blok) modu düzenleme
- Arama: dosyalarda, normal ifadelerde, ters arama, vb. Bulun ve değiştirin.
- Herhangi bir programlama dilinde kod sözdizimi vurgulama
- Güçlü XML işleme
- Akıllı şablonlar - otomatik akıllı kod tamamlama
- Otomatik kapanan XML / HTML etiketleri
Bağlantı: https://www.ultraedit.com
19) WYSIWYG Web Oluşturucu
WYSIWYG Web Builder, kullanımı kolay ve son derece duyarlı bir araçtır. Ücretsiz olarak kullanılabilen, yüksek kaliteli binlerce görüntüye göz atmanıza olanak tanır.
Özellikleri:
- Google yazı tiplerini ve diğer web yazı tiplerini web sitenize kolayca ekleyin.
- Push bildirimlerini taklit etmek için tasarlanmış hafif bildirimler
- 150'den fazla önceden tanımlanmış animasyon sunar
- E-postalar gönderin, dosya yükleyin, verileri MySQL'de saklayın
Bağlantı: https://www.wysiwygwebbuilder.com
20) BlueGriffon
BlueGriffon, Firefox'un işleme motoru olan Gecko tarafından desteklenen açık kaynaklı bir HTML editörüdür. Basit bir arayüze ve web sayfaları oluşturmak için gereken en genel özelliklere sahiptir.
Özellikleri:
- Yazı tipinin rengini değiştirmek veya kenarlık stilini ayarlamak kolaydır
- Son oturumdaki sekmeleri açar
- Mac, Windows, Linux platformlarını destekler
- CSS düzenleme için kısayollar
- Kaynak görünümü için birden çok tema
Bağlantı: http://bluegriffon.org
21) Alohaeditor
Aloha, bir WYSIWYG düzenleme aracıdır. Bu HTML düzenleyicinin yardımıyla, bir web sitesini doğrudan portalda düzenlemek mümkündür. Araç, fotoğrafların, grafiklerin, animasyonların ve metnin hızlı ve karmaşık olmayan bir şekilde düzenlenmesine olanak tanır.
Özellikleri:
- İçerik yöneticisi külfetini azaltmanıza yardımcı olur
- Gereksinimlerinize ve tercihlerinize göre kolayca genişletilebilir taban.
- İçeriğinizi biçimlendirme sorunları olmadan Microsoft Word'den kopyalayın.
- Bu resim düzenleyici, web sitenizin içeriğini düzenlemenize olanak tanır.
Bağlantı: https://www.alohaeditor.org
22) Parantez
Brackets, Adobe tarafından geliştirilen hafif bir araçtır. Açık kaynak kodlu ideal bir metin editörüdür. Bu araç, kaynak kodunuz ve tarayıcı görünümü arasında geçiş yapmanıza yardımcı olur.
Özellikleri:
- Hızlı Düzenleme Kullanıcı Arayüzü özelliği, bağlama özgü kod ve araçları sıraya yerleştirir
- Canlı önizleme, ön işlemci desteği ve satır içi düzenleyiciler sunar
- MacOS için özel olarak geliştirilmiş araç
- Hızlı ve etkili uzantı yönetimi için dahili uzantı yöneticisi ile birlikte gelir.
Bağlantı: http://brackets.io/
23) Aptana
Aptana, güçlü bir açık kaynaklı web geliştirme aracıdır. Daha üretken olmanıza yardımcı olan birçok özelleştirilebilir yeni özellik sunar. Araç, sektörün önde gelen web uygulaması IDE'sini kullanarak hızlı ve kolay bir şekilde web uygulamaları oluşturmanıza olanak tanır.
Özellikleri:
- HTML, CSS ve JavaScript Kod Yardımı
- Senkronize edilmiş kurulumları koru
- İşletim sistemi komutlarının ve dilinin yürütülmesi için bir komut satırı terminaline erişmenize yardımcı olur
- Projelerinizi git kaynak kod kontrolü altına almanızı sağlar
- Entegre Ruby & Rails ve JavaScript hata ayıklayıcıları
Bağlantı: http://www.aptana.com
24) Yardımcı Düzenleyici
Coteditor, macOS için kullanışlı bir HTML editörüdür. Bu nedenle, tıpkı macOS uygulamaları gibi görünür ve davranır. Araç, metninizi istediğiniz zaman hemen yazmanıza olanak tanır.
Özellikleri:
- HTML, Python, PHP veya Ruby gibi 50'den fazla önceden yüklenmiş ana dili renklendirin.
- Bir pencereyi birden çok bölmeye bölme
- Seçilen her karakterin Unicode karakter verilerini inceleyin
- En sevdiğiniz dilde kendi makroyu oluşturmanıza izin verir
- Çeşitli dosya kodlamalarını doğru bir şekilde tahmin edin.
- Sözdizimi tanımları ve temalar dahil tüm ayarlarınıza standart bir tercihler penceresinden erişmenizi sağlar.
Bağlantı: https://coteditor.com
25) İçerik Araçları
ContentTools, kullanımı ücretsiz bir HTML düzenleme yazılımıdır. HTML içeriğini düzenlemeyi kolaylaştıran araçlar oluşturmak için tasarlanmış bir kitaplık koleksiyonundan biridir. Araç, Başlangıç kılavuzunun konusu olan tamamen işlevsel bir sayfa düzenleyici sağlayan bir kitaplık sunar.
Özellikleri:
- BT, eksiksiz API belgeleri ve örnekleri sunar.
- ContentTools WYSIWYG editörü, birkaç basit adımda herhangi bir HTML sayfasına eklenmelidir
- Yaygın kullanım senaryoları ve daha gelişmiş konular için adım adım kılavuzlar
Bağlantı: http://getcontenttools.com/
26) Özet
Summernote, kurulumu kolay bir HTML editörüdür. Bootstrap 3.xx - 4.xx'i destekler Django, Rails ve Angle gibi 3. taraflarla kolay entegrasyon sunar ,
Özellikleri
- HTML düzenleyiciyi yüklemek kolay
- Çeşitli iksirleri ve modülleri başlatarak özelleştirin.
- Django, Rails ve Angular gibi 3. taraflarla kolay entegrasyon .
- Akıllı kullanıcı etkileşimi
- Safari, Chrome, Firefox, Opera ve Edge tarayıcılarını destekler.
- Windows, macOS, Linux vb. Gibi farklı işletim sistemlerinde çalışır.
Bağlantı: https://summernote.org
27) Textbox.io
Textbox.io'nun HTML düzenleme araçları ve basit kullanıcı arayüzü. Masaüstünüzde ve mobil cihazınızda HTML oluşturmanıza izin verir. Bu HTML düzenleme aracı, metin formatlama, köprüler, tablolar vb. İçerir.
Özellikleri:
- Yerleşik görüntü işleme ve depolama
- Dosya sürükle ve bırak
- Yazım denetimi ve otomatik düzeltme
- Microsoft Word'den temiz kopyalayıp yapıştırın
- Tarayıcılar arası destek
Bağlantı : https://textbox.io