Hallo EEler!

Für ein Projekt von mir müsste ich in Delphi einen Formular-Designer für HTML-Formulare schreiben. Der Designer soll so funktionieren, wie der von Delphi (also Komponente draufziehen, mit der Maus Größe ändern und verschieben, im Objectinspector weitere Eigenschaften bearbeiten).
Diese Formulare sollen dann als HTML-Datei gespeichert werden.
Um die Position der Buttons und Inputs festzulegen bietet sich ja top, left, width, height an. Das ist mein bisheriges Konzept. Bevor ich jedoch mit der Programmierung beginnen möchte, wollte ich fragen, ob es vielleicht noch andere Wege gibt die Position der Formular-Elemente anzugeben.

mfg Chromic


Moderiert von Narses: Topic aus Internet / Netzwerk verschoben am Di 29.06.2010 um 22:48

Chromic hat folgendes geschrieben :

Um die Position der Buttons und Inputs festzulegen bietet sich ja top, left, width, height an. Das ist mein bisheriges Konzept. Bevor ich jedoch mit der Programmierung beginnen möchte, wollte ich fragen, ob es vielleicht noch andere Wege gibt die Position der Formular-Elemente anzugeben.

mit "top, left, width, height" sollte das schon am bessten gehn!

Alternativen wären
"top, left, right, bottom" also linker oberer und rechter unterer Punkt
oder
"Mx, My, width, height" ähnlich wie deins, nur mit dem Objektmittelpunkt

da du aber mit HTML arbeiten willst, bleib lieber bei deinem Ansatz, der sollte am kompatibelsten sein.

Gruß,

Hallo Magic J!

Danke für die Zustimmung. Dann wäre das Thema mal gelöst

mfg Chromic

Ich habe einen Designer schonmal gebastelt, erstmal muss ich zur Arbeit, aber ich schau mal was ich davon noch habe. Da gab es irgendwo eine Unit dafür, die die Henkel an die Komponenten angebracht hat.

Hallo jaenicke!

Programmiert wird der Designer schon in Delphi. Meine Frage betrifft eher, wie ich die Position speichere (Top, Left, Width, Height).

mfg Chromic

Chromic hat folgendes geschrieben :

Hallo jaenicke! Programmiert wird der Designer schon in Delphi. Meine Frage betrifft eher, wie ich die Position speichere (Top, Left, Width, Height). mfg Chromic

Die Position solltest du als CSS formulieren:

Hallo Andreas L.!

Ja genau so wollte ich das machen

mfg Chromic

Hallo nochmal!

Auf was würdet ihr den Designer aufbauen? Zuerst dachte ich ja an einen ganz normalen Designer mit den Komponenten von Delphi (TButton, TEdit, etc.). Jetzt hatte ich aber auch die Idee, einfach sofort eine HTML zu generieren und diese mit TWebBrowser oder ähnlichem anzuzeigen. Dann hätte der Benutzer die Möglichkeit, die Änderungen am Style sofort zu sehen.

Wie denkt ihr darüber?

mfg Chromic

also Vorschau wär auf jedenfall gut.
aber BITTE sorg dafür das dein programm ordentlichen html/css code macht... ich kenn da ein paar mit dem code den die machen kann man jemanden erschlagen...

ansonsten tolle idee

Hallo glotzer!

glotzer hat folgendes geschrieben :

also Vorschau wär auf jedenfall gut. aber BITTE sorg dafür das dein programm ordentlichen html/css code macht... ich kenn da ein paar mit dem code den die machen kann man jemanden erschlagen...

Ja, daran werd ich mich auf jeden Fall halten. HTML + CSS wie der validator.w3c es mag ist mein ziel

glotzer hat folgendes geschrieben :

ansonsten tolle idee

Danke

mfg Chromic

Es gibt die Möglichkeit den TWebBrowser in den Designermodus umzuschalten, dann kann der schon komplett als solcher fungieren. Allerdings hat man dann noch jede Menge Arbeit daraus guten Code zu machen.

Dafür bekommst du so relativ einfach auch kompliziertere Schachtelungen und eingebettete Videos usw. hin. Während mit einem an Delphis Designer angelehnten Designer kaum sinnvoll mehr als absolute Positionierungen hinzubekommen sind.

Ja, und dann ginge natürlich auch noch selber zeichnen, aber das ist ziemlich sicher eine zu umfangreiche Aufgabe.

Ideen könntest du dir zum Beispiel bei Microsoft Expression Web holen, das generiert guten standardkonformen Code (mit Hinweisen bei Standardverletzungen) und ist gut aufgebaut. Auch die CSS-Verwaltung usw. ist super.

Hallo jaenicke!

