25 parimat WYSIWYG HTML-i redigeerijat (tasuta / tasuline)

Anonim

WYSIWYG on redaktor, mis võimaldab arendajal enne lõpliku liidese või dokumendi avaldamist lõpptulemuste eelvaadet vaadata. WYSIWYG-i täielik vorm on "see, mida näete, on see, mida saate". Seda tüüpi tarkvara võimaldab teil muuta vormi sisu nii, et see kuvamisel või printimisel näeks välja sama.

Seal on arvukalt WYSIWYG-redaktoreid, mis pakuvad selliseid funktsioone nagu mitme vaate ja mitme keele tugi. Samuti pakub see veebisaitide loomiseks valmiskujundust, HTML5 ja CSS3 tuge jne.

Järgnevalt on valitud WYSIWYG EDITORi nimekiri koos nende populaarsete funktsioonide ja veebisaitide linkidega. Nimekiri sisaldab nii avatud lähtekoodiga (tasuta) kui ka ärilist (tasulist) tarkvara.

1) Dreamweaver

Dreamweaver on populaarne HTML-redaktor, mis aitab teil veebisaite luua, avaldada ja hallata. Dreamweaveriga loodud veebisaidi saab üles laadida igasse veebiserverisse.

Funktsioonid:

  • Dünaamilisi veebisaite saab Dreamweaveri abil kiiresti välja töötada.
  • See pakub veebisaidi loomiseks valmiskujundusi.
  • Saate luua veebisaidi, mis sobib igale ekraanisuurusele.
  • See tööriist aitab teil tööruumi endale sobivaks kohandada.
  • Teie koodi kinnitamiseks on sisseehitatud HTML-valideerija.

2) Lohe

Lohe on WYSIWYG HTML-i redigeerijate IDE, mis täidab mitu rea koodi automaatselt. See redaktor toetab enam kui 16 keelt. See aitab teil probleemideta kiiremini kodeerida.

Hind : tasuta

Funktsioonid:

  • See pakub Java dokumentatsiooni.
  • See redaktor annab trükkimisel funktsiooni allkirja.
  • Näpunäite saate hiirekursori kohta.
  • Pakub e-posti teel tuge.
  • Kasutab Java-keele jaoks masinõppemudeleid.

3) CoffeeCupi HTML-redaktor

Kohvitass on WYSIWYG HTML-i redigeerija, mis aitab teil oma veebilehe nägemiseks kasutada jagatud ekraaniga eelvaadet. Tööriist võimaldab teil oma vaikebrauseris avada W3C märgistuse kinnitamise teenuse.

Funktsioonid:

  • Aitab teil kasutada jagatud ekraaniga eelvaadet oma veebilehel
  • Semantilise veebi jaoks valmis
  • Sisseehitatud HTML-i tööriist Validate avab teie vaikebrauseris W3C märgistuse kinnitamise teenuse.
  • Sisseehitatud FTP üleslaadija aitab teil veebisaidi teie valitud kohas avaldada
  • Jagatud ekraaniga eelvaate funktsioonid võimaldavad teil oma veebilehte vaadata brauseris otse koodiredaktorist.

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


4) Wix

Wix on hõlpsasti kasutatav, kasutajasõbralik algajatele, lohistades veebilehtede loomist. See veebiredaktori tööriist võimaldab teil igal lehel elemente kuhu soovite.

Funktsioonid:

  • See võimaldab teil luua isikliku ajaveebi portfelli veebisaidile või isegi veebipoodi.
  • 500+ teemat ja malli
  • Kaasas on suur hulk malle, mis on filtreeritud paljudesse kategooriatesse.
  • Pakub funktsiooni arvete saatmiseks ja haldamiseks.
  • Mitmekeelsed kauplused.
  • Liikluse jälgimine Google Analyticsi abil.

5) Apache NetBeans

NetBeans on avatud lähtekoodiga koodiredaktori tööriist Java, PHP, C ++ ja muude programmeerimiskeeltega arendamiseks. See pakub ka koodide analüüsimise ja teisendamise funktsioone. See võimaldab teil oma rakendusi uuendada, et kasutada uusi Java 13 keelekonstruktsioone.

