25 nejlepších editorů HTML WYSIWYG (zdarma / placené)

Anonim

WYSIWYG je editor, který vývojáři umožňuje zobrazit náhled konečných výsledků před spuštěním skutečného rozhraní nebo dokumentu. Plná forma WYSIWYG je „to, co vidíte, to dostanete“. Tento typ softwaru umožňuje upravovat obsah ve formě tak, aby vypadal stejně, když je zobrazen nebo vytištěn.

Existuje mnoho editorů WYSIWYG, které nabízejí funkce jako podpora více zobrazení a více jazyků. Nabízí také hotové rozvržení pro vytváření webových stránek, podporu HTML5 a CSS3 atd.

Následuje ručně vybraný seznam nejlepších WYSIWYG EDITOR s jejich oblíbenými funkcemi a odkazy na webové stránky. Seznam obsahuje jak otevřený (bezplatný), tak komerční (placený) software.

1) Dreamweaver

Dreamweaver je populární editor HTML, který vám pomáhá vytvářet, publikovat a spravovat webové stránky. Web vytvořený pomocí Dreamweaveru lze nahrát na libovolný webový server.

Funkce:

  • Dynamické webové stránky lze rychle vytvořit pomocí aplikace Dreamweaver.
  • Poskytuje hotová rozvržení pro vytvoření webu.
  • Můžete vytvořit web, který se hodí na jakoukoli velikost obrazovky.
  • Tento nástroj vám pomůže přizpůsobit pracovní prostor tak, jak se vám líbí.
  • Má vestavěný validátor HTML pro ověření vašeho kódu.

2) Kite

Kite je IDE pro editory HTML WYSIWYG, které automaticky dokončují více řádkových kódů. Tento editor podporuje více než 16 jazyků. Pomůže vám rychleji kódovat bez potíží.

Cena : Zdarma

Funkce:

  • Nabízí dokumentaci Java.
  • Tento editor poskytuje při psaní podpis funkce.
  • Zobrazí se popisek při najetí myší.
  • Poskytuje podporu v e-mailu.
  • Používá modely strojového učení pro jazyk Java.

3) CoffeeCup HTML editor

Šálek kávy je editor WYSIWYG HTML, který vám pomůže využít náhled rozdělené obrazovky k zobrazení vaší webové stránky. Tento nástroj umožňuje otevřít službu ověřování značek W3C ve vašem výchozím webovém prohlížeči.

Funkce:

  • Pomůže vám využít náhled rozdělené obrazovky na vaši webovou stránku
  • Připraveno pro sémantický web
  • Nabízí integrovaný nástroj Ověření HTML, který otevírá službu ověřování značek W3C ve vašem výchozím webovém prohlížeči.
  • Integrovaný FTP uploader vám pomůže publikovat web na vámi zvolené místo
  • Funkce náhledu rozdělené obrazovky vám umožní prohlížet vaše webové stránky v prohlížeči přímo z editoru kódu.

Odkaz: https://www.coffeecup.com/html-editor/

4) Wix

Wix je snadno použitelný nástroj pro vytváření webových stránek, který je vhodný pro začátečníky. Tento nástroj webového editoru umožňuje umístit prvky kamkoli na libovolnou stránku.

Funkce:

  • Umožňuje vám vytvořit osobní blog na portfoliovém webu nebo dokonce v online obchodě.
  • Více než 500 motivů a šablon
  • Dodává se s velkým počtem šablon filtrovaných v mnoha kategoriích.
  • Funkce nabídek pro odesílání a správu faktur.
  • Vícejazyčné obchody.
  • Sledujte provoz pomocí Google Analytics.

5) Apache NetBeans

NetBeans je nástroj pro editor kódu s otevřeným zdrojovým kódem pro vývoj v jazycích Java, PHP, C ++ a dalších programovacích jazycích. Nabízí také funkce analýzy a převodu kódu. Umožňuje vám upgradovat aplikace tak, aby používaly nové jazykové konstrukce Java 13.

