7 beste gratis online WYSIWYG HTML-redaktører

Over 6 milliarder nettsider vert for over 1,5 milliarder registrerte nettsteder på internett i dag. Det forventes å øke etter hvert som den globale markedsstørrelsen for innhold vil vokse med omtrent til 217 milliarder dollar mellom 2017 og 2021. Enten du lager et nettsted for en klient eller en ydmyk blogg for deg selv, kan en god HTML-redigerer spare utallige timer.

Disse årsakene skaper derfor behovet for elegante WYSIWYG online-redaksjoner for å fjerne vemmelsen og ineffektiviteten fra oppretting av innhold. Takket være noen mennesker er det en håndfull flotte WYSIWYG (hva du ser er hva du får) HTML-redaktører tilgjengelig online.

I denne artikkelen snakker vi om syv flotte online WYSIWYG-redaktører for dine behov for innholdsoppretting.

1. HTML Editor Online

Dette verktøyet er et brukervennlig, kraftig online WYSIWYG-editor for HTML. Verktøyet er gratis tilgjengelig for brukere å lage fantastiske HTML-sider uten å kode.

Hvis du har brukt WordPress-redigereren, vil du føle deg hjemme med dette verktøyet. Den sport de fleste av funksjonene i Wordpress-editoren, inkludert stavekontroll og mange tekststiler. Støtten for grafisk innhold er begrenset til bilder. Så hvis du trenger et verktøy for å legge inn lyd- eller videoinnhold, kan det hende at dette ikke fungerer for deg.

Du kan veksle mellom redigeringsverktøyet og kildekodeverktøyet ved å klikke på kildeknappen på redigereren. Dette verktøyet lar deg kopiere kildekoden for bruk på nettstedet ditt, eller andre HTML-støttede applikasjoner.

Bortsett fra begrensningen på mediasupport, er det et utmerket verktøy samlet for å redigere og eksportere rike HTML-sider.

Pros

• Intuitivt brukergrensesnitt
• Gratis tilgjengelig med mange robuste funksjoner
• Nesten like fleksibel som en god tekstbehandler
• Svært få annonser på grensesnittet

Ulemper

• Ingen støtte for video- og GIF-innhold

2. Quackit

Denne redaktøren er et åpen kildekode-rent WYSIWYG-verktøy for redigering av dokumenter og HTML-filer.

Redaktøren er gratis tilgjengelig på nettstedet Qauckit med mange tutorials og nyttig innhold på HTML-formatering.

Høydepunktet av verktøyet er funksjonen som lar deg veksle mellom et enkelt grensesnitt med få funksjoner og en fullverdig redaktør med mange verktøy og alternativer.

Verktøyet støtter innsetting av tilpassede HTML-knapper, tabeller og bilder. Det lar deg imidlertid ikke legge inn lyd- eller videoinnhold direkte.

Så snart du har fullført redigering med programvaren, kan du kopiere kildekoden og bruke dem på hvilken som helst plattform du ønsker.

Pros

• Vert online
• Nyttig innhold på sidefeltet for å hjelpe brukerne med å lage mer komplekse design
• Evne til å veksle mellom enkel og full funksjon

Ulemper

• Ingen støtte for GIF-er og videoinnhold

3. Online HTML Editor

Denne redaktøren er bare barbein, funksjonell WYSIWYG editor online for utarbeidelse og formatering av dokumenter.

I motsetning til de andre på listen, kommer den med omtrent alle funksjonene du trenger for dokumentbehandling og ikke mer. Men det er like kraftig også. Verktøyet støtter opplasting og vedlegg av medier.

Når du redigerer dokumentet ditt, kan du se kildens HTML-kode i sanntid på høyre side av skjermen. Den lar deg eksportere kodene uten begrensninger. Selv på HTML-siden er det en håndfull funksjoner som blant annet skriftstørrelse og fargevelger.

Pros

• Helt gratis
• Verten online for hvem som helst å bruke
• Oppdatering av HTML-kode i sanntid

Ulemper

• Kan ikke brukes på personlige nettsteder
• Annonsene kan være distraherende

Også på Guiding Tech

Slik eksporterer du Adobe XD til HTML

Les mer

4. HTML ed.it

Denne redaktøren er en annen utmerket WYSIWYG verktøy. Hvis du har brukt den medium WYSIWYG-redigereren, vil du finne HTML-redigering ganske kjent. Det er en bare fullverdig funksjonalitet som er både rask og nøyaktig. Redaktøren har en kildekodekonverterer som lar deg konvertere dokumentet til ren HTML.

