7 Beste WYSIWYG HTML Editor Open Source

Det er to typer kodeditorer - Enkel tekstbasert editor og WYSIWYG (det du ser er det du får). I vår forrige artikkel diskuterte vi noen av de besteOpen Source HTML Editor der du skriver inn koden manuelt. Selv om det ikke er noen problemer med de tekstbaserte HTML-redigererne, er de likevel gamle skolen. Og det er her WYSIWYG HTML editor open source kommer inn. WYSIWYG HTML-redaktører gir visuelt baserte alternativer for å bygge et nettsted uten noen programmeringskunnskap (husk Wix-annonsen, det er wizzy-sig)

WYSIWYG HTML-editor har flere fordeler i forhold til tekstbaserte redaktører. Til å begynne med kan du bygge et nettsted med WYSIWYG-redaktører, selv om du ikke vet hvordan du skal kode. Alt du trenger å gjøre er å dra og slippe elementer i redigeringsprogrammet, og når du er ferdig, er det bare å kopiere koden. Å finne en god open source WYSIWYG HTML-editor kan imidlertid være en jobb. Det er her vi kommer inn.

Les også: 50+ Android-apper med åpen kildekode når du vil dike Google

Beste WYSIWYG HTML Editor Open Source

1. Pell

Pell er sannsynligvis den minste og enkleste WYSIWYG-redigereren du noen gang vil komme over. Det er bokstavelig talt 1,38 kb i størrelse!

Den tilbyr alle grunnleggende funksjoner og formater som overskrifter, fet, kursiv, lister, sitater, lenker og bilder. Andre tilgjengelige handlinger inkluderer innrykk, overskrift, abonnement, skriftnavn og størrelse. Etter at du er ferdig med å skrive og formatere med Pell, vil den sende ut hele HTML-koden, som du deretter bare kan kopiere og lime inn på nettstedet eller siden din, så er du klar.

Fordeler:

Minste og letteste WYSIWYG
Ingen avhengigheter
Lett tilpasses

Ulemper:

Ingen fancy HTML-redigering
Bilder bare gjennom lenker

Kjennelse:
Med tanke på størrelsen, lager Pell en overbevisende pakke. Men la oss være ærlige, du kan bare få grunnleggende HTML-filer gjort med de begrensede redigeringsalternativene. Så hvis du er noen som leter etter en rask og lett WYSIWYG-editor som er åpen kildekode for noe veldig grunnleggende arbeid, bør du definitivt sjekke ut Pell.

Få Pell

2. OpenWYSIWYG