Funkce:

  • Snadné a efektivní řízení projektů
  • Nabízí rychlé a chytré úpravy kódu
  • Rychlý vývoj uživatelského rozhraní
  • Pomůže vám napsat bezchybný kód

Odkaz: https://netbeans.apache.org

6) Poznámkový blok ++

Notepad ++ je populární bezplatný editor kódu napsaný v C ++. Používá čisté rozhraní win32 API, které nabízí větší rychlost provádění a malou velikost programu. Spouští se pouze v prostředí okna a je k dispozici pod licencí GPL.

Funkce:

  • Podpora zvýraznění syntaxe pro jazyky jako HTML, PHP, JavaScript a CSS.
  • Má funkce automatického dokončování slov a funkcí.
  • Nabízí záznam a přehrávání maker.
  • Uživatelem definované zvýraznění a složení syntaxe
  • Zcela přizpůsobitelné grafické uživatelské rozhraní
  • Podpora více pohledů a více jazyků

Odkaz: https://notepad-plus-plus.org/

7) Google Web Designer

Google Web Designer vám pomůže vytvořit poutavý obsah HTML5. Umožňuje vám oživit kreativní vizi pomocí animací a interaktivních prvků a nabízí bezproblémovou integraci s dalšími službami Google, jako jsou Disk Google, Google Ads, Display & Video 360 atd.

Funkce:

  • Nabízí dynamický pracovní tok
  • Google Web Designer poskytuje širokou škálu formátů grafických reklam a videoreklam
  • Podpora responzivních reklam
  • Snadná a efektivní integrace Google
  • Pomáhá vám vytvářet krásný a poutavý obsah HTML5

Odkaz: https://webdesigner.withgoogle.com

8) Vznešený text

Sublime Text je editor HTML, který podporuje mnoho jazyků, jako je JavaScript, Perl, PHP, Python, Ruby a další. Tento editor kódu HTML můžete použít pro kód, označení a prózu. Editor podporuje operační systémy OS X, Windows a Linux.

Funkce:

  • Umožňuje zvýraznit syntaxi.
  • Má implementaci příkazové palety, která přijímá zadávání textu od uživatelů.
  • Zacházejte s kusovníky UTF8 v souborech .gitignore
  • Zobrazit odznaky pro složky a soubory označující stav Git
  • Změny souboru jsou reprezentovány značkami dostupnými ve okapu.

Odkaz: https://www.sublimetext.com

9) TinyMCE

TinyMCE je platforma pro úpravy textu, která pomohla spustit Atlassian, Medium, Evernote (nástroj pro úpravy textu) a další. Můžete integrovat TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery atd.

Funkce:

  • Vysoce konfigurovatelný s velkým ekosystémem.
  • Moderní, připravený na mobily a podnikový
  • Ukládejte a upravujte obrázky a soubory na libovolném webovém serveru
  • Nabízí dynamické nahrávání souborů pro libovolný prohlížeč.

Odkaz: https://www.tiny.cloud

10) CKEditor

Ckeditor je inteligentní editor WYSIWYG, který má komponenty se společnou úpravou. Umožňuje vkládat z aplikace Excel, Word, tabulek atd.

Funkce:

  • Nabízí funkce jako automatické doplňování, @ zmínky, widgety,
  • Nabízí plnou kontrolu nad obsahem: filtrování HTML a režim zobrazení zdroje.
  • Skvělá dostupnost: Sekce 508, kompatibilní a WCAG 2.0 AA.
  • Vlastní výstupní formát a podpora Markdown.
  • Rozšiřitelné a přizpůsobitelné designem
  • Pomůže vám zvýšit produktivitu pomocí automatického formátování a spolupráce.

Odkaz: https://ckeditor.com

11) Brk

Quill je bezplatný výkonný editor WYSIWYG s otevřeným zdrojovým kódem, který je vytvořen pro moderní web. Jeho modulární architektura a expresivní API jsou ideálním editorem HTML, který vyhovuje všem potřebám.

