Bessere Editoren für HTML/PHP und CSS

foogy · Beitrag von **foogy** » Fr 29. Dez 2006, 13:24

Hallo,

gibt es eigentlich bereits eine Alternative zu der normalen TEXTAREA als Editor für CSS, HTML und PHP Code im Backend? Textareas sind leider nur umständlich zu bedienen. Einen Tabstopp dort hinenzukriegen ist ein mittlerer Akt. Jeder neue Zeilenumbruch beginnt wieder bei Spalte 1.

Evtl. gibts fertige Java-Applets, die man als komfortablen Editor verwenden könnte.

Beitrag von **Dodger77** » Fr 29. Dez 2006, 13:34

So einer ist schon enthalten, wenn auch ziemlich buggy. Aktivieren lässt der sich auf dem Startschirm nach dem Login im Backend unter "Einstellungen->Optionen->JAVA-Moduleditor verwenden".

Beitrag von **Dodger77** » Fr 29. Dez 2006, 13:57

Dennoch könnte natürlich sowas hier interessant sein:

http://codepress.fermads.net/

Beitrag von **HerrB** » Fr 29. Dez 2006, 14:38

Bitte nicht den Java-Editor empfehlen, der ist nicht für die Benutzung geeignet!

Einen Tabstopp dort hinenzukriegen ist ein mittlerer Akt

Zumindest für die Module gibt es Abhilfe, siehe docs/techref/backend... (Tabstops im Modul-Code).

Bei der Gelegenheit weise ich auch gerne nochmal auf die Anzeige der Zeilennummer im Fehlerfall hin (siehe an gleicher Stelle)...

Gruß
HerrB

Beitrag von **Dodger77** » Fr 29. Dez 2006, 14:41

HerrB hat geschrieben:Bitte nicht den Java-Editor empfehlen, der ist nicht für die Benutzung geeignet!

Hm, dann weiß ich ja, warum ich den nicht verwende. Ich werde aber auf jeden Fall mal einen Blick auf dieses Codepress werfen.

foogy · Beitrag von **foogy** » Fr 29. Dez 2006, 15:02

Dodger77 hat geschrieben:
HerrB hat geschrieben:Bitte nicht den Java-Editor empfehlen, der ist nicht für die Benutzung geeignet!
Hm, dann weiß ich ja, warum ich den nicht verwende. Ich werde aber auf jeden Fall mal einen Blick auf dieses Codepress werfen.

Ja, das scheint genau das zu sein, was ich suche. Werde an nem freien Wochenende mal versuchen, das einzupflanzen. Danke für den Tipp.

Beitrag von **HerrB** » Fr 29. Dez 2006, 15:29

Das wurde schon mal versucht (siehe Contenido Development) - lasst euch nicht aufhalten. Wäre natürlich schön.

Die damalige Lösung basierte auf dem tinyMCE (heftig angepasst) - dort war der Versuch gescheitert, da die benötigte Zeit für das zusätzliche Highlighting (Code parsen + notwendiges HTML ergänzen + Darstellung durch Browser) exponentiell stieg und bei relativ kleinen Modulen nicht mehr akzeptabel war.

Das bitte bei der neuen Lösung testen...

Gruß
HerrB

Beitrag von **Dodger77** » Fr 29. Dez 2006, 19:59

Ich habe mal ein wenig gecoded bis ich den angesprochenen Editor eingebaut habe. Insbesondere wollte der recht ungern mit mehr als einer Textarea umgehen. Das läuft aber jetzt.
Die Performance ist natürlich ein nicht unerheblicher Faktor. Deshalb habe ich mal die Article List Advanced eingebaut und IMO läuft das dabei flott genug. Größere Module (ich habe mal mit gut 2000 Zeilen jeweils für Input und Output getestet) scheinen meinen Rechner dann aber doch etwas zu beanspruchen. Wer das mal kurz testen mag, kann ja kurz hier vorbeischauen:

http://spielwiese.contenido-tutorials.d ... rmationen/

Beitrag von **HerrB** » So 31. Dez 2006, 15:15

Lecker. Mit den vorhandenem Beispiel-Code (class.htmlelements.php) ist es noch erträglich. Ein wenig wie Honig. Auch das nachträgliche Highlighten scheitert (z.B. if bleibt iyippif = violett).

Im Eingabe-Bereich findet kein Hightlighting statt, da er nicht mitbekommt, dass da PHP bereits aktiv ist (keine <?php ... ?> Tags).

Waren die notwendigen Änderungen für beide Felder kosmetisch oder sollte man das an den Programmierer weitergeben (wenn wir das einbauen wollen, sollte das nach Möglichkeit wie beim tinyMCE funktionieren, also unabhängig von Contenido aktualisierbar)?