Danke für den Tipp mit MS Expression Web, jedoch kostet das Tool 120€
Ich hab im Internet eine HTML-Darstellungskomponente gefunden. Jetzt muss ich mir nur noch überlegen, wie ich das mache. Eine Idee wäre, auf einem Reiter den Designer und auf einem anderen die Vorschau. Also den Designer mit den Delphi-Komponenten und die Vorschau in HTML. Aber vielleicht finde ich ja noch eine bessere Lösung, bei der Designer und Vorschau zusammenfallen.

mfg Chromic

Chromic hat folgendes geschrieben :

Danke für den Tipp mit MS Expression Web, jedoch kostet das Tool 120€

Ich weiß, ich habe ne Lizenz.
Zum Anschauen reicht aber auch die Trial. Und die Anordnung usw. ist schon sehr clever und zeitsparend gemacht.

Chromic hat folgendes geschrieben :

Aber vielleicht finde ich ja noch eine bessere Lösung, bei der Designer und Vorschau zusammenfallen.

Üblich sind hier bei den heutigen Tools 3 Reiter. Nur Code, nur Design und beides zusammen.

Wie du das dann mit der Vorschau machst, musst du schauen. Ich glaube das sinnvollste ist, dass du das selbst definierbar machst. Dann kann man sich immer ein oder zwei Module auf einen Reiter packen, ganz wie man das möchte, denn dieses Konzept passt finde ich auch dabei sehr gut. Wenn du das gut kapselst, ist die Umsetzung davon kein Problem (jetzt nur auf diesen Aspekt bezogen ).

Wenn ich dich jetzt richtig verstanden habe hab ich dann n PageControl mit 3 TabSheets:

• Designer mit VCL-Komponenten
  
• Stylesheet
  
• Vorschau des HTML-Formulars im TWebBrowser
  

Da dieser Editor Teil eines größeren Projektes werden soll muss ich mir überlegen, wie ich diesen am besten integriere.
Delphi macht das ja so, dass man entweder das Formular als Vorschau hat, oder die dfm als Textversion ansehen kann.
Naja, ich werd mir in den kommenden Tagen mal ein paar Gedanken zu dem Thema machen. Über Vorschläge wäre ich sehr dankbar.

mfg Chromic

Chromic hat folgendes geschrieben :

Delphi macht das ja so, dass man entweder das Formular als Vorschau hat, oder die dfm als Textversion ansehen kann.

Stimmt so nicht ganz. Da ich mit mehreren Bildschirmen arbeite (4), habe ich mir das Formular auf einen und den Quelltext auf einen anderen gelegt. Nach und nach unterstützen dies immer mehr Programme und auch Spiele.

Hallo Platzwart!

Also wären eigene Fenster sinnvoll, die man aber auch leicht auf einem Monitor betreiben kann.
Falls jemand eine Idee hat, wie man das geschickt umsetzen kann, immer her damit. Ich werd mir die kommenden Tage auch mal Gedanken dazu machen.

mfg Chromic

Hallo Sebastian und alle anderen!

Morgen werde ich mir mal Expression Web Trial herunterladen und installieren (Hab jetzt endlich den neuen PC zusammengestellt und ab morgen wird er mit meinen Apps gefüllt).

In der Zwischenzeit hab ich mir Gedanken darüber gemacht, wie man es machen könnte, dass der Designer alles gleich so anzeigt wie es dann im Browser aussieht. Momentan ist es ja so, dass auf einem Reiter normale Delphi-Komponenten zum Designen verwendet werden und auf einem anderen Reiter erst die Vorschau zu sehen ist. Das gefällt mir noch nicht so ganz. Mir wäre es lieber wenn beides auf einmal gehen würde. Also Designen und Vorschau zugleich. Dazu müsste ich den Designer aber wohl in JavaScript schreiben, was ich auch nicht will.

Hat jemand eine Idee wie ich dieses Manko beseitigen könnte?

mfg Chromic

Wie machst du es denn jetzt? Komponenten dynamisch erzeugen? Dann sollte's doch fast so aussehen wie im Browser.

Du könntest aber auch den THtmlViewer (pbear.com/htmlviewers.html) verwenden (oder hast du den schon?). Da kannst du dann auf Click-Ereignisse reagieren.

Da gibt es sogar eine Methode, um die Position im Quelltext zu bestimmen, wo das Element definiert ist, auf das der Caret zeigt. Brauchst du also nicht einmal JavaScript (was übrigens auch nicht unterstützt wird ).

Derzeit hab ich 3 Reiter eines TPageControls:
1) Designer (VCL-Komponenten)
2) Vorschau im TWebBrowser
3) Code-Editor

1) und 2) hätte ich jetzt eben gerne zusammengefasst. Werd mir THTMLViewer mal ansehen. Danke für den Tipp.

mfg Chromic