Funkce:

  • Podporuje všechny moderní prohlížeče na tabletech, počítačích a telefonech.
  • Granulární přístup k obsahu editoru, změnám a událostem prostřednictvím jednoduchého rozhraní API.
  • Redaktory formátovaného textu, které pomáhají lidem psát text.
  • Umožňuje provádět vlastní obsah a formátování.

Odkaz: https://quilljs.com

12) Froala

Froala je editor WYSIWYG HTML nové generace. Tento snadno integrovatelný editor je vývojáři široce používán kvůli jeho jasnému designu.

Funkce:

  • Výkonné API a dokumentace
  • Nabízí více než 30 z krabice pluginy na výběr
  • WYSIWYG HTML editor přeměnil základní nástroj Javascript na základní technologii pro mnoho průmyslových odvětví.
  • Textový editor Froala má širokou škálu jednoduchých i složitých funkcí pro všechny druhy případů použití.

Odkaz : https://froala.com/wysiwyg-editor/

13) Komodo Edit

Komodo edit je snadno použitelný a výkonný nástroj pro editaci kódu. Umožňuje provádět ladění, testování jednotek, refaktorování kódu. Poskytuje také profil kódu a integrace s dalšími technologiemi, jako jsou Grunt, PhoneGap, Docker, Vagrant a mnoho dalších.

Funkce:

  • Vícejazyčný editor
  • Mnoho moderních barevných schémat
  • Nativní podpora Unicode a kontrola kompatibility
  • Snadno se integruje do desktopového prostředí.

Odkaz: https://www.activestate.com/products/komodo-ide/

14) Visual Studio Code

Visual Studio Code je software pro editor kódu s otevřeným zdrojovým kódem vyvinutý společností Microsoft. Poskytuje integrovanou podporu pro TypeScript, JavaScript a Node.js. Automaticky se doplňuje s funkcemi IntelliSense, které nabízejí inteligentní dokončení na základě základních modulů, typů proměnných a definic funkcí.

Funkce:

  • Snadná práce s Gitem a dalšími poskytovateli SCM (Software Configuration management)
  • Refaktorování a ladění kódu
  • Podporované platformy jsou Mac, Windows, Linux
  • Snadno rozšiřitelné a přizpůsobitelné

Odkaz: https://code.visualstudio.com/

15) OpenElement

OpenElement je freewarová aplikace pro návrh a tvorbu webových stránek publikovaná společností Element Technologie. Tento nástroj je poháněn prohlížečem Chromium, motorem Google Chrome, a běží na systému Microsoft Windows.

Funkce:

  • Intuitivní rozhraní
  • Všechno je upravitelné
  • Pomáhá vám spravovat kód
  • Opakovaně použitelné styly a balíčky prvků
  • Cross-browser
  • Vícejazyčné webové stránky
  • Citlivý design
  • Plně přizpůsobitelné CSS
  • Editor elementů - vytváření a sdílení prvků
  • Snadná integrace optimalizace obrazu a kódu
  • Poháněno chromem

Odkaz: https://www.openelement.com

16) NoteTab

NoteTab je nejlepší náhrada Poznámkového bloku. Pro webmastery je to nejrychlejší editor HTML. Jedná se o nejuniverzálnější textový editor, který nabízí vylepšené zvýraznění syntaxe pro HTML.

Funkce:

  • Hledání pomocí snadno použitelných zástupných znaků
  • Počet slov v reálném čase
  • Zvýraznění syntaxe pro CSS
  • Textové statistiky pro SEO
  • Podpora pro HTML5 a CSS3
  • Nové knihovny HTML / CSS

Odkaz: https://www.notetab.com

17) Atom

Atom je užitečný nástroj pro editaci HTML kódu, který programátoři preferují kvůli jeho jednoduchému rozhraní ve srovnání s ostatními editory. Uživatelé Atom mohou odesílat balíčky a jejich pro software.