OpenWYSIWYG er en rik tekst HTML-editor som krysser nettleser kodet helt i JavaScript. Ved å bare kopiere og lime inn noen få linjer med kode, kan du slå på hvilken som helst inn i OpenWYSIWYGs robuste WYSIWYG HTML-editor. Brukergrensesnittet og redigeringsalternativene med rullegardinmenyene ligner veldig på hvilken som helst tekstredigerer, og du vil føle deg hjemme. Bortsett fra alle de grunnleggende formateringsalternativene, kan OpenWYSIWYG skryte av en forbedret fargevelger med 216 nettfarger å velge mellom og et kraftig bordformateringsverktøy med alle muligheter du kan tenke deg. En annen flott ting med OpenWYSIWYG er at du sammen med alle de visuelle alternativene fortsatt kanse rå HTML-kode og foreta justeringer direkte i koden. Nyttig for når du vil lære eller oppdatere kodingsferdighetene dine. <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-2a8d34d0ca966deffc6441af9dbbe702-101381.jpg" alt="7 Beste WYSIWYG HTML Editor Open Source"> Fordeler: <ul> <li>Kraftig redigeringsmiljø</li> <li>Intuitivt og enkelt brukergrensesnitt</li> <li>Fargevalg og omfattende alternativer for redigering av tabeller</li> </ul> Ulemper: <ul> <li>Ikke oppdatert på noen år</li> </ul> Kjennelse: Å være skrevet i JavaScript, bør OpenWYSIWYG HTML-editor åpen kildekode fungere med hvilket som helst annet webprogrammeringsspråk. Hvis du leter etter noe litt kraftigere enn Pell å innlemme i webapplikasjonen, er dette et flott alternativ. Få OpenWYSIWYG <h3>3. TinyMCE (Community Edition)</h3> Den neste open source HTML WYSIWYG-redigereren på listen vår er TinyMCE. Det er også skrevet helt i JavaScript og tilbyr et brukergrensesnitt og opplevelse som de fleste tekstbehandlere. Det gjør det mer brukervennlig. TinyMCE er ikke gratis, men Community Edition er den gratis og åpen kildekode. Den kommer med alle de grunnleggende redigeringsalternativene som formatering av tekst, lister, tabeller og også noen bilderedigeringsalternativer. Utviklerne har holdt prisingen av premiummodellene i henhold til antall brukere. Noen av premiumfunksjonene inkluderer støtte for Google Drive og Microsoft Azure, utvidelser, stave- og lenkekontroll og teknisk støtte. <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-35ef757e6374c689f5158bf25ea8b2c6-101381.jpg" alt="Hvis du har tidligere erfaring med programmering og ikke har tid til å lære, kan du absolutt komme unna ved å bruke en WYSIWYG HTML-editor med åpen kildekode. Det er imidlertid ikke så lett å finne en god WYSIWYG HTML Editor, spesielt hvis du trenger det for å være en gratis og åpen kildekode."> Fordeler: <ul> <li>Utvidelsesstøtte</li> <li>Filbehandling</li> <li>Teknisk støtte</li> <li>IDE-stil kodeditor for HTML</li> </ul> Ulemper: <ul> <li>Dyrt</li> <li>Ikke helt åpen kildekode</li> </ul> Kjennelse: TinyMCE med sitt enkle integreringsalternativ, brukervennlige brukergrensesnitt og en mengde funksjoner, er en komplett pakke. Hvis du bare vil ha den mest funksjonsrike WYSIWYG HTML-editoren med åpen kildekode og er ok med å bruke penger, er TinyMCE veien å gå. De tilbyr også en gratis prøveperiode på en måned for deres Pro-modell, som du alltid kan sjekke ut. Få TinyMCE Demo <h3>4. Jodit</h3> Jodit er en annen rask og lett WYSIWYG HTML-editor med åpen kildekode, som du kan legge inn i koden din og begynne å redigere siden din. Det er ganske lett på rundt 100 KB i størrelse og er skrevet helt i TypeScript. Derfor trenger du ikke noen avhengigheter eller biblioteker for å kjøre den. Den leveres med et dra-n-slipp-grensesnitt for bildet også. Du kan også legge ved YouTube- eller Vimeo-videoer via en lenke eller legge dem inn. Det beste jeg liker med Jodit er at den kommer med en ACE-redaktør ut av esken og med en enkelt knapp, kan du bytte mellom den faktiske koden og forhåndsvisningsmodusen. <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-d9f6924fe440a4261e0839c0c4b1c532-101381.jpg" alt="html, wysiwyg, redigering, alternativer, openurce, editopenurce, proffer, kode, tekst, ulemper, support, redaktører, basert, dom, bootstrap"> Fordeler: <ul> <li>Lett, ingen biblioteker</li> <li>Dra og slipp</li> <li>ACE-redaktør ut av esken</li> <li>Teknisk støtte (betalt)</li> </ul> Kjennelse: Jodit tilbyr det beste fra begge verdener - enkel visuell WYSIWYG-redaktør samt redigering av rå kode. Hvis du er noen som har i det minste litt kunnskap i HTML, kan Jodit være det beste alternativet for deg. Få Jodit Playground <h3>5. Sommernote</h3> Summernote er en superenkel WYSIWYG-editor med åpen kildekode bygget på jQuery og basert på Bootstrap. Siden den støtter Bootstrap, kan du bruke alle støttede stiler og temaer på redaktøren din fra Bootswatch. WYSIWYG HTML-editorens åpen kildekode har en veldig ren og minimal brukergrensesnitt, og du kan til og med redigere eller legge til formateringsalternativer i henhold til ditt behov. Med Air-modus fra Summernote kan du skjule hele verktøylinjen og redigere dokumentet ditt på farten. Beleilig. Det kan også automatisk konvertere alle bilder til base64, slik at du slipper å håndtere bilder. For meg er den beste delen om Summernote det hardtarbeidende teamet av utviklere bak det som alltid lytter til samfunnet og legger til nye funksjoner. Eksempler inkluderer støtte for plugins og en lite eller vaniljeversjon av Summernote som ikke krever Bootstrap. <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-d48b6067378fbbbed4746fb15a5e64e8-101381.jpg" alt="7 Beste WYSIWYG HTML Editor Open Source"> Fordeler: <ul> <li>Minimum læringskurve</li> <li>Air Mode for redigering på farten</li> <li>Støtter Bootstrap 3.x.x til 4.x.x</li> <li>Vis og rediger i HTML</li> </ul> Ulemper: <ul> <li>Krever Bootstrap</li> </ul> Kjennelse: Summernote er sannsynligvis den mest funksjonsrike, men gratis og åpne kildekoden WYSIWYG HTML-editoren som er tilgjengelig i markedet, og den forbedres stadig. Hvis du jobber med Bootstrap, er Summernote en no brainer, men selv om du ikke er det, fortjener Summernote å bli sjekket ut. Få Summernote Demo <h3>6. Froala</h3> Froala er en vakker WYSIWYG HTML-editor med åpen kildekode skrevet i JavaScript. Det er et av de mer populære verktøyene på denne listen, og dets popularitet blant utviklere kan tilskrives den enkle integrasjonen og det rene designet. Froala er en veldig kraftig redaktør i seg selv, og det store utvalget av plugins har bare økt det samme. Noen av dem inkluderer en avansert bilderedigerer, uttrykksikoner, stavekontroll, og det er enkelt å til og med lage din egen plugin. Alle verktøyene er også tilgjengelige med inline-redigereren, noe som er ekstremt praktisk. I likhet med TinyMCE er Froala tilgjengelig i mange smaker, men til og med gratisversjonen har mye slag. Den eneste forskjellen er at du ikke får full kildekode og teknisk støtte. <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-5a89ec944a7b7318dad29d4cbe38303c-101381.jpg" alt="7 Beste WYSIWYG HTML Editor Open Source"> Fordeler: <ul> <li>Lett kraftig redaktør</li> <li>Integrert redigering</li> <li>En mengde plugins</li> </ul> Ulemper: <ul> <li>Ikke bra for mobil hybrid-app / nettsted</li> </ul> Kjennelse: Froala er rask og lett med et vakkert brukergrensesnitt, men klarer fremdeles å få med alle funksjonene man kan se etter i en WYSIWYG HTML-editor. Hvis du har det bra uten kildekoden og støtten, vil den gratis versjonen tjene deg helt fint, ellers vet du hva du skal gjøre. Få Froala <h3>7. CKEditor</h3> CKEditor er ekstremt populær blant brukere for å være en vakkert designet WYSIWYG HTML-editor med åpen kildekode. Den leveres med over 21 000 tester for å hjelpe deg med å lære HTML i et vennlig oppsett. Detaljert dokumentasjon er der for å hjelpe deg med å forbedre dine ferdigheter. Noen av de største navnene i teknologibransjen stoler på det. Merk at du må beholde copyright-merknadene i hver fil intakt og ikke slette LICENSE.md-filen i CKEditor-installasjonsmappen. Det er ikke en ulempe, spesielt når du får så mye verdi i retur. Det er støtte for plugins, @mention, emojis, eldre nettlesere og til og med autofullføring som kan spare mye tid. <img src="//geekmarkt.com/img/101381/7-best-wysiwyg-html-editor-open-source-f7cf4bbbed846085854eb05d6236462e-101381.png" alt="Hvis du har tidligere erfaring med programmering og ikke har tid til å lære, kan du absolutt komme unna ved å bruke en WYSIWYG HTML-editor med åpen kildekode. Det er imidlertid ikke så enkelt å finne en god WYSIWYG HTML Editor, spesielt hvis du trenger det for å være en gratis og åpen kildekode."> Fordeler: <ul> <li>Detaljert dokumentasjon, tester, spørsmål</li> <li>Samarbeid og @ omtale</li> <li>Autofullfør</li> </ul> Ulemper: <ul> <li>Oppbevar lisensfilen</li> </ul> Få CKEditor Æresomtaler: 1. MediumEditor er en open source-klon av den innebygde WYSIWYG-redigereren for Medium.com. Den er død enkel, lett og kommer uten noen avhengigheter. Selv om den ikke er så kraftig, kan den fungere som et flott redigeringsverktøy for tekst eller tekstrelaterte dokumenter. 2. Atoms HTML Preview-pakke lar deg legge til en forhåndsvisningsrute der du kan få en direkte forhåndsvisning av HTML-koden din, noe som kan være veldig nyttig for utviklere. Selv om dette absolutt ikke er for nybegynnere, er det en flott pakke å legge til i den eksisterende arbeidsflyten din hvis du allerede programmerer i HTML. <h3>Beste WYSIWYG HTML Editor Open Source</h3> Mens HTML fremdeles er den kraftigere måten å bygge et nettsted på, og mye mer intrikate ting er mulig med det, har WYSIWYG-redaktører sikret seg et eget sted. Å lære å kode krever mye tid og energi, og det kan ikke være fornuftig for alle. Hvis du har tidligere erfaring med programmering og ikke har tid til å lære, kan du absolutt komme unna ved å bruke en WYSIWYG HTML-editor med åpen kildekode. Les også: <a href="/7-best-open-source-browser-for-android-2018-100540" target="_blank">7 beste åpen kildekode-nettleser for Android (2018)</a>