Funktsioonid:

  • Lihtne ja tõhus projektijuhtimine
  • Pakub kiiret ja nutikat koodi redigeerimist
  • Kiire kasutajaliidese arendamine
  • Aitab teil kirjutada veatut koodi

Link: https://netbeans.apache.org


6) Notepad ++

Notepad ++ on populaarne C ++ -s kirjutatud koodiredaktor. See kasutab puhast Win32 API-d, mis pakub suuremat kiirust ja väikest programmi mahtu. See töötab ainult akna keskkonnas ja on saadaval GPL-i litsentsi all.

Funktsioonid:

  • Toetage selliste keelte nagu HTML, PHP, JavaScripti ja CSS süntaksi esiletõstmist.
  • Sellel on sõnade ja funktsioonide automaatse täitmise funktsioonid.
  • See pakub makrode salvestamise ja taasesituse võimalusi.
  • Kasutaja määratud süntaksi esiletõstmine ja voltimine
  • Täiesti kohandatav GUI
  • Mitme vaate ja mitme keele tugi

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


7) Google Web Designer

Google Web Designer aitab teil luua kaasahaaravat HTML5-sisu. See võimaldab teil kasutada animatsiooni ja interaktiivseid elemente, et oma loominguline visioon ellu äratada, ning pakub sujuvat integreerimist teiste Google'i toodetega, nagu Google Drive, Google Ads, Display & Video 360 jne.

Funktsioonid:

  • Pakub dünaamilist töövoogu
  • Google Web Designer pakub laia valikut displei- ja videoreklaamide vorminguid
  • Automaatselt reageerivate reklaamide tugi
  • Lihtne ja tõhus Google'i integreerimine
  • Aitab teil luua ilusat ja kaasahaaravat HTML5-sisu

Link: https://webdesigner.withgoogle.com


8) ülev tekst

Sublime Text on HTML-redaktor, mis toetab paljusid keeli, nagu JavaScripti, Perli, PHP, Pythoni, Rubiini ja teisi. Seda HTML-koodiredaktorit saate kasutada koodi, juurdehindluse ja proosa jaoks. Redaktor toetab OS X, Windowsi ja Linuxi operatsioonisüsteeme.

Funktsioonid:

  • See võimaldab teil süntaksi esile tõsta.
  • Sellel on käsupaleti juurutamine, mis aktsepteerib kasutajate tekstisisestust.
  • UTF8 BOM-ide käsitsemine .gitignore-failides
  • Kuva kaustade ja failide märgid, mis näitavad Giti olekut
  • Faili muudatusi tähistavad vihmaveerennis olevad markerid.

Link: https://www.sublimetext.com


9) TinyMCE

TinyMCE on rikkaliku teksti redigeerimise platvorm, mis aitas käivitada Atlassian, Medium, Evernote (tekstiredigeerimisriist) ja palju muud. Saate integreerida TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery jne.

Funktsioonid:

  • Väga konfigureeritav suure ökosüsteemiga.
  • Kaasaegne, mobiilseadmetele valmis ja ettevõtte jaoks sobiv
  • Salvestage ja muutke pilte ja faile mis tahes veebiserveris
  • Pakub failide dünaamilist üleslaadimist mis tahes brauseri jaoks.

Link: https://www.tiny.cloud


10) CKEditor

Ckeditor on nutikas WYSIWYG-redaktor, millel on koostöötlusega komponendid. See võimaldab teil kleepida Excelist, Wordist, tabelitest jne.

Funktsioonid:

  • Pakub selliseid funktsioone nagu automaatne täitmine, @ mainimised, vidinad,
  • Pakub täielikku kontrolli sisu üle: HTML-i filtreerimine ja allikarežiimi kuvamine.
  • Suur juurdepääsetavus: jaotis 508, ühilduv ja WCAG 2.0 AA.
  • Kohandatud väljundvorming ja Markdowni tugi.
  • Disaini järgi laiendatav ja kohandatav
  • See aitab teil automaatse vormindamise ja koostöö abil tootlikkust tõsta.

Link: https://ckeditor.com


11) sulg

Quill on tasuta avatud lähtekoodiga võimas WYSIWYG-i redaktor, mis on loodud kaasaegse veebi jaoks. Selle modulaarne arhitektuur ja ekspressiivne API on ideaalne HTML-redaktor, mis sobib vajadustega.

