Text-basierte Dateien haben den gro\u00dfen Vorteil, dass sie mit jedem Text-Editor (wie Notepad, vim aber auch MS Word) bearbeitet werden k\u00f6nnen. In den wenigsten F\u00fcllen ist ein solches Werkzeug ausreichend. Komfort-Funktionen wie Syntax-Highlighting<\/em>, Code Snippets<\/em>, Autocomplete<\/em> oder Syntax-Pr\u00fcfung<\/em> nehmen einem Entwickler viel Arbeit ab und erlauben die Konzentration auf das Wesentliche. Es ist somit nicht wirklich verwunderlich, dass Profis spezielle Programme verwenden oder bestimmte Pr\u00e4ferenzen haben. Solche Werkzeuge k\u00f6nnen recht teuer sein. Es gibt sie aber auch – Open Source seit Dank – gratis.<\/p>\n <\/p>\n Kein Webentwickler w\u00fcrde in einem lebenden System arbeiten, doch es gibt Szenarien, die einen Online-Eingriff rechtfertigen. Dies kann die Entwicklung von klickbaren Design-Vorschl\u00e4gen sein, die Fehlersuche im Staging-Bereich (auf einem vergleichbar ausgestatteten Server), die Entwicklung von sonstigen Prototypen oder Anpassungen vor der Freigabe der Seite. Bei offline-Editoren – auf dem Rechner des Entwicklers heimisch – muss jede Datei\u00e4nderung automatisch auf den Server gespiegelt werden. Ist der Laptop gerade nicht verf\u00fcgbar, wird die Handhabung schwierig. An dieser Stelle kn\u00fcpft der Online-Editor ICEcoder<\/strong><\/a> von Matt Pass an. Es ist eine Webanwendung, die einige Open-Source-Bibliotheken verwendet und zu einem Projektmanagement-Tool mit einem leistungsstarken Editor verbindet. Es ist nicht so minimalistisch, wie Scripted<\/a> und l\u00e4sst sich wesentlich besser mit der Maus bedienen. Im Gegensatz zu XOSIDE<\/a> wird es weiter entwickelt und ist am ehesten mit Brackets<\/a> vergleichbar – wenn auch nicht der Zahl der Funktionen nach.<\/p>\n Auf der Benutzerseite wird ein moderner Browser mit Javascript-Unterst\u00fctzung erwartet. Es muss nicht der neueste Chrome sein, „IE >= 9“ w\u00e4re hingegen angebracht. Theoretisch ist auch die Verwendung auf dem Tablet m\u00f6glich, gestaltet sich in der Praxis jedoch meist als sehr umst\u00e4ndlich und tr\u00e4ge.<\/p>\n Auf der Serverseite wird PHP 5.3+ erwartet. Wichtig sind auch die Zugriffsrechte, die – weil vom Apache her gelesen und geschrieben wird – beim Systembenutzer desselben Webservers liegen m\u00fcssen: die zu bearbeitenden Ordner und Dateien sollten vom Apache als Benutzer oder von seiner Gruppe geschrieben werden k\u00f6nnen (was aus Sicherheitsgr\u00fcnden in einem Live-System nie der Fall sein sollte). (Weitere frei zu gebenden Ordner befinden sich im Installationsverzeichnis von ICEcoder selbst: ‚backups‘, ‚lib‘ und ‚test‘.<\/em>) Notfalls sollte man an diese zwei Zeilen denken:<\/p>\n … wobei www-data<\/em> der Name der Apache-Gruppe aus APACHE_RUN_GROUP<\/em> ist. Damit \u00e4ndert der Besitzer oder der Administrator unter Unixen die Berechtigungen.<\/p>\n Die Routine beschr\u00e4nkt sich auf das Entpacken des heruntergeladenen ZIP-Archivs<\/a> oder das Clonen des Repos<\/a> per<\/p>\n in ein Verzeichnis Ihrer Wahl. Es sollte kein<\/strong> Unterverzeichnis vom DocumentRoot der zu bearbeitenden Seite sein. Ein passender Eintrag in der Konfiguration von Apache macht dieses Werkzeug f\u00fcr alle Dom\u00e4nen verf\u00fcgbar. Gl\u00fcckliche Debian\/Ubuntu-Admins legen zu diesem Zweck diese Einstellungsdatei unter \/etc\/apache2\/conf.d\/ICEcoder.conf ab:<\/p>\n f\u00fcr die Nutzer aus einer .htpasswd-Datei oder:<\/p>\n im Falle von Authentifizierung der echten Unix-User.<\/p>\n Damit wird der ICEcoder (nach einem Neustart des Webservers) unter dem absoluten Pfad \/_coder\/<\/strong> erreichbar. Es ist doppelt vor Missbrauch gesch\u00e4tzt:<\/p>\n (Nat\u00fcrlich sind auch andere Authentifizierungsmodi m\u00f6glich. Die Passwort-basierende Authentifizierung sollte immer \u00fcber eine sichere Verbindung laufen.) Wer keinen Mi\u00dfbrauch durch Bugs in PHP oder ICEcoder bef\u00fcrchtet, setzt ein schlichtes<\/p>\n ein. Denn auch die IP-basierte Zugangsbeschr\u00e4nkungen lassen sich in der Software selbst regeln. Man kann auch ohne die Authentifizierung im ICEcoder arbeiten oder diese f\u00fcr den Multiuserbetrieb umschalten. Dazu Editiert man die selbsterkl\u00e4rende Datei<\/p>\n im Pfad des ICEcoders.<\/p>\n Ist man einmal im Reich des ICEcoders angekommen, sieht man links die Ordnerstruktur des DocumentRoot entsprechender Dom\u00e4ne, rechts den Editor mit Platz f\u00fcr viele Reiter. Bevor man mit den Ordnern und Dateien hantiert, lohnt ein Blick in die Einstellungen. Diese befinden sich – recht unscheinbar – oben rechts, zwischen dem Fragezeichen der Hilfe und dem Vollbild-Icon. Das kleine graue Zahnrad \u00f6ffnet ein modales Dialog-Fenster mit Informationen zur Installation und einigen Einstellungen. Darunter sind die Vorgaben f\u00fcr das Aussehen des Editors („theme“), Zeilenumbruch („line wrapping“), Einr\u00fcckung („indent type“ und „indent size“) sowie die Schriftgr\u00fc\u00dfe. Unter „assisting“ w\u00e4hlt man die Einstellungen f\u00fcr die kleinen Helfer wie: Sichtbarkeit der Tabulatoren oder Tastenkombination f\u00fcr Auto-Complete. Im „security“-Bereich l\u00e4sst sich das Passwort \u00e4ndern, IP-Zugriffssperre einrichten oder einzelne Verzeichnisse vom Zugriff herausnehmen.<\/p>\n Im linken Bereich findet man eine sch\u00f6ne hierarchische Auflistung aller Dateien und Ordner. Interessant ist die Funktionalit\u00e4t des Explorers: Das Umbenennen, das L\u00f6schen oder das \u00f6ffnen ist per Icon oberhalb aber auch per Kontextmen\u00fc m\u00f6glich, welches sich per Klick mit der rechten Maustaste auf eine Datei \/ einen Ordner \u00f6ffnet. Ein Upload oder Download funktioniert nur per Men\u00fc. Wer sich voll und ganz auf das Coden konzentrieren will, kann den Dateiexplorer-Bereich ausblenden lassen, indem er auf das Vorh\u00e4ngeschloss klickt. (Eine passende Voreinstellung locked nav<\/strong> befindet sich in den Einstellungen.)<\/p>\n Der Editor bietet viele interessante Funktionen eines Profi-Werkzeugs. Da w\u00e4ren:<\/p>\n Einige Tastenkombinationen machen das Leben leichter. Die ESC<\/strong>-Taste wird z.B. ihrem Namen gerecht: sie kommentiert die ausgew\u00e4hlte Stelle bzw. die Zeile, in der man sich befindet passend aus. STRG+ALT+1<\/strong> umh\u00fcllt den ausgew\u00e4hlten Text mit <h1> , STRG+ALT+i<\/strong> in ein <i>. Alle Kombinationen werden in der Hilfe (das wei\u00dfe Fragezeichen im grauen Kreis neben dem Icon der Einstellungen) erkl\u00e4rt.<\/p>\n Richtig Spa\u00df macht es erst, wenn einem viel Arbeit abgenommen wird. Das erreicht ICEcoder, indem er einige Plugins zur Verf\u00fcgung stellt. Am (per Voreinstellung) linken Rand taucht beim Dr\u00fcberfahren ein schwarzer vertikaler Balken auf. Das „+\/-<\/strong>„-Zeichen \u00f6ffnet das modale Dialogfenster mit einer noch recht \u00fcberschaubaren Liste von Erweiterungen auf.<\/p>\n Open Source ist ein Geben und ein Nehmen. Das zunehmend inflation\u00e4r verwendete englische Wort bei solchen Programmen lautet „donate“. \u00dcber ein Freibier w\u00fcrde sich Matt sicher freuen, doch auch Tests und Bugfixes nimmt er gerne auf Github entgegen. F\u00fcr alle Entwickler stellt ICEcoder ein JavaScript-API<\/a> im Browser und die PHP-Unterst\u00fctzung auf dem Server bereit. Dem Forken steht also nichts im Wege!<\/p>\nLive und online<\/h2>\n
Die Voraussetzungen<\/h3>\n
chmod g+rwX DateiOderVerzeichnis\r\nchgrp www-data DateiOderVerzeichnis\r\n<\/code><\/pre>\nDie Installation<\/h3>\n
git clone https:\/\/github.com\/mattpass\/ICEcoder.git\r\n<\/code><\/pre>\n Alias \/_coder \/Pfad\/zu\/ICEcoder\/\r\n <Directory \/Pfad\/zu\/ICEcoder\/>\r\n AuthType Basic\r\n AuthName \"Login zum Editor\"\r\n AuthUserFile \/Pfad\/zur\/Passwortdatei\r\n Require valid-user\r\n <\/Directory>\r\n<\/code><\/pre>\n Alias \/_coder \/Pfad\/zu\/ICEcoder\/\r\n <Directory \/Pfad\/zu\/ICEcoder\/>\r\n AuthType Basic\r\n AuthName \"Login zum Editor\"\r\n AuthPAM_Enabled On\r\n AuthPAM_FallThrough Off\r\n AuthBasicAuthoritative Off\r\n AuthUserFile \/dev\/null\r\n Require valid-user\r\n <\/Directory>\r\n<\/code><\/pre>\n\n
Alias \/_coder \/Pfad\/zu\/ICEcoder\/\r\n<\/code><\/pre>\nlib\/config___settings.php\r\n<\/code><\/pre>\nBin ich schon drin?<\/h2>\n
Die Verzeichnisstruktur<\/h3>\n
Editor & more<\/h3>\n
\n
Darf es ein wenig mehr sein?<\/h4>\n
\n
Wie kann ich mich Einbringen?<\/h2>\n