En WYSIWYG er en editor, der giver en udvikler mulighed for at forhåndsvise slutresultaterne, før den faktiske grænseflade eller dokumentet bliver live. Den fulde form for WYSIWYG er "hvad du ser, er hvad du får". Denne type software giver dig mulighed for at redigere indhold i en form, så det ser det samme ud, når det vises eller udskrives.
Der er adskillige WYSIWYG-redaktører, der tilbyder funktioner som Multi-view og Multi-Language support. Det tilbyder også færdiglavet layout til oprettelse af websteder, understøttelse af HTML5 og CSS3 osv.
Følgende er en håndplukket liste over Top WYSIWYG EDITOR med deres populære funktioner og link til hjemmesiden. Listen indeholder både open source (gratis) og kommerciel (betalt) software.
1) Dreamweaver
Dreamweaver er en populær HTML-editor, der hjælper dig med at oprette, udgive og administrere websteder. Et websted oprettet med Dreamweaver kan uploades til enhver webserver.
Funktioner:
- Dynamiske websteder kan hurtigt udvikles ved hjælp af Dreamweaver.
- Det giver færdige layouts til at oprette et websted.
- Du kan oprette et websted, der passer til enhver skærmstørrelse.
- Dette værktøj hjælper dig med at tilpasse arbejdsområdet, som du vil.
- Det har en indbygget HTML-validator til at validere din kode.
2) Drage
Kite er IDE til WYSIWYG HTML Editors, der automatisk udfylder flere linjekoder. Denne editor understøtter mere end 16 sprog. Det hjælper dig med at kode hurtigere uden besvær.
Pris : Gratis
Funktioner:
- Det tilbyder Java-dokumentation.
- Denne editor giver en funktionssignatur, mens du skriver.
- Du får et værktøjstip til musen.
- Giver support i e-mail.
- Bruger maskinlæringsmodeller til Java-sprog.
3) CoffeeCup HTML Editor
En kaffekop er en WYSIWYG HTML-editor, som hjælper dig med at bruge forhåndsvisning af delt skærm til at se din webside. Værktøjet giver dig mulighed for at åbne W3C-godkendelsestjenesten i din standardwebbrowser.
Funktioner:
- Hjælper dig med at bruge forhåndsvisning af delt skærm til din webside
- Klar til det semantiske web
- Tilbyder indbygget Validate HTML-værktøj åbner W3C-markeringsvalideringstjenesten i din standardwebbrowser.
- Den indbyggede FTP-uploader hjælper dig med at udgive webstedet til det sted, du vælger
- Split-Screen Preview-funktioner giver dig mulighed for at se din webside i en browser lige fra Code Editor.
Link: https://www.coffeecup.com/html-editor/
4) Wix
Wix er nem at bruge, nybegyndervenlig, træk-og-slip-webstedsbygger. Dette webredigeringsværktøj giver dig mulighed for at droppe elementer hvor som helst du vil på en hvilken som helst side.
Funktioner:
- Det giver dig mulighed for at oprette en personlig blog til et portfolio-websted eller endda en onlinebutik.
- 500+ temaer og skabeloner
- Den leveres med et stort antal skabeloner filtreret i mange kategorier.
- Tilbudsfunktion til afsendelse og administration af fakturaer.
- Flersprogede butikker.
- Spor trafik med Google Analytics.
5) Apache NetBeans
NetBeans er et open source-kodeditorværktøj til udvikling med Java, PHP, C ++ og andre programmeringssprog. Det tilbyder også funktioner i kodeanalyse og konvertering. Det giver dig mulighed for at opgradere dine applikationer til at bruge nye Java 13-sprogkonstruktioner.
Funktioner:
- Nem og effektiv projektstyring
- Tilbyder hurtig og smart kodedigering
- Hurtig udvikling af brugergrænseflade
- Hjælper dig med at skrive fejlfri kode
Link: https://netbeans.apache.org
6) Notesblok ++
Notepad ++ er et populært gratis at bruge kode editor skrevet i C ++. Det bruger ren win32 API, som tilbyder større eksekveringshastighed og lille programstørrelse. Den kører kun i vinduets miljø og er tilgængelig under GPL-licensen.
Funktioner:
- Understøtter syntaksfremhævning for sprog som HTML, PHP, JavaScript og CSS.
- Det har automatisk kompletteringsfunktioner til ord og funktioner.
- Det tilbyder makrooptagelses- og afspilningsfaciliteter.
- Brugerdefineret syntaks fremhævning og foldning
- Helt tilpasselig GUI
- Multi-view og Multi-sprog support
Link: https://notepad-plus-plus.org/
7) Google Web Designer
Google Web Designer hjælper dig med at oprette engagerende HTML5-indhold. Det giver dig mulighed for at bruge animation og interaktive elementer til at bringe din kreative vision til live og tilbyder problemfri integration med andre Google-produkter, såsom Google Drive, Google Ads, Display & Video 360 osv.
Funktioner:
- Tilbyder dynamisk arbejdsgang
- Google Web Designer tilbyder en lang række display- og videoannonceformater
- Support til responsive annoncer
- Nem og effektiv Google-integration
- Hjælper dig med at skabe smukt, engagerende HTML5-indhold
Link: https://webdesigner.withgoogle.com
8) Sublim tekst
Sublime Text er en HTML-editor, der understøtter mange sprog som JavaScript, Perl, PHP, Python, Ruby og andre. Du kan bruge denne HTML-kodeditor til kode, markering og prosa. Editoren understøtter OS X, Windows og Linux operativsystemer.
Funktioner:
- Det giver dig mulighed for at fremhæve syntaksen.
- Det har kommandopaletteimplementering, der accepterer tekstinput fra brugere.
- Håndter UTF8 BOM'er i .gitignore-filer
- Vis badges til mapper og filer for at angive Git-status
- Ændringer i en fil er repræsenteret af markører, der er tilgængelige i tagrenden.
Link: https://www.sublimetext.com
9) TinyMCE
TinyMCE er den rig tekstredigeringsplatform, der hjalp med at starte Atlassian, Medium, Evernote (Tekstredigeringsværktøj) og mere. Du kan integrere TinyMCE React, Angular, Vue.js, Bootstrap, RAILS, dojo, jQuery osv.
Funktioner:
- Meget konfigurerbar med et stort økosystem.
- Moderne, mobil-klar og enterprise-grade
- Gem og rediger billeder og filer på enhver webserver
- Tilbyder dynamisk filupload til enhver browser.
Link: https://www.tiny.cloud
10) CKEditor
Ckeditor er en smart WYSIWYG-editor, der har komponenter med redigering i samarbejde. Det giver dig mulighed for at indsætte fra Excel, Word, tabeller osv.
Funktioner:
- Tilbyder funktioner som autofuldførelse, @ omtaler, widgets,
- Tilbyder fuld kontrol over indhold: HTML-filtrering og visning af kildetilstand.
- Stor tilgængelighed: Sektion 508, kompatibel og WCAG 2.0 AA.
- Brugerdefineret outputformat og understøttelse af Markdown.
- Kan udvides og tilpasses efter design
- Det hjælper dig med at øge produktiviteten med automatisk formatering og samarbejde.
Link: https://ckeditor.com
11) Quill
Quill er en gratis, open source, kraftfuld WYSIWYG-editor, der er bygget til det moderne internet. Dens modulære arkitektur og udtryksfulde API er en ideel HTML-editor, der passer til ethvert behov.
Funktioner:
- Det understøtter alle moderne browsere på tablets, desktops og telefoner.
- Granulær adgang til redaktørens indhold, ændringer og begivenheder gennem en simpel API.
- Rich text-redaktører, der er bygget til at hjælpe folk med at skrive tekst.
- Det giver dig mulighed for at lave tilpasset indhold og formatering.
Link: https://quilljs.com
12) Froala
Froala er den næste generation WYSIWYG HTML-editor. Denne nemme at integrere editor bruges i vid udstrækning af udviklere på grund af dens klare design.
Funktioner:
- Kraftig API og dokumentation
- Tilbyder mere end 30 out of the box plugins at vælge imellem
- WYSIWYG HTML-editor omdannede et grundlæggende Javascript-værktøj til en vigtig teknologi for mange brancher.
- Froala rich text editor har en lang række både enkle og komplekse funktioner til alle slags brugssager.
Link : https://froala.com/wysiwyg-editor/
13) Komodo Edit
Komodo-redigering er et brugervenligt og kraftfuldt kodedigeringsværktøj. Det giver dig mulighed for at foretage fejlretning, enhedstest, kode refactoring. Det giver også kodeprofil plus integrationer med andre teknologier som Grunt, PhoneGap, Docker, Vagrant og mange flere.
Funktioner:
- Multi-Language Editor
- En masse moderne farveskemaer
- Native Unicode support og kompatibilitetskontrol
- Integreres let i skrivebordsmiljøet.
Link: https://www.activestate.com/products/komodo-ide/
14) Visual Studio-kode
Visual Studio Code er en open source-kode editor software udviklet af Microsoft. Det giver indbygget support til TypeScript, JavaScript og Node.js. Det er autofuldført med IntelliSense-funktioner, der tilbyder smarte kompletteringer baseret på vigtige moduler, variable typer og funktionsdefinitioner.
Funktioner:
- Let at arbejde med Git og andre SCM-udbydere (Software Configuration management)
- Kode refactoring og debugging
- Understøttet platform er Mac, Windows, Linux
- Let udvidelig og kan tilpasses
Link: https://code.visualstudio.com/
15) OpenElement
OpenElement er et freeware-design til webdesign og redigering, udgivet af Element Technologie. Værktøjet drives af Chromium, Google Chrome-motoren, og kører på Microsoft Windows.
Funktioner:
- Intuitiv grænseflade
- Alt kan redigeres
- Hjælper dig med at administrere kode
- Genanvendelige stilarter og elementpakker
- Cross-browser
- Flersprogede websteder
- Responsivt design
- Fuldt tilpasselig CSS
- Elementeditor - Opret og del elementer
- Nem integration af billed- og kodeoptimering
- Drevet af Chromium
Link: https://www.openelement.com
16) Notatfane
NoteTab er den bedste erstatning for Notepad derude. For webmastere er det den hurtigste HTML-editor. Det er den mest alsidige teksteditor, der tilbyder forbedret syntaksfremhævning for HTML.
Funktioner:
- Søgning med brugervenlige jokertegn
- Antal ord i realtid
- Syntaksfremhævning for CSS
- Tekststatistik til SEO
- Understøttelse af HTML5 og CSS3
- Nye HTML / CSS-biblioteker
Link: https://www.notetab.com
17) Atom
Atom er et nyttigt HTML-kode redigeringsværktøj, der foretrækkes af programmører på grund af dets enkle grænseflade sammenlignet med de andre redaktører. Atom-brugere kan indsende pakker og dem til softwaren.
Funktioner:
- Package Manager Integreret til understøttelse af plugins
- Funktionen ved smart autofuldførelse
- Autofuldførelse: Afslutning af ord, Afslutning af funktion
- Makrooptagelse og afspilning
- Understøtter flere ruder
- Det har en integreret pakkehåndtering.
- Denne værktøjsredigering på tværs af platforme
- Søg på forhåndsvisning, og erstat tekst skrevet i en fil på tværs af hele projektet.
- Det tilbyder en kommandopalette, der indeholder elementer, der bruges gentagne gange.
- Tillad redigering på tværs af platforme
Link: https://atom.io/
18) Ultra redigering
Ultra-edit er en meget anvendt kraftfuld teksteditor, der opfylder den mest kraftfulde abonnementspakke og passer til ethvert budget. Du kan nemt åbne og redigere en stor fil, der er større end 4 GB.
Funktioner:
- Kraftig søgning: Find og erstat i filer, invers søgning med regulære udtryk osv.
- Kodesyntaksfremhævning på forskellige programmeringssprog
- Tilbyder kodefoldning og hierarkisk funktionsoversigt
- Du kan omformatere kildekoden
- Funktion ved XML-håndtering: XML-trævisning, omformatering, validering osv.
- Multi-caret redigering og multi-select
- Support Column (blok) redigering af tilstand
- Søg: find & erstat i filer, regulære udtryk, invers søgning osv.
- Kodesyntaksfremhævning på ethvert programmeringssprog
- Kraftig XML-håndtering
- Smart skabeloner - automatisk intelligent kodefuldførelse
- Automatisk lukning af XML / HTML-tags
Link: https://www.ultraedit.com
19) WYSIWYG Web Builder
WYSIWYG Web Builder er et brugervenligt og meget responsivt værktøj. Det giver dig mulighed for at gennemse tusindvis af billeder, der er gratis at bruge, i høj kvalitet.
Funktioner:
- Føj nemt Google-skrifttyper og andre webskrifttyper til dit websted.
- Letvægtsmeddelelser designet til at efterligne push-underretninger
- Tilbyder mere end 150 foruddefinerede animationer
- Send e-mails, upload filer, gem data i MySQL
Link: https://www.wysiwygwebbuilder.com
20) BlueGriffon
BlueGriffon er en open source HTML-editor, der drives af Gecko, som er Firefox's rendering-motor. Det har en simpel grænseflade og mest almindelige funktioner, der er nødvendige for at oprette websider.
Funktioner:
- Nemt at ændre skrifttypens farve eller justere kantstil
- Åbner faner fra den sidste session
- Understøtter Mac, Windows, Linux platforme
- Genveje til CSS-redigering
- Flere temaer til kildevisning
Link: http://bluegriffon.org
21) Alohaeditor
Aloha er et WYSIWYG-redigeringsværktøj. Ved hjælp af denne HTML-editor er det muligt at redigere et websted direkte på portalen. Værktøjet tillader hurtig, ukompliceret redigering af fotos, grafik, animation og tekst.
Funktioner:
- Hjælper dig med at reducere antallet af indholdsadministratorer
- Let udvidelig base på dine krav og præferencer.
- Kopier dit indhold fra Microsoft Word uden formateringsproblemer.
- Denne billededitor giver dig mulighed for at redigere indholdet på dit websted.
Link: https://www.alohaeditor.org
22) Beslag
Brackets er et let værktøj udviklet af Adobe. Det er en ideel teksteditor, der er open source. Dette værktøj hjælper dig med at skifte mellem din kildekode og browservisningen.
Funktioner:
- Quick Edit UI-funktion sætter kontekstspecifik kode og værktøjer indbygget
- Tilbyder live preview, understøttelse af pre-processor og inline-redaktører
- Specielt udviklet værktøj til macOS
- Den leveres med den indbyggede udvidelsesmanager til hurtig og effektiv udvidelsesadministration.
Link: http://brackets.io/
23) Aptana
Aptana er et kraftfuldt open source-webudviklingsværktøj. Det byder på mange nye funktioner, der kan tilpasses, der hjælper dig med at blive mere produktiv. Værktøjet giver dig mulighed for hurtigt og nemt at oprette webapplikationer ved hjælp af branchens førende webapplikation IDE.
Funktioner:
- HTML, CSS og JavaScript Code Assist
- Hold-synkroniserede opsætninger
- Hjælper dig med at få adgang til en kommandolinieterminal til udførelse af operativsystemkommandoer og sprog
- Tilbyder dig at sætte dine projekter under git kildekodekontrol
- De integrerede Ruby & Rails og JavaScript-debuggere
Link: http://www.aptana.com
24) Coteditor
Coteditor er en nyttig HTML-editor til macOS. Derfor ser det ud og opfører sig nøjagtigt som macOS-applikationer. Værktøjet giver dig mulighed for at skrive din tekst med det samme, når du vil.
Funktioner:
- Farvelæg mere end 50 forudinstallerede store sprog som HTML, Python, PHP eller Ruby.
- Opdel et vindue i flere ruder
- Undersøg Unicode-tegndata for hvert valgte tegn
- Giver dig mulighed for at oprette en egen makro på dit yndlingssprog
- Anslå forskellige filkodninger nøjagtigt.
- Det giver dig adgang til alle dine indstillinger, herunder syntaksdefinitioner og temaer fra et standardindstillingsvindue.
Link: https://coteditor.com
25) ContentTools
ContentTools er en HTML-editor, der er gratis at bruge. Det er en af en samling biblioteker, der er designet til at bygge værktøjer, der gør det lettere at redigere HTML-indhold. Værktøjet tilbyder et bibliotek, der giver en fuldt funktionel side-editor, som er genstand for Kom godt i gang-vejledningen.
Funktioner:
- IT tilbyder fuld API-dokumentation og eksempler.
- ContentTools WYSIWYG-editoren skal føjes til enhver HTML-side i et par enkle trin
- Trin for trin-vejledninger til almindelige brugsscenarier og mere avancerede emner
Link: http://getcontenttools.com/
26) Sommernote
Summernote er en nem at installere HTML-editor. Det understøtter Bootstrap 3.xx til 4.xx Det giver nem integration med 3 rd partier som Django, Rails, og Vinkel,
Funktioner
- Let at installere HTML-editor
- Tilpas ved at initialisere forskellige potions og moduler.
- Nem integration med 3 rd partier som Django, Rails, og Kantet.
- Smart brugerinteraktion
- Understøtter browsere Safari, Chrome, Firefox, Opera og Edge.
- Fungerer forskellige operativsystemer som Windows, macOS, Linux osv.
Link: https://summernote.org
27) Textbox.io
Textbox.ios HTML-redigeringsværktøjer og enkle brugergrænseflade. Det giver dig mulighed for at oprette HTML på dit skrivebord og på din mobil. Dette HTML-redigeringsværktøj inkluderer tekstformatering, hyperlinks, tabeller osv.
Funktioner:
- Indbygget billedhåndtering og opbevaring
- Fil træk og slip
- Stavekontrol & autokorrektur
- Rengør kopipasta fra Microsoft Word
- Understøttelse af browsere
Link : https://textbox.io