Funktsioonid:

  • See toetab kõiki tahvelarvutite, lauaarvutite ja telefonide kaasaegseid brausereid.
  • Granuleeritud juurdepääs redaktori sisule, muudatustele ja sündmustele lihtsa API kaudu.
  • Rikasteksti redaktorid, mis on loodud selleks, et aidata inimestel teksti kirjutada.
  • See võimaldab teil teha kohandatud sisu ja vormindamist.

Link: https://quilljs.com


12) Froala

Froala on järgmise põlvkonna WYSIWYG HTML-i redigeerija. Seda hõlpsasti integreeritavat redaktorit kasutavad arendajad oma selge kujunduse tõttu laialdaselt.

Funktsioonid:

  • Võimas API ja dokumentatsioon
  • Pakub valikut rohkem kui 30 pistikprogrammi pistikprogrammi vahel
  • WYSIWYG HTML-i redaktor muutis JavaScripti põhivahendi paljude tööstusharude jaoks oluliseks tehnoloogiaks.
  • Froala rikkaliku teksti redaktoril on igasuguste kasutusjuhtumite jaoks lai valik lihtsaid ja keerukaid funktsioone.

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


13) Komodo Edit

Komodo redigeerimine on hõlpsasti kasutatav ja võimas koodi redigeerimise tööriist. See võimaldab teil teha silumist, seadmete testimist, koodide taastamist. See pakub ka koodiprofiili, lisaks integreerumist teiste tehnoloogiatega, nagu Grunt, PhoneGap, Docker, Vagrant ja palju muud.

Funktsioonid:

  • Mitmekeelne redaktor
  • Palju kaasaegseid värvilahendusi
  • Native Unicode'i tugi ja ühilduvuse kontroll
  • Integreerub hõlpsalt töölaua keskkonda.

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


14) Visual Studio kood

Visual Studio Code on Microsofti välja töötatud avatud lähtekoodiga koodiredaktori tarkvara. See pakub sisseehitatud tuge TypeScriptile, JavaScripti ja Node.js-le. See on automaatselt täidetud IntelliSense'i funktsioonidega, mis pakuvad arukaid täiendusi, mis põhinevad olulistel moodulitel, muutujate tüüpidel ja funktsioonide definitsioonidel.

Funktsioonid:

  • Lihtne töötada Giti ja teiste SCM-i (tarkvara konfiguratsiooni haldamine) pakkujatega
  • Koodi taastamine ja silumine
  • Toetatud platvorm on Mac, Windows, Linux
  • Kergesti laiendatav ja kohandatav

Link: https://code.visualstudio.com/


15) OpenElement

OpenElement on vabavaraline veebisaidi kujundus- ja autorirakendus, mille on välja andnud Element Technologie. Tööriista toide on Google Chrome'i mootor Chromium ja see töötab Microsoft Windowsis.

Funktsioonid:

  • Intuitiivne liides
  • Kõik on muudetav
  • Aitab teil koodi hallata
  • Korduvkasutatavad stiilid ja elemendipaketid
  • Ristbrauser
  • Mitmekeelsed veebisaidid
  • Reageeriv disain
  • Täielikult kohandatav CSS
  • Elementide redaktor - elementide loomine ja jagamine
  • Kujutise ja koodi optimeerimise lihtne integreerimine
  • Toetab kroom

Link: https://www.openelement.com


16) märkmekaart

NoteTab on seal parim Notepadi asendaja. Veebimeistrite jaoks on see kiireim HTML-i redigeerija. See on kõige mitmekülgsem tekstiredaktor, mis pakub HTML-i jaoks paremat süntaksi esiletõstmist.

Funktsioonid:

  • Otsimine hõlpsasti kasutatavate metamärkidega
  • Reaalajas sõnade arv
  • CSS-i süntaksi esiletõstmine
  • Tekstistatistika SEO jaoks
  • HTML5 ja CSS3 tugi
  • Uued HTML / CSS-i teegid

Link: https://www.notetab.com


17) Aatom

Atom on kasulik HTML-koodiredaktori tööriist, mida programmeerijad eelistavad oma lihtsa liidese tõttu võrreldes teiste redaktoritega. Atomi kasutajad saavad tarkvara jaoks pakette ja neid esitada.