Kann man das dynamisch an- und ausknipsen? D.h. sagen wir mal, ich will mal schnell tippen/copy-paste machen und erst danach das Highlighting aktivieren.

Gruß
HerrB

Beitrag von **Dodger77** » So 31. Dez 2006, 15:49

HerrB hat geschrieben:Lecker. Mit den vorhandenem Beispiel-Code (class.htmlelements.php) ist es noch erträglich. Ein wenig wie Honig. Auch das nachträgliche Highlighten scheitert (z.B. if bleibt iyippif = violett).

Ja, das ist nicht so schön. Außerdem stolpert das Script über so hübsche Sachen wie:

Code: Alles auswählen

$regEx = "/<img[^>]*?>.*?/i";

HerrB hat geschrieben:Im Eingabe-Bereich findet kein Hightlighting statt, da er nicht mitbekommt, dass da PHP bereits aktiv ist (keine <?php ... ?> Tags).

Richtig, obwohl ich da eher die "Schuld" bei Contenido sehe.

HerrB hat geschrieben:Waren die notwendigen Änderungen für beide Felder kosmetisch oder sollte man das an den Programmierer weitergeben (wenn wir das einbauen wollen, sollte das nach Möglichkeit wie beim tinyMCE funktionieren, also unabhängig von Contenido aktualisierbar)?

Ich denke, den Punkt mit dem Input wird wohl an mir/uns hängen bleiben. Das ist aber kein Thema, da man die regulären Ausdrücke für eigene Sprachen (in unserem Fall also "cInput") ohne weiteres hinzufügen kann. Für jede Sprache gibt es eine eigene JavaScript-Datei für die regulären Ausdrücke und eine CSS-Datei für das Highlighting.
Ein paar Dinge sind aber schon aufgefallen, die man an den Programmierer weitergeben kann, z.B. die Nutzung mehrerer TEXTAREAs.

HerrB hat geschrieben:Kann man das dynamisch an- und ausknipsen? D.h. sagen wir mal, ich will mal schnell tippen/copy-paste machen und erst danach das Highlighting aktivieren.

Zur Zeit noch nicht, aber das ließe sich sicherlich leicht hinbiegen. Der Ansatz des Scripts bringt aber als Unschönheit mit, dass die Bearbeitung in einem IFRAME geschieht, dass sich dynamisch die Inhalte aus der TEXTAREA herausholt. Dabei wird die TEXTAREA dann durch "display: none;" versteckt.

Wenn ich in den nächsten Tagen Zeit habe, schaue ich mir das nochmal alles ein wenig an. Auch scheint eine neue Version in Entwicklung zu sein, mal sehen, was dabei so ansteht.

foogy · Beitrag von **foogy** » Mo 1. Jan 2007, 12:38

Dodger77 hat geschrieben:Ich habe mal ein wenig gecoded bis ich den angesprochenen Editor eingebaut habe. Insbesondere wollte der recht ungern mit mehr als einer Textarea umgehen. Das läuft aber jetzt.
Die Performance ist natürlich ein nicht unerheblicher Faktor. Deshalb habe ich mal die Article List Advanced eingebaut und IMO läuft das dabei flott genug. Größere Module (ich habe mal mit gut 2000 Zeilen jeweils für Input und Output getestet) scheinen meinen Rechner dann aber doch etwas zu beanspruchen. Wer das mal kurz testen mag, kann ja kurz hier vorbeischauen:

http://spielwiese.contenido-tutorials.d ... rmationen/

Hallo Dodger77, auf deiner Spielwiese sieht das doch schon sehr gut aus. Kannst du bei Gelegenheit vielleicht mal kurz zusammenfassen, wo du Überall editieren musstest, bis dieser Editor statt der Textareas erscheint?
Die Krönung wäre natürlich, wenn man die einzelnen Eingabebereiche vorübergehend maximieren kann.

Achso: frohes Neues übrigens!

tinof · Beitrag von **tinof** » Mi 24. Jan 2007, 21:01

Hallo !
Ich bin neu hier und möchte mich vor meiner Frage kurz vorstellen.
Ich arbeite bereits > 10 Jahre als Softwareentwickler und betreue / entwickle / warte in dieser Funktion mehrere Projekte in Delphi (alle Versionen), VB und Access.

HTML, PHP, CSS sind Neuland für mich, aber ich möchte mich der Herausforderung stellen. Hintergrund ist ein konkretes Kundenprojekt - unter Verwendung von Contenido.