Funkce:

  • Integrovaný správce balíčků pro podporu pluginů
  • Funkce inteligentního automatického doplňování
  • Automatické dokončování: Dokončování slov, Dokončování funkcí
  • Makro nahrávání a přehrávání
  • Podpora více oken
  • Má integrovaného správce balíčků.
  • Tato multiplatformní editace nástroje
  • Prohlédněte si náhled a nahraďte text zadaný v souboru napříč celým projektem.
  • Nabízí paletu příkazů, která obsahuje položky, které se používají opakovaně.
  • Povolit úpravy napříč platformami

Odkaz: https://atom.io/

18) Ultra úpravy

Ultra-edit je široce používaný výkonný textový editor, který splňuje nejvýkonnější balíček předplatného a vyhovuje jakémukoli rozpočtu. Můžete snadno otevřít a upravit velký soubor, jehož velikost přesahuje 4 GB.

Funkce:

  • Výkonné vyhledávání: Najděte a nahraďte v souborech, inverzní hledání regulárních výrazů atd.
  • Zvýraznění syntaxe kódu v různých programovacích jazycích
  • Nabízí skládání kódu a hierarchický seznam funkcí
  • Můžete přeformátovat zdrojový kód
  • Funkce zpracování XML: stromové zobrazení XML, přeformátování, ověření atd.
  • Úpravy vícečetného stříška a vícenásobný výběr
  • Podpora úprav režimu sloupců (bloků)
  • Hledat: najít a nahradit v souborech, regulární výrazy, inverzní vyhledávání atd.
  • Zvýraznění syntaxe kódu v libovolném programovacím jazyce
  • Výkonné zpracování XML
  • Inteligentní šablony - automatické dokončení inteligentního kódu
  • Automatické zavírání značek XML / HTML

Odkaz: https://www.ultraedit.com

19) WYSIWYG Web Builder

WYSIWYG Web Builder je snadno použitelný a vysoce citlivý nástroj. Umožňuje vám procházet tisíce bezplatných a vysoce kvalitních obrázků.

Funkce:

  • Na svůj web snadno přidávejte písma Google a další webová písma.
  • Lehká oznámení určená k napodobování oznámení push
  • Nabízí více než 150 předdefinovaných animací
  • Posílejte e-maily, nahrávejte soubory, ukládejte data do MySQL

Odkaz: https://www.wysiwygwebbuilder.com

20) BlueGriffon

BlueGriffon je open-source editor HTML, který využívá Gecko, což je vykreslovací modul prohlížeče Firefox. Má jednoduché rozhraní a nejběžnější funkce potřebné k vytváření webových stránek.

Funkce:

  • Snadno měnit barvu písma nebo upravit styl ohraničení
  • Otevírá karty z poslední relace
  • Podporuje platformy Mac, Windows, Linux
  • Klávesové zkratky pro úpravy CSS
  • Více motivů pro zobrazení zdroje

Odkaz: http://bluegriffon.org

21) Alohaeditor

Aloha je editorský nástroj WYSIWYG. Pomocí tohoto editoru HTML je možné upravovat web přímo na portálu. Tento nástroj umožňuje rychlou a nekomplikovanou úpravu fotografií, grafiky, animací a textu.

Funkce:

  • Pomáhá vám snížit množství správců obsahu
  • Snadno rozšiřitelný základ podle vašich požadavků a preferencí.
  • Zkopírujte svůj obsah z aplikace Microsoft Word bez problémů s formátováním.
  • Tento editor obrázků umožňuje upravovat obsah vašeho webu.

Odkaz: https://www.alohaeditor.org

22) Konzoly

Brackets je lehký nástroj vyvinutý společností Adobe. Je to ideální textový editor, který je otevřeným zdrojovým kódem. Tento nástroj vám pomůže přepínat mezi zdrojovým kódem a zobrazením prohlížeče.

