Zum Inhalt wechseln
Dr. Web Logo seit 1997.
  • Beste Agenturen
  • Magazin
  • Beste Agenturen
  • Magazin
Dr. Web Logo seit 1997.
  • Kontakt
  • Anmeldung
  • Newsletter
  • Beste Agenturen
  • Magazin
Menü
  • Beste Agenturen
  • Magazin
Suche
Agenturpartner werden →
Dr. Web » Software » Die 10 besten HTML-Editoren für Webdesigner

Die 10 besten HTML-Editoren für Webdesigner

Facebook Icon. facebook Twitter Icon. twitter Xing Icon. xing Linkedin Icon. linkedin Whatsapp Icon. whatsapp
  • 20 Kommentare
Lesedauer: 9 Minuten
  • von Dieter Petereit
  • 1. Februar 2022

Wenn du Webentwickler bist oder es werden möchtest, dann brauchst du einen leistungsfähigen HTML-Editor. Besonders wichtig bei einem HTML-Editor sind z.B. eine gute Einfärbung der Syntax – das Syntax-Highlighting – und eine brauchbare Code-Vervollständigung. Wir stellen dir 10 HTML-Editoren vor (die in der Regel auch gut geeignet sind für das Schreiben von CSS und JavaScript.

Dein Kunde hat nicht genug Budget? Dann schau dir Templatemonster an

Was tun wenn du noch unerfahren bist bei der Erstellung von Websites oder wenn dein Kunde kein ordentliches Budget bereitstellt? In solchen Fällen lohnt es sich, mit vorgefertigte Layouts zu arbeiten, die bereits als fertige HTML5-Templates vorliegen. Diese sind also unabhängig sind von einem CMS wie z.B. WordPress oder Typo3.

Die Templates sind für bestimmte Use-Cases konzipiert und eignen sich für eine Vielzahl von Nischen, darunter Mode, Fotografie, Hotels, Steuerberater, Restaurants usw. Sie kommen mit einem ansprechendem Design und verschiedenen Add-Ons daher, wie zum Beispiel Kontaktformularen zur Leadgenerierung.

Für den Designprozess sind sie auch genial: Hast du ein passendes Template gefunden, brauchst du nur noch die Inhalte und Bilder hinzuzufügen, ohne dass du erst eine ganze Seite von Grund auf konzipieren und gestalten musst.

Und nun zurück zum Thema: Hier die Auflistung der besten HTML-Editoren:

1. Visual Studio Code

visual studio code html editor opt Die 10 besten HTML-Editoren für Webdesigner
Visual Studio Code von Microsoft

Visual Studio Code ist ein kostenloser HTML-Editor aus dem Hause Microsoft. Mit Visual Studio Code haben die Redmonder ein ernstzunehmendes Produkt, das sich innerhalb kürzester Zeit eine Fangemeinde erarbeiten konnte, die den bisherigen Liebling Sublime Text fast schon vergessen lässt.

Visual Studio Code gibt es nicht nur für Windows, sondern auch für macOS und sogar für Linux. Damit können Sie plattformübergreifend mit dem gleichen Komfort und Funktionsumfang arbeiten.

VS Code kann mit Extensions bequem funktional erweitert werden. Optische Veränderungen führen Sie über Themes herbei, von denen es ebenfalls eine breite Vielfalt gibt. VS Code arbeitet direkt mit Github zusammen und bietet nicht nur ein außerordentlich gutes Syntax-Highlighting für diverse Sprachen, sondern auch eine fortgeschrittene Variante der Code-Vervollständigung.

Bei Visual Studio Code muss man nur „HTML“ eingeben, und sofort wird das erforderliche Markup für eine Website (hier: index.html) vervollständigt.

VS Code unterliegt einem vierwöchigen Update-Turnus. Die Changelogs sind Monat für Monat umfangreich. Das Produkt wird massiv fortentwickelt, wobei Wünsche der Nutzergemeinde ernsthaft einbezogen werden. Neben den optischen und funktionellen Erweiterungsmöglichkeiten wird bei VS Code auch die Unterstützung der Anwender nicht vernachlässigt. So steht ihnen eine umfassende Dokumentation zur Verfügung und auch die beliebten Tutorial-Videos haben die Redmonder am Start.

Link zur Website mit Download (für Windows, Mac OSX und Linux)

2. Atom

HTML-Editor Atom.
Atom: Open Source für die drei bestimmenden Betriebssysteme.

Beim kostenlosen HTML-Editor Atom aus dem Hause Github (das mittlerweile auch zu Microsoft gehört) ist der Name Programm. Denn Atom ist vollständig modular aufgebaut. Um einen minimal großen Programmkern gruppieren sich Open-Source-Kontributionen in rauen Mengen. Sogenannte Packages sind das, die den Funktionsumfang des Tools aus dem Hause Github fast beliebig erweitern können.

Atom arbeitet direkt mit Github zusammen, so dass die Arbeit mit Versionskontrolle nahtlos möglich ist. Weitere Features rüsten Sie über die bereits erwähnten Packages nach, die Sie im Übrigen auch selbst erstellen und der Communitly zur Verfügung stellen können.

Des weiteren stehen für Atom zwei bahnbrechende Packages bereit, die besonders für Entwickler sehr interessant sind. Atom kann nämlich neuerdings fast zu einer echten IDE ausgebaut werden. Damit sind Sie dann in der Lage, komplette Projekte zu verwalten, um etwa festzustellen, welche Variable wo im Projekt noch vorhanden ist etc. Zusätzlich lässt sich die IDE mit Sprach-Packages zu jeder beliebigen Programmiersprache befähigen.

Atom steht für Windows, macOS und Linux zur Verfügung und erfreut sich ebenfalls einer sehr regen Fortentwicklung.

Link zur Website mit Download

3. Sublime Text 3 — Das Schweizer Taschenmesser

Screenshot von einem der HTML-Editoren: Sublime 3.
Sublime Text 3

Kein anderer HTML-Editor hat jemals einen solchen Siegeszug erlebt wie Sublime Text. Innerhalb kürzester Zeit nach Release eroberte er die Sympathien der professionellen Webentwickler. Das liegt nicht zuletzt an der Tatsache, dass er für Windows, macOS und Linux gleichermaßen verfügbar ist.

Sublime eignet sich ganz hervorragend zum Editieren von Text, HTML, CSS und mehr. Insbesondere Funktionen wie Multiple Cursors, Multiple Select und Copy/Paste ist enorm hilfreich bei der Bearbeitung im HTML-Editor.

In den letzten Jahren konnte sich der kommerzielle Editor Sublime Text 3 einer immer größer werdenden Nutzergemeinschaft erfreuen. Und das durchaus zu Recht. Denn gerade für den Freelancer, der oft alleine arbeiten muss, ist der Editor sehr nützlich und bietet einige komfortable Vorteile. Für weniger entscheidungsfreudige Zeitgenossen könnte besonders interessant sein, dass sich Sublime Text 3, obwohl grundsätzlich kostenpflichtig, extrem lange kostenlos testen lässt.

Sublime Text 3 lässt sich generell in jede Entwicklungsumgebung integrieren und für die populärsten Programmier-, Skript- und Auszeichungssprachen verwenden. Dass kommt unter anderem daher, dass Bundles aus TextMate 2 eingebunden werden können. Darüber hinaus hat Sublime Text 3 eine Menge eigene Extensions zu bieten, die das Resultat der Arbeit einer großen Entwickler-Community sind. Der Grund hierfür könnte neben der steigenden Popularität auch die einfache Beschreibungssprache für Erweiterungen sein.

Ein Editor mit ungewohnten Features

Ein weiteres, sinnvolles Feature sind „Split Windows“. Damit ist es möglich, 4 Dateien in einem Editor zu öffnen, ohne dabei die Übersicht zu verlieren. Über "View -> Layout" kann ausgewählt werden, welche Anzeige man bevorzugt. Mittels "control + Nummer des Fensters" (also 1, 2, 3 oder 4 bei 4 Fenstern) kann man ohne Maus zwischen den Fenstern wechseln.

Es gibt allerdings auch Befehle, die für regelrechte „AHA-Effekte“ sorgen. Ein Beispiel: Befindet sich der Cursor in einem Wort und man drückt den Befehl "cmd + d" (auf Plattformen ohne Apfel ist es "control + d") werden nicht nur das Wort, sondern auch alle Stellen mit dem selben Wort im Dokument markiert. Das ist etwa dann großartig, wenn man die Bezeichnung einer Variablen ändern möchte. Mit dem Befehl "ctrl+shift+(up oder down)" wählt man mehrere Zeilen zum Markieren aus. Zeilen zu bewegen, kann schon manchmal ganz schön nervig sein. Sublime Text 3 hat hierfür eine Lösung. Mittels "ctrl+cmd+(up oder down)" kann eine markierte Zeile nach unten oder oben verschoben werden.

Erweiterungen in hoher Quantität und Qualität

Wie versprochen, will ich noch ein paar nützliche Erweiterungen für Sublime Text 3 nennen. Standard in vielen Editoren ist mittlerweile ZenCoding. Verkürzt gesagt geht es hierbei darum, für kompliziertes HTML-Markup nur noch eine Zeile zu schreiben, um die Syntax kümmert sich der Editor dann selbst. Die Erweiterung Tag bietet ebenfalls einige Erleichterungen in Bezug auf die Entwicklung von HTML-Code. Bei Tag geht es, wie der Name bereits verrät, vor allem um HTML-Tags und das vereinfachte Bearbeiten von Inhalten in diesen oder auch das automatische Schließen geöffneter Tags. Das kann sehr hilfreich sein, da Sublime Text 3 hier von Haus aus kaum Unterstützung bietet.

Abschließend seien hier noch die Erweiterungen SublimeCodeIntel, welches für die nötige Intelligenz zum Autocomplete bei der Code-Eingabe sorgt und SublimeHttpRequester, das den Nutzer aus Sublime Text 3 heraus GET- und Post-Requests senden lässt.

Ein abschließendes Fazit zu Sublime Text 3

Seine Stärke ist die Anpassbarkeit durch Erweiterungen und per JSON-Datei vorzunehmende Benutzereinstellungen. Grundsätzlich gibt es kaum eine denkbare Anforderung, die man nicht durch Einstellen oder Erweitern hinzufügen könnte.

Mit Hilfe des Packet Managers – der installiert werden muss – können im Anschluss sehr komfortabel Erweiterungen heruntergeladen und installiert werden.

Bedingt durch die hohe Verbreitung des Editors gibt es mittlerweile eine umfassende Plugin-Bibliothek; dazu etliche Plugins, die auf den Websites der Entwickler angeboten werden.

Übrigens hat kaum ein anderer HTML-Editor eine so gute und umfassende (inoffizielle) Dokumentation. Auch Tutorials für Sublime Text 3 werden im Internet zuhauf angeboten, was die erforderliche Einarbeitungszeit deutlich verkürzt.

Sublime Text 3 ist nicht kostenfrei, kann allerdings unbegrenzt evaluiert (getestet) werden. Bei Gefallen sollten Sie der Fairness halber eine Lizenz für 80.- USD erwerben.

Link zur Website mit Download

4. WebStorm

WebStorm JavaScript- und HTML-Editor.

WebStorm ist mehr also „nur“ ein HTML-Editor: Es ist eine integrierte Entwicklungsumgebung spezialisiert auf das Schreiben von JavaScript. WebStorm versteht die Struktur deines Projekts und kann dich bei jedem Aspekt von JavaScript unterstützen. Er vervollständigt deinen Code automatisch, erkennt und behebt Fehler und Redundanzen und hilft dir, deinen Code sicher zu refaktorisieren.

Link zur Website mit Download

5. Pinegrow

Screenshot der Website der HTML Editor Pinegrow.

Pinegrow ist ein HTML-Editor für Mac-, Windows- und Linux, mit dem du moderne WordPress Websites erstellen kannst. Er bietet Live-Multi-Page-Editing, CSS- und SASS-Styling, einen CSS-Grid-Editor und unterstützt Bootstrap, Tailwind CSS und WordPress.

Link zur Website mit Download

6. Android Studio

3D Modellierung - Produktdesign

Besonders für die Entwicklung mobiler Apps ist Android Studio eine interessante, kostenlose Alternative, bereitgestellt und stetig weiterentwickelt von Google.

Die Entwicklung der App kann man direkt in verschiedenen Android- und iOS-Geräten emulieren lassen, sodass man jede Änderung in der Webseite oder App sofort testen kann.

Frameworks wie z.B. Flutter lassen sich nahtlos per Plugin in die Entwicklungsumgebung integrieren. So macht Entwicklung Spaß!

Link zur Website mit Download

7. Brackets

brackets-editor-mit-psd-funktion

Brackets ist ein moderner, quelloffener HTML-Editor mit einigen interessanten Funktionen. Zum Beispiel kann er in Zusammenarbeit mit der Adobe Creative Cloud Extract (= Vorschau) Designdaten wie Farbe, Schriftarten und Verläufe direkt aus einer PSD-Datei lesen und in korrekten CSS-Code umsetzen. Ebenso lassen sich Ebenen als Bild extrahieren, Informationen aus der PSD als Variable in einem Präprozessor nutzen und bequem Abstände und Proportionen von Elementen ermitteln. Das alles ist möglich, ohne den Editor verlassen zu müssen.

Bitte beachten: Die Nutzung der Adobe Creative Cloud ist kostenpflichtig. Die Extract-Version kann direkt gemeinsam mit Brackets installiert werden. Da Brackets Teil der Creative Cloud ist, steht er für Windows und macOS gleichermaßen zur Verfügung.

Ein weiterer großer Pluspunkt an Brackets sind die Erweiterungen, mit denen der HTML-Editor auf die eigenen Bedürfnisse angepasst werden kann. Alle drei bis vier Wochen sollen neue Erweiterungen dazukommen. Erwähnt werden will auch die vollständige Unterstützung von Präprozessoren.

In Brackets können Sie „Schnelles Bearbeiten“ sowie „Live-Vorschau“ sogar zusammen mit LESS- und SCSS-Dateien verwenden, was das Arbeiten damit wesentlich vereinfacht. Zusammen mit den richtigen Erweiterungen und der Adobe Creative Cloud Extract kann dieser Editor damit die Bedürfnisse von Profis abdecken.

Link zur Website mit Download

8. CotEditor

Cot html editor Die 10 besten HTML-Editoren für Webdesigner

Der CotEditor ist eine ressourcenschonende Open-Source Coding-Alternative für den Mac. Er eignet sich für Menschen, die ihren Editor nicht täglich benötigen und einfach nur einen guten Editor mit Syntax-Highlighting brauchen. Der CotEditor darf praktisch als Notepad++ für OS X verstanden werden.

Er bietet neben einer brauchbaren Code-Vervollständigung auch eine wirklich gute „Suchen-und-Ersetzen“-Funktionalität an, Splitview zum Unterteilen des Editorfensters in mehrere Bereiche, gutes Syntax-Highlighting für 40 Programmiersprachen und kommt mit 8 Themes daher. Für einen einfachen Editor kann sehr viel angepasst werden, der Editor ist auf jeden Fall einen näheren Blick wert.

Link zur Webseite mit Download

9. Google Web Designer

google-web-designer

Ja, Google macht auch Tools für Webdesigner. Der Google Web Designer geht dabei eher in Richtung Adobe Dreamweaver. Er ist kein reiner HTML-Editor, sondern ein kombinierter WYSIWYG- (What you see is what you get) und Text-Editor.

Arbeiten sind unter beiden Oberflächen möglich, einmal in der grafischen Oberfläche und dann auch in der Code-Ansicht. Der Google Web Designer soll aus der grafischen Oberfläche heraus gültigen HTML5- und CSS3-Code generieren und steht für macOS, Windows und Linux kostenfrei zur Verfügung.

Link zur Webseite mit Download

10. Komodo Edit

komodo edit Die 10 besten HTML-Editoren für Webdesigner
Komodo Edit im kleinen Schwarzen.

Aus dem Hause ActiveState stammt der freie Quelltext-Editor Komodo Edit, eine abgespeckte Variante der kostenpflichtigen Entwicklungsumgebung Komodo IDE. Komodo IDE ist eine der leistungsfähigeren Entwicklungsumgebungen für Programmierer. Die hat ihre Stärken besonders im Bereich der Entwicklung nativer Apps durch die Integration mit Cordova und PhoneGap, aber auch Webentwickler werden durch die Integration mit Gulp, Grunt, Yarn oder npm optimal unterstützt.

All das bietet Komodo Edit nicht. Das Tool ist tatsächlich ein reiner HTML-Editor, der sich in verschiedenen Sprachen bedienen lässt und nur die wichtigsten Features, etwa Syntaxhighlighting und Autovervollständigung an Bord hat. Auch in der freien Version bietet Komodo bereits die Projektverwaltung, so dass die Arbeit an ihrer Website nicht allzu mühselig wird.

Komodo Edit liegt aktuell in der Version 12.0 vor und steht für Windows, macOS und LInux gleichermaßen zum kostenlosen Download bereit.

Link zur Website mit Download (Windows, Mac OSX, Linux)

Die Website auf verschiedenen Geräten testen mit dem LambdaTest LT Browser — so geht’s

Hat man einmal die Basis für die Webseite erstellt, muss diese noch getestet werden. Denn was auf dem 27″ iMac toll aussieht, kann auf dem Laptop, dem iPad oder dem Handy total zerschossen aussehen.

lambdatest Die 10 besten HTML-Editoren für Webdesigner
Die 10 besten HTML-Editoren für Webdesigner 1

LambdaTest LT Browser ist ein Entwickler-orientierter Browser, der Benutzern einen Entwicklungsarbeitsbereich bietet, in dem sie das Verhalten ihrer Website auf einer Vielzahl von Geräten und Ansichtsfenstern testen können.

Der Browser emuliert mehr als 25 verschiedene Standard-Größen und – Geräte (plus benutzerdefinierte Ansichtsfenster), Debugging Seit-an-Seit, lokales Testing, Fehlerverfolgung und vieles mehr.

Mit LambdaTest LT Browser können Webentwickler auf schnellste Weise reaktionsschnelle und leistungsstarke Webanwendungen entwerfen und entwickeln.

Fazit

Es gibt eine Menge HTML-Editoren für Windows, Mac OSX und Linus, doch die guten sind rarer gesät. Für den nicht-täglichen Gebrauch bietet sich Notepad++ an, für den täglichen Gebrauch eines professionellen Webentwicklers wird dieser nicht reichen. Da gibt es professionellere Lösungen, wie zum Beispiel Visual Studio Code und Sublime Text 3, welche beide umfassend an persönliche Bedürfnisse angepasst werden können.

P.S. Brauchst Du noch kostenlose Bilder und Illustrationen für deine Website?

Dieter Petereit

Dieter Petereit

Dieter Petereit ist seit 1994 im Netz unterwegs, aber bereits seit über 30 Jahren in der IT daheim. Seit Anfang des neuen Jahrtausends schreibt er für Technik-affine Medien wie T3N und Dr. Web. Dieter war acht Jahre lang Chefredakteur des Dr. Web Magazins.

Werde ein Sponsor. Kontaktiere uns →

Kostenloses SEO-Tool

Agenturpartner

seolist seo frankfurt logo

SEOlist.IO – SEO Agentur & SEO Freelancer Frankfurt

Frankfurt am Main

WebOptimizer Logo mit der Aufschrift: Die deutsche Agentur in Österreich.

WebOptimizer

Villach

SEO-Sicht Agentur Berlin Logo.

SEO-Sicht

Berlin

Logo der Online Marketing Experts aus Augsburg.

Online Marketing Expert Team

Augsburg

Wee Media Agentur Logo.

Wee Media | Webdesign Agentur

Dernbach

Alle Agenturpartner

Lust auf mehr?

Symbolbild in einem Laptop eingebettet. Zu sehen ist ein Mitarbeiter einer Digitalagentur.
Digitalisierung

Digitalagentur finden

Wir unterstützen Sie bei der Auswahl der passenden Digitalagentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→
Junger Mann, der in einer SEO-Agentur arbeitet arbeitet und in die Kamera lächelt.
SEO

SEO Agentur finden

Hier finden Sie eine geeignete SEO Agentur. Sie möchten eine bessere Sichtbarkeit Ihrer Website in Google & Co., mehr Traffic, höhere Conversions, mehr Umsatz? Eine professionelle SEO Agentur unterstützt Sie maßgeblich bei der Erreichung dieser wichtigen Ziele.

→
Inhaber einer WordPress-Agentur, am Tisch sitzt und in die Kamera schaut.
WordPress

WordPress Agentur finden

Wir unterstützen Sie bei der Auswahl Ihrer WordPress Agentur, mit Agenturempfehlungen und wichtigen Hintergrundinformationen in unserer FAQ.

→

20 Antworten

  1. Florian Ibe sagt:
    27. Juni 2022 um 13:20 Uhr

    Für mich ist Brackets unschlagbar! Einziger Kritikpunkt ist das Limit an Inhalt.

    Antworten
  2. Jürgen G. sagt:
    5. Januar 2021 um 9:19 Uhr

    Natürlich wurde WebStorm vergessen.

    Antworten
    1. Markus Seyfferth sagt:
      8. April 2022 um 16:50 Uhr

      Besser spät als nie: Haben wir gerade ergänzt!

  3. Rolf sagt:
    3. Januar 2021 um 11:38 Uhr

    Und wer kennt SUPERHTML ?

    Antworten
  4. Rolf Hiller sagt:
    3. Januar 2021 um 11:31 Uhr

    Wo bleibt SUPERHTML ? Also ich habe ungefähr zwanzig Jahre mit SUPERHTML gearbeitet und fast solange eine Website im Internet und auch ständig aktualisiert. Als mir dieser Editor (in deutsch) damals empfohlen wurde war ich auch gleich begeistert. Einfach super! Sehr bedienungsfreundlich und vor allem konnte ich nach jeder Änderung auch immer gleich sehen, wie das im Netz aussehen würde. Seit myrabyte diese Software übernommen hat, ist irgendwie nichts mehr zu finden, z.B. eine kostenlose Version. Wer weiß mehr darüber ?

    Antworten
  5. Norbert Sehm sagt:
    3. Dezember 2020 um 10:10 Uhr

    Ich nutze Eclipse seit dem Studium ist aber echt zu heavy für Webdev

    Antworten
  6. Jan Eustergerling sagt:
    14. Juli 2020 um 12:48 Uhr

    Was ist eigentlich mit dem klassischen BBedit? Als ich noch selber Webseiten gewartet habe, habe ich den gerne genommen. Mittlerweile arbeite ich fest mit einem Programmierer zusammen.

    Antworten
  7. Torsten Funk sagt:
    4. Juni 2020 um 21:59 Uhr

    Vielen Dank für diesen Artikel! Von den genannten Editoren habe ich die meisten schon eingesetzt bzw. getestet, aber bin immer bei PSPad geblieben. Auch wenn sein UI etwas altbacken ausschaut und die Plugins recht alt sind, überzeugt mich die Installations-Freiheit, die hoch-konfigurierbaren Einstellungen, der sehr breite Einsatzbereich, der direkte Kontakt zum Entwickler und die verzögerungsfreie Ausführung.
    Sonnige Grüße!

    Antworten
  8. bernhard sagt:
    9. Mai 2020 um 2:05 Uhr

    Im Prinzip gibt es nur drei nennenswerte Editoren für moderne Webentwicklung und das sind VS Code, Sublime Text und Atom.
    Ich nutze VS Code, die Unterstützung von allen erdenklichen Sprachen, Framework, Terminals und Features wie Emmet, Code completion, Format on save und LiveServer ist er konkurrenzlos, zumindest aus meiner Sicht.

    Antworten
  9. Stephan sagt:
    4. Mai 2020 um 18:12 Uhr

    Hi,
    ich bin kein Developer und suche daher nach einem Ersatz für „Taco HTML Edit“, der leide rnicht mehr aktuaalisiert wird.

    Die integrierte Vorschau der Website fand ich extrem komfortabel, bei „Brackets“ bekomme ich die aber nicht zum laufen.

    Gibt’s da was nettes für „Gelegenheits-Website-Aktualisierer“ wie mich?

    Besten Dank für alle Tipps von den Profis hier.
    Stephan

    Antworten
    1. Axel sagt:
      1. Juni 2020 um 18:34 Uhr

      Eigentlich hätte ich auch gerne einen Editor mir geteilter Ansicht, Code und WYSIWYG, der aber auch mit dem PHP-Code klar kommt. Bluegriphon (Linux) zerschießt den PHP-Code, also unbrauchbar, und unter Windows gab es mal einen Editor der geteilte Ansicht hatte und auch mit dem PHP-Code klar kam und zuletzt kostenlos wurde, aber die Entwicklung hatte Microsoft auch in die Tonne geworfen.

      Frage:
      Gäbe es einen Editor für Linux (Ubuntu) der geteilte Ansicht hat (Code + Ansicht), mit dem PHP-Code klar kommt oder auch gleich den Code im Editor interpretieren kann und ggf. live Bearbeitung hätte?

    2. Egon sagt:
      25. November 2020 um 16:22 Uhr

      Hallo,
      Microsoft Expression Web 4. Ist zwar nicht der neueste, aber einfch in der Handhabung und einschl. WYSIWYG.
      https://www.heise.de/download/product/expression-web-40217
      Grüße
      Egon

  10. Felix sagt:
    4. Mai 2020 um 14:55 Uhr

    Ich würde bei Android Studio ggf. noch erwähnen, dass dies auf IntelliJ & Co von JetBrains basiert. Da gibt es dann auch als tatsächliche HTML-Editoren (wüsste nicht, dass es das bei Android gibt…) u.a. PhpStorm, WebStorm, RubyMine etc.

    Antworten
    1. Tom sagt:
      14. Mai 2020 um 1:16 Uhr

      Das habe ich mir auch gedacht. In meiner letzten Arbeitsstelle habe ich PHPStorm verwendet – sehr mächtig, diese IDE.

  11. Marti Steiner sagt:
    3. Mai 2020 um 14:19 Uhr

    Für mich gehört auch noch Pinegrow dazu:
    https://pinegrow.com/
    ===========
    Pinegrow is a Mac, Windows and Linux web editor that lets you build responsive websites faster with live multi-page editing, CSS & SASS styling.
    ===============

    Antworten
  12. b4umchen sagt:
    1. Mai 2020 um 15:05 Uhr

    vim sollte immer genannt werden finde ich 😉

    Antworten
  13. gaby sagt:
    1. Mai 2020 um 14:40 Uhr

    Dieser fehlt in der Austellung https://www.webuilderapp.com/de/

    Antworten
  14. Pezi sagt:
    1. Mai 2020 um 12:54 Uhr

    Für mich ist seit ewig HTMLPad von https://www.blumentals.net/de/ das Beste.
    Wem das nicht genügt, findet da noch leistungsstärkere Tools …

    Antworten
  15. COR9 sagt:
    26. März 2020 um 17:28 Uhr

    Die Angaben für CoffeeCup sind nicht aktuell. Es gibt einen HTML-Editor in einer kostenfreien und einer 29-Dollar-Version (m.W. beide nur WIN) und weitere Apps. Davon hier relevant ist der Sitedesigner (WIN und macOS), der Code-Edition genauso erlaubt wie WYSIWYG-Gestaltung. Für beide Vorgehensweisen sind Frameworks (Foundation, Bootstrap) und als Code-Grundlagen Flexbox, CSS-Grid implementierbar.
    Wenn man allerdings nach aktuellen Tests des Sitedesigners sucht, stößt man häufig auf Verrisse (steile Lernkurve, Abstürze etc.). Das schreckt bei einem Preis von 100 Dollar ab. Hat jemand positive Erfahrungen damit?

    Antworten
  16. Stas sagt:
    7. Februar 2020 um 16:03 Uhr

    Codelobster funktioniert am besten für mich – http://www.codelobster.com

    Antworten

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Dr. Web Logo weiss.
Fachmagazin für Online-Marketing. Seit 1997. Wissen, Software, Dienstleister: Wir bringen die Digitalisierung Ihres Unternehmens praxisnah voran. ✅

Agentur nach Schwerpunkt finden

  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden
  • Als Agentur eintragen
  • Beste Agenturen finden
  • Die besten Digitalagenturen
  • Die besten SEO Agenturen
  • Die besten Webdesign Agenturen
  • Die besten Werbeagenturen
  • WordPress Agentur finden

Für Unternehmer: Finden Sie Ihre Agentur in…

  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich
  • Aachen
  • Augsburg
  • Basel
  • Bamberg
  • Bayreuth
  • Bergisch-Gladbach
  • Berlin
  • Bern
  • Bielefeld
  • Bochum
  • Bonn
  • Bremen
  • Chemnitz
  • Darmstadt
  • Dortmund
  • Dresden
  • Duisburg
  • Düsseldorf
  • Essen
  • Esslingen
  • Flensburg
  • Frankfurt
  • Freiburg
  • Gelsenkirchen
  • Gießen
  • Goslar
  • Hamburg
  • Hamm
  • Hannover
  • Heidelberg
  • Ingolstadt
  • Innsbruck
  • Karlsruhe
  • Kassel
  • Köln
  • Leipzig
  • Leverkusen
  • Ludwigsburg
  • Mainz
  • Mannheim
  • München
  • Münster
  • Nürnberg
  • Offenburg
  • Oldenburg
  • Osnabrück
  • Passau
  • Pforzheim
  • Potsdam
  • Regensburg
  • Reutlingen
  • Rosenheim
  • Rostock
  • Salzburg
  • Starnberg
  • Stuttgart
  • Tübingen
  • Wien
  • Wiesbaden
  • Wuppertal
  • Würzburg
  • Zürich

Aus unserem Magazin

  • Allgemein
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress
  • Allgemein
  • Buchhaltung
  • Content Marketing
  • Design
  • Digitalisierung
  • E-Business
  • E-Commerce
  • E-Mail-Marketing
  • Finanzen
  • Freelancer
  • Hosting
  • HTML
  • HTML/CSS
  • Inspiration
  • IT Sicherheit
  • JavaScript & jQuery
  • Jobs & Karriere
  • Online-Marketing
  • Programmierung
  • Public Relations
  • Rechtliches
  • Responsive Design
  • SEA – Suchmaschinenwerbung
  • SEO
  • Showcases
  • Social-Media-Marketing
  • Tipps, Tricks & Tutorials
  • Tools
  • UX Design
  • VPN
  • Webdesign
  • WordPress

Rechtliches

  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑
  • Datenschutzerklärung
  • Geschäftsbedingungen (AGB)
  • Impressum
  • Kontakt
  • Privatsphäre-Einstellungen ändern
  • Historie der Privatsphäre-Einstellungen
  • Einwilligungen widerrufen
  • Nach oben ↑