Ich habe auch schon meine ersten Modulversuche zum Laufen gebracht, ein wenig an den Stylesheets 'herumgedreht' und mich an Templates versucht. Es funktioniert und das Gesamtkonzept gefällt mir sehr gut - aber ich brauche dafür sehr lange.

Ich habe schon etwas quer durch's Forum gesucht - aber mir stellt sich zu Beginn - als von 'rapid prototyping - IDEs' verwöhnter Entwickler die Frage :

Schreibt Ihr allen HTML - Code, die CSS dazu und dann noch das ganze PHP in den eingebauten Editoren oder verwendet Ihr auch externe Werkzeuge ?
Wenn ja, was empfehlt Ihr einem Greenhorn ?

Wie ist der Stand des Editors der in diesem Thread vorgestellt wird ?

Danke im Vorauss !

Tino

stese · Beitrag von **stese** » Mi 24. Jan 2007, 21:16

hi,

also ich gehe so vor:
html/css in homesite - baue mir einen dummy, der voll funktioniert und vom kunden abgenommen wird. danach zerhacke ich den in ein groblayout und templates für meine module.

php schreibe ich immer in einer g'scheiten IDE, ich nutze zend, aber man kann genauso auch eclipse etc nutzen. umfangreichere module schreibe ich in externe php klassen, die ich im modul nur includiere, und die aufrufe starte. sprich: den internen editor nutze ich nur für nachträgliche, kleinere änderungen - wenn die änderungen umfangreicher werden, dann copy paste wieder ins zend.

soll heissen: ich würde den integrierten editor hier nie nutzen, wenn er denn mal eingebaut werden sollte.

tinof · Beitrag von **tinof** » Do 22. Feb 2007, 15:35

Hallo nochmal,

danke zunächst (wenn auch reichlich spät) für die Tipps von stese. Ich habe mich nun in der für mich neuen Welt etwas umgeschaut, und folgende Programme getestet - unter dem Focus, möglichst etwas analog zum gewohnten (Delphi) zu finden :

Homesite ist für das Design mein Favorit, die 'Objektinspektor' - Fenster für alle Tags helfen dem unerfahrenen Web - Designer ungemein.
Da ich aber im aktuellen Projekt nur fertige Vorlagen mit (PHP) Leben erfüllen muß, bin ich bei WebCraft Webweaver gelandet - eigentlich nur weil das im Gegensatz zu Homesite Freeware ist. Die Programmier - Hints zeigen hier auch alle zulässigen Eigenschaften der Tags an, nur nicht so komfortabel wie im Homesite. Aber sogar mit integriertem php - Syntaxcheck, sehr hilfreich (und das habe ich noch nicht mal bei Homesite gefunden).

Für CSS habe ich mit TopStyle Lite ausgewählt - auch hier wieder ein schöner Eigenschafts - Editor für alle Formatangaben.

Für die PHP - Programmierung habe ich Zend, Eclipse mit diversen Pugins (z.B. Aptana), NuSphere PHP Edit und schließlich PHPEdit von Waterproof- Software getestet.
Nur der Letztere hat mich schließlich überzeugt, er war für mich am logischten / einfachsten und der integrierte Debugger hat sich auch gleich 'mal durch's Contenido debuggt - das ist mir mit den anderen Umgebungen nicht gelungen (Was aber auch durchaus an meiner Unerfahrenheit und nicht an den Programmen liegen mag). Außerdem bietet er eine sehr sinnvolle Projektverwaltung und inzwischen geht auch der echte PHP - Debugger aus dieser IDE heraus.

Ok, das alles nur, falls es wieder mal einen ähnlichen Bedarfsfall geben sollte.

Ich habe da aber auch mal noch eine Frage

Wenn ich ein Modul innerhalb von Contenido laufen lasse, habe ich schön initialisierte Variablen, aktive Sessions, alle includes usw.
Wenn ich den Modulcode 'extern' für sich allein testen will, fehlt mir dies alles. Ich habe mir schon eine bootstrap.php mit diversen includes und defines gemacht, aber irgenwas fehlt immer. Auch include ("startup.php") usw. brachten nicht den gewünschten Erfolg.
Gibt es einen Trick / eine "externe Runtime" dafür ? Oder ist mein Denkansatz vielleicht komplett falsch ?

Danke im Vorraus !
Tino

Beitrag von **HerrB** » Do 22. Feb 2007, 15:48

Nein, Dein Denkansatz ist soweit korrekt. Nur brauchst Du eine Session (-> Login) und in vielen Fällen die Frame-Umgebung, damit alles funktioniert.

Solltest Du eine Lösung finden, sind wir Dir unendlich dankbar.

Gruß
HerrB