Funktsioonid:

  • Pakettihaldur Integreeritud pistikprogrammide toeks
  • Nutika automaatse lõpetamise funktsioon
  • Automaatne täitmine: sõna lõpuleviimine, funktsiooni lõpuleviimine
  • Makrosalvestus ja taasesitus
  • Toetage mitut paani
  • Sellel on integreeritud paketihaldur.
  • See platvormidevaheline tööriista redigeerimine
  • Otsige eelvaadet ja asendage faili sisestatud tekst kogu projekti ulatuses.
  • See pakub käsupaletti, mis sisaldab üksusi, mida kasutatakse korduvalt.
  • Luba platvormidevaheline redigeerimine

Link: https://atom.io/


18) Ultra redigeerimine

Ultra-edit on laialdaselt kasutatav võimas tekstiredaktor, mis vastab kõige võimsamale tellimispaketile ja sobib igale eelarvele. Saate hõlpsalt avada ja redigeerida suurt faili, mille maht ületab 4 GB.

Funktsioonid:

  • Võimas otsing: leidke ja asendage failides, pöördotsingu regulaaravaldistes jne.
  • Koodisüntaks esiletõstmine erinevas programmeerimiskeeles
  • Pakub koodi voltimist ja hierarhilist funktsioonide loendit
  • Lähtekoodi saate uuesti vormindada
  • XML-i käsitlemise funktsioon: XML-i puuvaade, ümbervormindamine, valideerimine jne.
  • Mitme märkmikuga redigeerimine ja mitme valimine
  • Toetage veeru (ploki) režiimi redigeerimist
  • Otsing: failides leidmine ja asendamine, regulaaravaldised, pöördotsing jne.
  • Koodisüntaks esiletõstmine mis tahes programmeerimiskeeles
  • Võimas XML-i käsitsemine
  • Nutikad mallid - automaatne intelligentne koodi täitmine
  • Automaatselt sulguvad XML / HTML-märgendid

Link: https://www.ultraedit.com


19) WYSIWYG veebiehitaja

WYSIWYG Web Builder on hõlpsasti kasutatav ja väga tundlik tööriist. See võimaldab sirvida tuhandeid tasuta kasutatavaid ja kvaliteetseid pilte.

Funktsioonid:

  • Lisage oma veebisaidile hõlpsalt Google'i ja muid veebifonte.
  • Kerged teated, mis on loodud tõukemärguannete jäljendamiseks
  • Pakub rohkem kui 150 eelnevalt määratletud animatsiooni
  • Saatke e-kirju, laadige üles faile, salvestage andmeid MySQL-i

Link: https://www.wysiwygwebbuilder.com


20) BlueGriffon

BlueGriffon on avatud lähtekoodiga HTML-redaktor, mille töötab Gecko, mis on Firefoxi renderdamismootor. Sellel on lihtne liides ja kõige tavalisemad funktsioonid, mida on vaja veebilehtede loomiseks.

Funktsioonid:

  • Fondi värvi on lihtne muuta või äärise stiili kohandada
  • Avab viimase seansi vahelehed
  • Toetab Maci, Windowsi, Linuxi platvorme
  • Otseteed CSS-i redigeerimiseks
  • Allikavaate jaoks mitu teemat

Link: http://bluegriffon.org


21) Alohaeditor

Aloha on WYSIWYG-i redigeerija tööriist. Selle HTML-redaktori abil on võimalik veebisaiti redigeerida otse portaalis. Tööriist võimaldab fotode, graafika, animatsiooni ja teksti kiiret ja lihtsat redigeerimist.

Funktsioonid:

  • Aitab teil vähendada mõnda sisuhaldurit
  • Kergesti laiendatav baas vastavalt teie vajadustele ja eelistustele.
  • Kopeerige oma sisu Microsoft Wordist ilma vormindamisprobleemideta.
  • See pildiredaktor võimaldab teil oma veebisaidi sisu muuta.

Link: https://www.alohaeditor.org


22) sulgudes

Sulgudes on Adobe poolt välja töötatud kerge tööriist. See on ideaalne tekstiredaktor, mis on avatud lähtekoodiga. See tööriist aitab teil lähtekoodi ja brauserivaate vahel vahetada.