Den inneholder også et medieinnleggingsverktøy for å legge inn bilder, videoer, GIF, etc. i dokumentet. I tillegg til å ha et ganske pent og effektivt brukergrensesnitt, har det en kraftig HTML-kildevisning i sanntid. Seeren støtter fargekoding av HTML-taggene. Det lar deg skille mellom HTML-koden og innholdet ditt.

Den støtter mange funksjoner som du kan finne i tekstbehandlere som tabeller, knapper og innholdsformatering.

Pros

• Den ypperlige støtten for flere medietyper
• Distraksjonsfritt brukergrensesnitt
• En robust fargekodet forhåndsrute

Ulemper

• Brukergrensesnittet er ganske utdatert
• Det kan ta en stund å mestre verktøylinjen

5. HTML Editor Tools

Denne online redaktøren har et robust sett med verktøy for å hjelpe deg lage dynamisk og responsiv HTML sider. Redaktøren oppdaterer et direkte forhåndsvisningspanel til høyre. Der blir all HTML-koden du oppretter fra WYSIWYG-redigereren generert i sanntid. Du kan se, redigere og kopiere dem for bruk på nettstedet ditt eller til andre formål.

Et bemerkelsesverdig trekk ved forhåndsvisningspanelet er bruk av fargekoder for å skille mellom HTML-koden og innholdet. Denne funksjonen gjør det lettere for deg å endre koden uten å måtte bekymre deg for å endre feil tag.

Når du er ferdig med redigeringen, kan du kopiere ut den genererte filen eller laste den ned ved å lagre ikonet på forhåndsvisningsverktøylinjen.

Pros

• Avansert gjennomgang og redigeringsfunksjoner
• Omfattende redigeringsfunksjoner
• Robust forhåndsvisningsverktøysett slik at du kan se og endre HTML-kode direkte

Ulemper

• Mange annonser på skjermen gjør det vanskelig å navigere på skjermen

Også på Guiding Tech

Codecademy vs Code School: Hvilken iOS-app lærer kode bedre?

Les mer

6. WordHTML

WordHTML er en enkel online dokumentredigerer. WYSIWYG-funksjonene er ganske funksjonelle og pent organisert på verktøylinjedelen. Dette verktøyet prioriterer brukeropplevelsen og prøver å støtte bare de mest brukte funksjonene i en vanlig WYSIWYG-editor.

En bemerkelsesverdig egenskap er imidlertid det pene og godt designede brukergrensesnittet. Du kan bruke verktøyet med minimale distraksjoner ettersom annonsene er helt til høyre. Applikasjonen støtter innebygging av bilder, videoer og gif-er på nettstedet.

Du kan se koden mens du oppretter dokumentet ditt ved å klikke på HTML-fanen. Når du er ferdig, kan du kopiere Html-kildekoden for bruk på nettstedet eller applikasjonene dine.

Pros

• Distraksjonsfri skriving
• Ryddig og intuitivt brukergrensesnitt
• Utskriftsfunksjon er inkludert

Ulemper

• Inneholder annonser

7. HTML-5 Editor

Dette verktøyet er et annet WYSIWYG-editor som er tilgjengelig online bare. Den idretter alle viktige live redigeringsverktøy for fullverdige dokumenter og innhold.

Som mange andre på denne listen støtter denne redaktøren medieinnhold. Den har også et live redigeringsverktøy som lar deg se HTML-koden når den blir generert i sanntid.

Etter å ha opprettet innholdet ditt, kan du kopiere HTML-filen og bruke dem på nettstedet ditt eller som en e-postmal.

Pros

• Tilgjengelig online
• Ingen behov for nedlasting
• Helt gratis

Ulemper

• Annonsene kan være distraherende
• Ikke den beste brukeropplevelsen og grensesnittet

Velg en redaktør basert på dine behov

Så der har du det. Du trenger ikke å betale en arm og et bein for å få en funksjonell WYSIWYG-redigerer for ditt tilpassede nettsted. Med litt innsats kan du integrere noen av disse kraftige online redaktørene på nettstedet ditt. Valget av redaktør bør imidlertid være i henhold til dine behov.

Neste: Hvis du tenker å øke kodingsevnen din, kan du lese neste innlegg på fire gratis og interaktive nettsteder der du kan lære å kode.