Funkce:

  • Funkce uživatelského rozhraní Rychlé úpravy vloží kontextově specifický kód a nástroje
  • Nabízí živý náhled, podporu před procesorem a vložené editory
  • Speciálně vyvinutý nástroj pro macOS
  • Dodává se s vestavěným správcem rozšíření pro rychlou a efektivní správu rozšíření.

Odkaz: http://brackets.io/

23) Aptana

Aptana je výkonný nástroj pro vývoj webových aplikací s otevřeným zdrojovým kódem. Nabízí mnoho přizpůsobitelných nových funkcí, které vám pomohou zvýšit produktivitu. Tento nástroj vám umožňuje rychle a snadno vytvářet webové aplikace pomocí špičkového IDE webové aplikace v oboru.

Funkce:

  • Asistent kódu HTML, CSS a JavaScript
  • Udržujte synchronizovaná nastavení
  • Pomáhá vám získat přístup k terminálu příkazového řádku pro provádění příkazů a jazyka operačního systému
  • Nabízí vám možnost umístit své projekty pod kontrolu zdrojového kódu git
  • Integrované ladicí programy Ruby & Rails a JavaScript

Odkaz: http://www.aptana.com

24) Hlasovatel

Coteditor je užitečný editor HTML pro macOS. Vypadá a chová se přesně jako aplikace pro macOS. Tento nástroj umožňuje psát text okamžitě, kdykoli chcete.

Funkce:

  • Vybarvěte více než 50 předinstalovaných hlavních jazyků, jako je HTML, Python, PHP nebo Ruby.
  • Rozdělte okno na více podoken
  • Prohlédněte si znaková data Unicode každého vybraného znaku
  • Umožňuje vytvořit vlastní makro ve vašem oblíbeném jazyce
  • Odhadněte přesně různá kódování souborů.
  • Umožňuje vám přístup ke všem vašim nastavením, včetně definic syntaxe a témat, ze standardního okna předvoleb.

Odkaz: https://coteditor.com

25) ContentTools

ContentTools je bezplatný software pro editaci HTML. Je to jedna ze sbírky knihoven, která je určena pro vytváření nástrojů, které usnadňují úpravy obsahu HTML. Nástroj nabízí knihovnu, která poskytuje plně funkční editor stránek, který je předmětem příručky Začínáme.

Funkce:

  • IT nabízí úplnou dokumentaci API a příklady.
  • Editor ContentTools WYSIWYG by měl být přidán na jakoukoli stránku HTML v několika jednoduchých krocích
  • Podrobní průvodci pro běžné scénáře použití a pokročilejší témata

Odkaz: http://getcontenttools.com/

26) Summernote

Summernote je snadno instalovatelný editor HTML. Podporuje Bootstrap 3.xx na 4.xx, který nabízí snadnou integraci s 3 rd stranami jako Django, Rails a úhlu,

Funkce

  • Snadná instalace editoru HTML
  • Přizpůsobte si inicializací různých lektvarů a modulů.
  • Snadná integrace s 3 rd stranami jako Django, Rails, a úhlové.
  • Inteligentní interakce uživatele
  • Podporuje prohlížeče Safari, Chrome, Firefox, Opera a Edge.
  • Funguje na různých operačních systémech, jako je Windows, macOS, Linux atd.

Odkaz: https://summernote.org

27) Textbox.io

Nástroje pro editaci HTML v Textbox.io a jednoduché uživatelské rozhraní. Umožní vám vytvářet HTML na počítači i na mobilu. Tento nástroj pro úpravy HTML zahrnuje formátování textu, hypertextové odkazy, tabulky atd.

Funkce:

  • Integrovaná manipulace a ukládání obrázků
  • File drag & drop
  • Kontrola pravopisu a automatické opravy
  • Vyčistěte kopírování a vložení z aplikace Microsoft Word
  • Podpora více prohlížečů

Odkaz : https://textbox.io