En WYSIWYG er en redaktør som lar en utvikler forhåndsvise sluttresultatene før selve grensesnittet eller dokumentet blir gjort live. Den fulle formen for WYSIWYG er "det du ser er det du får". Denne typen programvare lar deg redigere innhold i et skjema slik at det ser likt ut når det vises eller skrives ut.
Det er mange WYSIWYG-redaktører som tilbyr funksjoner som støtte for flere visninger og flere språk. Det tilbyr også klargjort layout for å lage nettsteder, støtte for HTML5 og CSS3, etc.
Følgende er en håndplukket liste over Top WYSIWYG EDITOR, med deres populære funksjoner og nettsidekoblinger. Listen inneholder både åpen kildekode (gratis) og kommersiell (betalt) programvare.
1) Dreamweaver
Dreamweaver er en populær HTML-editor som hjelper deg med å opprette, publisere og administrere nettsteder. Et nettsted opprettet med Dreamweaver kan lastes opp til hvilken som helst webserver.
Egenskaper:
- Dynamiske nettsteder kan raskt utvikles ved hjelp av Dreamweaver.
- Det gir ferdige oppsett for å bygge et nettsted.
- Du kan opprette et nettsted som passer til hvilken som helst skjermstørrelse.
- Dette verktøyet hjelper deg med å tilpasse arbeidsområdet slik du vil.
- Den har en innebygd HTML-validator for å validere koden din.
2) Drage
Kite er IDE for WYSIWYG HTML Editors som automatisk fullfører flere linjekoder. Denne redaktøren støtter mer enn 16 språk. Det hjelper deg å kode raskere uten problemer.
Pris : Gratis
Egenskaper:
- Det tilbyr Java-dokumentasjon.
- Denne redaktøren gir en funksjonssignatur mens du skriver.
- Du får en verktøytips om musen.
- Gir støtte i e-post.
- Bruker maskinlæringsmodeller for Java-språk.
3) CoffeeCup HTML Editor
En kaffekopp er en WYSIWYG HTML-editor, som hjelper deg med å bruke forhåndsvisning av delt skjerm for å se websiden din. Verktøyet lar deg åpne W3C-valideringstjenesten i standard nettleser.
Egenskaper:
- Hjelper deg med å bruke forhåndsvisning av delt skjerm til websiden din
- Klar for det semantiske nettet
- Tilbyr innebygd Verifiser HTML-verktøy åpner W3C-godkjenningstjenesten i standard nettleser.
- Den innebygde FTP-opplasteren hjelper deg med å publisere nettstedet til det stedet du ønsker
- Forhåndsvisningsfunksjoner på delt skjerm lar deg vise websiden din i en nettleser direkte fra kodeditoren.
Lenke: https://www.coffeecup.com/html-editor/
4) Wix
Wix er enkel å bruke, nybegynnervennlig, dra og slipp nettstedsbygger. Dette nettredigeringsverktøyet lar deg slippe elementer hvor som helst på en hvilken som helst side.
Egenskaper:
- Det lar deg lage en personlig blogg til et porteføljens nettsted eller til og med en nettbutikk.
- 500+ temaer og maler
- Den leveres med et stort antall maler filtrert i mange kategorier.
- Tilbyr funksjon for å sende og administrere fakturaer.
- Flerspråklige butikker.
- Spor trafikk med Google Analytics.
5) Apache NetBeans
NetBeans er et åpen kildekode-redigeringsverktøy for utvikling med Java, PHP, C ++ og andre programmeringsspråk. Det tilbyr også funksjoner i kodeanalyse og konvertering. Den lar deg oppgradere applikasjonene dine for å bruke nye Java 13-språkkonstruksjoner.
Egenskaper:
- Enkel og effektiv prosjektledelse
- Tilbyr rask og smart redigering av koder
- Rask brukergrensesnittutvikling
- Hjelper deg med å skrive feilfri kode
Lenke: https://netbeans.apache.org
6) Notisblokk ++
Notepad ++ er et populært gratis koderedigeringsprogram som er skrevet i C ++. Den bruker ren win32 API, som gir større kjøringshastighet og liten programstørrelse. Den kjører bare i vinduets miljø, og er tilgjengelig under GPL-lisensen.
Egenskaper:
- Støtt syntaksmarkering for språk som HTML, PHP, JavaScript og CSS.
- Den har funksjoner for autofullføring for ord og funksjoner.
- Den tilbyr makroopptak og avspilling.
- Brukerdefinert syntaksmarkering og folding
- Helt tilpassbar GUI
- Støtte for flere visninger og flere språk
Lenke: https://notepad-plus-plus.org/
7) Google Web Designer
Google Web Designer hjelper deg med å lage engasjerende HTML5-innhold. Den lar deg bruke animasjon og interaktive elementer for å bringe din kreative visjon til livs og tilbyr sømløs integrasjon med andre Google-produkter, som Google Drive, Google Ads, Display & Video 360, etc.
Egenskaper:
- Tilbyr dynamisk arbeidsflyt
- Google Web Designer tilbyr et bredt spekter av visnings- og videoannonseformater
- Støtte for responsive annonser
- Enkel og effektiv Google-integrasjon
- Hjelper deg med å lage vakkert, engasjerende HTML5-innhold
Lenke: https://webdesigner.withgoogle.com
8) Sublim tekst
Sublime Text er en HTML-editor som støtter mange språk som JavaScript, Perl, PHP, Python, Ruby og andre. Du kan bruke denne HTML-kodeditoren til kode, markering og prosa. Redaktøren støtter OS X, Windows og Linux operativsystemer.
Egenskaper:
- Det lar deg markere syntaksen.
- Den har kommandopalettimplementering som godtar tekstinndata fra brukere.
- Håndter UTF8 BOMs i .gitignore-filer
- Vis merker for mapper og filer for å indikere Git-status
- Endringer i en fil er representert av markører som er tilgjengelige i takrennen.
Lenke: https://www.sublimetext.com
9) TinyMCE
TinyMCE er den rike tekstredigeringsplattformen som hjalp til med å lansere Atlassian, Medium, Evernote (Tekstredigeringsverktøy) og mer. Du kan integrere TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery, etc.
Egenskaper:
- Svært konfigurerbar med et stort økosystem.
- Moderne, mobilklart og enterprise-grade
- Lagre og rediger bilder og filer på hvilken som helst webserver
- Tilbyr dynamisk filopplasting for alle nettlesere.
Lenke: https://www.tiny.cloud
10) CKEditor
Ckeditor er en smart WYSIWYG-editor som har komponenter med samarbeidsredigering. Det lar deg lime inn fra Excel, Word, tabeller, etc.
Egenskaper:
- Tilbyr funksjoner som autofullføring, @mentions, widgets,
- Tilbyr full kontroll over innhold: HTML-filtrering og vis kildemodus.
- Stor tilgjengelighet: Seksjon 508, kompatibel og WCAG 2.0 AA.
- Tilpasset utdataformat og Markdown-støtte.
- Kan utvides og tilpasses etter design
- Det hjelper deg å øke produktiviteten med automatisk formatering og samarbeid.
Lenke: https://ckeditor.com
11) Quill
Quill er en gratis, åpen kildekode, kraftig WYSIWYG-editor som er bygget for det moderne nettet. Den modulære arkitekturen og den uttrykksfulle API-en er en ideell HTML-editor som passer til ethvert behov.
Egenskaper:
- Den støtter alle moderne nettlesere på nettbrett, stasjonære datamaskiner og telefoner.
- Granulær tilgang til redaktørens innhold, endringer og hendelser gjennom et enkelt API.
- Rich text-redaktører som er bygget for å hjelpe folk med å skrive tekst.
- Det lar deg gjøre tilpasset innhold og formatering.
Lenke: https://quilljs.com
12) Froala
Froala er neste generasjons WYSIWYG HTML-editor. Denne enkle å integrere editoren er mye brukt av utviklere på grunn av den klare utformingen.
Egenskaper:
- Kraftig API og dokumentasjon
- Tilbyr mer enn 30 plugins du kan velge mellom
- WYSIWYG HTML-redigerer forvandlet et grunnleggende Javascript-verktøy til en viktig teknologi for mange bransjer.
- Froala rich text editor har et stort utvalg av både enkle og komplekse funksjoner for alle slags brukstilfeller.
Lenke : https://froala.com/wysiwyg-editor/
13) Komodo Edit
Komodo-redigering er et brukervennlig og kraftig koderedigeringsverktøy. Det lar deg gjøre feilsøking, enhetstesting, koderefakturering. Det gir også kodeprofil, pluss integrasjoner med andre teknologier som Grunt, PhoneGap, Docker, Vagrant og mange flere.
Egenskaper:
- Flerspråklig redaktør
- Mange moderne fargevalg
- Innfødt Unicode-støtte og kontroll av kompatibilitet
- Integreres enkelt i skrivebordsmiljøet.
Lenke: https://www.activestate.com/products/komodo-ide/
14) Visual Studio-kode
Visual Studio Code er en programvare med åpen kildekode-editor som er utviklet av Microsoft. Den gir innebygd støtte for TypeScript, JavaScript og Node.js. Den fullføres automatisk med IntelliSense-funksjoner som tilbyr smarte kompletteringer basert på viktige moduler, variabeltyper og funksjonsdefinisjoner.
Egenskaper:
- Enkelt å jobbe med Git og andre SCM-leverandører (Software Configuration Management)
- Kode refactoring og feilsøking
- Støttet plattform er Mac, Windows, Linux
- Lett utvidbar og tilpassbar
Lenke: https://code.visualstudio.com/
15) OpenElement
OpenElement er et freeware nettsted design og redigeringsprogram publisert av Element Technologie. Verktøyet drives av Chromium, Google Chrome-motoren, og kjører på Microsoft Windows.
Egenskaper:
- Intuitivt grensesnitt
- Alt er redigerbart
- Hjelper deg med å administrere kode
- Gjenbrukbare stiler og elementpakker
- Nettleser
- Flerspråklige nettsteder
- Responsiv utforming
- Fullt tilpassbar CSS
- Elementredigerer - lag og del elementer
- Enkel integrering av bilde- og kodeoptimalisering
- Drevet av Chromium
Lenke: https://www.openelement.com
16) Notatfane
NoteTab er den beste erstatningen for Notisblokk der ute. For webmastere er det den raskeste HTML-redigereren. Det er den mest allsidige tekstredigereren som tilbyr forbedret syntaksfremheving for HTML.
Egenskaper:
- Søker med brukervennlige jokertegn
- Antall ord i sanntid
- Syntaksutheving for CSS
- Tekststatistikk for SEO
- Støtte for HTML5 og CSS3
- Nye HTML / CSS-biblioteker
Lenke: https://www.notetab.com
17) Atom
Atom er et nyttig HTML-kodeditorverktøy som foretrekkes av programmerere på grunn av det enkle grensesnittet sammenlignet med de andre redaktørene. Atom-brukere kan sende inn pakker og dem for programvaren.
Egenskaper:
- Package Manager Integrert for støtte for plugins
- Funksjonen med smart autofullføring
- Autofullføring: Fullføring av ord, Fullføring av funksjon
- Makroopptak og avspilling
- Støtt flere ruter
- Den har en integrert pakkeforvalter.
- Denne redigeringen på tvers av plattformene
- Søk forhåndsvisning, og erstatt tekst skrevet inn i en fil på tvers av hele prosjektet.
- Den tilbyr en kommandopalett som inneholder elementer som brukes gjentatte ganger.
- Tillat redigering på tvers av plattformer
Lenke: https://atom.io/
18) Ultra redigering
Ultra-edit er en mye brukt kraftig tekstredigerer som oppfyller den kraftigste abonnementspakken og passer til ethvert budsjett. Du kan enkelt åpne og redigere en stor fil som er større enn 4 GB.
Egenskaper:
- Kraftig søk: Finn og erstatt i filer, invers søk regulære uttrykk, etc.
- Kodesyntaks fremheving i forskjellige programmeringsspråk
- Tilbyr kodefelling og hierarkisk funksjonsoppføring
- Du kan formatere kildekoden
- Funksjon av XML-håndtering: XML-trevisning, omformatering, validering, etc.
- Multi-caret redigering og multi-select
- Støtte redigering av støttekolonne (blokk)
- Søk: finn og erstatt i filer, vanlige uttrykk, invers søk osv.
- Kodesyntaks fremheving i ethvert programmeringsspråk
- Kraftig XML-håndtering
- Smarte maler - automatisk fullføring av intelligent kode
- Automatisk lukking av XML / HTML-koder
Lenke: https://www.ultraedit.com
19) WYSIWYG Web Builder
WYSIWYG Web Builder er et brukervennlig og svært responsivt verktøy. Den lar deg bla gjennom tusenvis av bilder som er gratis å bruke, av høy kvalitet.
Egenskaper:
- Det er enkelt å legge til Google-skrifter og andre nettfonter på nettstedet ditt.
- Lette varsler designet for å etterligne pushvarsler
- Tilbyr mer enn 150 forhåndsdefinerte animasjoner
- Send e-post, last opp filer, lagre data i MySQL
Lenke: https://www.wysiwygwebbuilder.com
20) BlueGriffon
BlueGriffon er en åpen kildekode HTML-redaktør drevet av Gecko, som er Firefox gjengivelsesmotor. Den har et enkelt grensesnitt og de vanligste funksjonene som trengs for å lage websider.
Egenskaper:
- Enkelt å endre fargen på skriften eller å justere kantstilen
- Åpner faner fra forrige økt
- Støtter Mac, Windows, Linux plattformer
- Snarveier for CSS-redigering
- Flere temaer for kildevisning
Lenke: http://bluegriffon.org
21) Alohaeditor
Aloha er et WYSIWYG-redigeringsverktøy. Ved hjelp av denne HTML-redigereren er det mulig å redigere et nettsted direkte på portalen. Verktøyet tillater rask, ukomplisert redigering av bilder, grafikk, animasjon og tekst.
Egenskaper:
- Hjelper deg med å redusere innholdsbehandleren
- Enkel utvidbar base på dine krav og preferanser.
- Kopier innholdet ditt fra Microsoft Word uten formateringsproblemer.
- Denne bilderedigereren lar deg redigere innholdet på nettstedet ditt.
Lenke: https://www.alohaeditor.org
22) Braketter
Brackets er et lett verktøy utviklet av Adobe. Det er en ideell tekstredigerer som er åpen kildekode. Dette verktøyet hjelper deg med å veksle mellom kildekoden og nettleservisningen.
Egenskaper:
- Quick Edit UI-funksjonen setter kontekstspesifikk kode og verktøy i bruk
- Tilbyr live forhåndsvisning, støtte for prosessor og innebygde redaktører
- Spesielt utviklet verktøy for macOS
- Den leveres med den innebygde utvidelsessjefen for rask og effektiv utvidelsesadministrasjon.
Lenke: http://brackets.io/
23) Aptana
Aptana er et kraftig verktøy for åpen nettutvikling. Den tilbyr mange tilpassbare nye funksjoner som hjelper deg å bli mer produktiv. Verktøyet lar deg bygge webapplikasjoner raskt og enkelt ved å bruke bransjens ledende IDE for webapplikasjon.
Egenskaper:
- HTML, CSS og JavaScript Code Assist
- Hold-synkroniserte oppsett
- Hjelper deg med å få tilgang til en kommandolinjeterminal for kjøring av operativsystemkommandoer og språk
- Tilbyr deg å sette prosjektene dine under git kildekodekontroll
- De integrerte Ruby & Rails og JavaScript-feilsøkingsprogrammene
Lenke: http://www.aptana.com
24) Coteditor
Coteditor er en nyttig HTML-editor for macOS. Derfor ser det ut og oppfører seg akkurat som macOS-applikasjoner. Verktøyet lar deg skrive teksten din umiddelbart når du vil.
Egenskaper:
- Fargelegg mer enn 50 forhåndsinstallerte store språk som HTML, Python, PHP eller Ruby.
- Del et vindu i flere ruter
- Inspiser Unicode-tegndata for hvert valgte tegn
- Lar deg lage din egen makro på favorittspråket ditt
- Anslå forskjellige filkodinger nøyaktig.
- Det gir deg tilgang til alle innstillingene dine, inkludert syntaksdefinisjoner og temaer fra et standardvindu.
Lenke: https://coteditor.com
25) ContentTools
ContentTools er en HTML-programvare som er gratis å bruke. Det er en av en samling biblioteker som er designet for å bygge verktøy som gjør det lettere å redigere HTML-innhold. Verktøyet tilbyr et bibliotek som gir en fullt funksjonell side-editor, som er gjenstand for Komme i gang-guiden.
Egenskaper:
- IT tilbyr full API-dokumentasjon og eksempler.
- ContentTools WYSIWYG-redigereren skal legges til hvilken som helst HTML-side i noen få enkle trinn
- Trinnvise guider for vanlige bruksscenarier og mer avanserte emner
Lenke: http://getcontenttools.com/
26) Sommernote
Summernote er en enkel å installere HTML-editor. Den støtter Bootstrap 3.xx til 4.xx Den tilbyr enkel integrering med tredje partier som Django, Rails og Angle,
Egenskaper
- Enkel å installere HTML-editor
- Tilpass ved å initialisere forskjellige potions og moduler.
- Enkel integrering med tredje partier som Django, Rails og Angular.
- Smart brukerinteraksjon
- Støtter nettlesere Safari, Chrome, Firefox, Opera og Edge.
- Fungerer forskjellige operativsystemer som Windows, macOS, Linux, etc.
Lenke: https://summernote.org
27) Textbox.io
Textbox.ios HTML-redigeringsverktøy og enkle brukergrensesnitt. Den lar deg lage HTML på skrivebordet og på mobilen. Dette HTML-redigeringsverktøyet inkluderer tekstformatering, hyperkoblinger, tabeller, etc.
Egenskaper:
- Innebygd bildebehandling og lagring
- Fil dra og slipp
- Stavekontroll og autokorrigering
- Rengjør kopipasta fra Microsoft Word
- Støtte for tvers av nettlesere
Lenke : https://textbox.io