Funktsioonid:

  • Kiire redigeerimise kasutajaliidese funktsioon paneb kontekstipõhise koodi ja tööriistad sisse
  • Pakub reaalajas eelvaadet, eeltöötluse tuge ja sisseehitatud redaktoreid
  • Spetsiaalselt välja töötatud tööriist macOS-i jaoks
  • Kaasas on sisseehitatud laiendihaldur kiireks ja tõhusaks laienduste haldamiseks.

Link: http://brackets.io/


23) Aptana

Aptana on võimas avatud lähtekoodiga veebiarendustööriist. See pakub palju kohandatavaid uusi funktsioone, mis aitavad teil olla produktiivsemad. See tööriist võimaldab teil kiiresti ja hõlpsalt veebirakendusi luua, kasutades valdkonna juhtivat veebirakendust IDE.

Funktsioonid:

  • HTML, CSS ja JavaScripti koodiabi
  • Hoidke sünkroonitud seadistusi
  • Aitab teil pääseda käsurea terminalile operatsioonisüsteemi käskude ja keele täitmiseks
  • Pakub, et teete oma projektid git-lähtekoodi kontrolli alla
  • Integreeritud Ruby & Rails ja JavaScripti silurid

Link: http://www.aptana.com


24) Cotitor

Coteditor on macOS-i jaoks kasulik HTML-redaktor. Seetõttu näeb see välja ja käitub täpselt nagu macOS-rakendused. Tööriist võimaldab teil oma teksti kohe kirjutada, kui soovite.

Funktsioonid:

  • Värvige üle 50 eelinstallitud peamise keele, näiteks HTML, Python, PHP või Ruby.
  • Jagage aken mitmeks paneeliks
  • Kontrollige iga valitud märgi Unicode'i märgi andmeid
  • Võimaldab luua oma lemmikkeeles oma makro
  • Hinnake erinevaid failikodeeringuid täpselt.
  • See võimaldab teil tavapärasest eelistuste aknast pääseda juurde kõigile oma seadetele, sealhulgas süntaksimääratlustele ja teemadele.

Link: https://coteditor.com


25) ContentTools

ContentTools on tasuta kasutada HTML-redaktori tarkvara. See on üks raamatukogude kogu, mis on mõeldud HTML-sisu redigeerimise hõlbustavate tööriistade loomiseks. Tööriist pakub teeki, mis pakub täielikult funktsionaalset lehetoimetajat, mida käsitletakse juhendis Alustamine.

Funktsioonid:

  • IT pakub täielikku API dokumentatsiooni ja näiteid.
  • ContentTools WYSIWYG-redaktor tuleks mõne HTML-lehega lisada mõne lihtsa sammuga
  • Samm-sammulised juhised tavalise kasutamise stsenaariumide ja täpsemate teemade jaoks

Link: http://getcontenttools.com/


26) Summernote

Summernote on hõlpsasti installitav HTML-redaktor. See toetab Bootstrapi 3.xx et 4.xx pakub hõlpsat integreerimist 3 rd pooled nagu Django, rööpad, ja nurk,

Funktsioonid

  • Lihtne installida HTML-redaktorit
  • Kohandage mitmesuguste jookide ja moodulite lähtestamisega.
  • Lihtne integreerimine 3 rd pooled nagu Django, rööpad, ja Nurga.
  • Nutikas kasutaja suhtlus
  • Toetab brausereid Safari, Chrome, Firefox, Opera ja Edge.
  • Töötab erinevates operatsioonisüsteemides nagu Windows, macOS, Linux jne.

Link: https://summernote.org


27) Tekstikast.io

Textbox.io HTML-i redigeerimise tööriistad ja lihtne kasutajaliides. See võimaldab teil HTML-i luua oma töölaual ja mobiilseadmes. See HTML-i redigeerimise tööriist sisaldab teksti vormindamist, hüperlinke, tabeleid jne.

Funktsioonid:

  • Sisseehitatud piltide haldamine ja salvestamine
  • Faili lohistamine
  • Õigekirjakontroll ja automaatne parandus
  • Puhastage Microsoft Wordist copy-paste
  • Brauseriteülene tugi

Link : https://textbox.io