Neuer HTML-Viewer/Renderer (Pixie) für Lazarus

[Jorg3000]

Tach!
Ein Entwickler aus Australien hat im englischen Forum https://forum.lazarus.freepascal.org/in ... 666.0.html
bekannt gegeben, dass er seine neue HTML Rendering Engine "Pixie" heute auf Gitlab https://gitlab.com/retrofoxed/pixie
in purem Pascal (für Lazarus und Delphi) als Open Source veröffentlicht hat, mit MIT Lizenz.

Ein Vorteil von Pixie ist, dass er eine gute CSS-Unterstützung bietet und mehr kann als bisherige HTML-Viewer.
Außerdem funktioniert es ohne externe Abhängigkeiten auf vielen Plattformen: "Compiles with Lazarus/FPC targeting Windows (32/64), Linux (x64, ARM64), and macOS (x64, ARM64)."

Am liebsten hätte ich hier selber schon einen ersten Testbericht dazu abgeliefert, aber an diesem Wochenende habe ich keine Zeit dafür.
Außerdem bräuchte ich für meinen Bedarf eigentlich etwas mit JavaScript, aber das ist nicht in Sicht.
Im englischen Forum waren einige ganz wild auf die neue Komponente. Deshalb wollte ich hier im deutschen Forum zügig darauf hinweisen.
Vielleicht findet sich jemand, den es interessiert und der seine ersten Erfahrungen hier berichten möchte.
Schönes Wochenende!
Jörg

[af0815]

Danke für die Info

[kirchfritz]

Hallo Jorg3000:
Ich benutze Mustang-CLI um in ZUGFeRD eingebettete factur.x xmls als HTML zu visualisieren.
Diese ZUGFeRD-HTMLs sehen im Browser aufgerufen sehr schön aus,
Jetzt dachte ich mir, nimmste diesen neuen HTML-Viewer/Renderer (PIXIE) und zeigst damit das ZUGFeRD-HTML im Lazarus-Programm.
Funktioniert leider nicht so wie erwartet.
Die Menüpunkte im ZUGFeRD-HTML sehen nicht so aus, wie im Browser.
Schade!
Scheinbar ist das ZUGFeRD-HTML zu wenig statisch, oder mit anderen Worten: zu sehr dynamisch.

[Jorg3000]

Die Menüpunkte im ZUGFeRD-HTML sehen nicht so aus, wie im Browser.

Wenn du ein HTML hochlädst (fiktive Rechnung) schaue ich mir das CSS gerne mal an.
Am besten mit Screenshots beider unterschiedlichen Darstellungen.
Pixie ist ja nagelneu, vielleicht können wir etwas als Bug melden.

[kirchfritz]

Hallo jorg3000:

im Anhang die gezippte html-Datei.
Das "Problem" ist das als JavaScript umgesetzte Menü.

Vielleicht hat jemand eine Idee, wie man die Menüfunktionalität ohne JavaScript umsetzen könnte.

[Jorg3000]

Das "Problem" ist das als JavaScript umgesetzte Menü.

Ach so, JavaScript lässt sich meistens nicht einfach ersetzen.
Du hast also nicht nur die Darstellung einer HTML-Rechnung (woran ich gedacht hatte), sondern auch ein Menü mit Programmlogik in JavaScript?!
Dafür ist der HTML-Renderer nicht geeignet. Denn ich habe bisher noch nicht gelesen, dass jemand JavaScript an den DOM dranbauen kann/will.

Ich habe das gleiche Problem, weil ich auch gerne JavaScript nutzen würde.
Ich hätte gerne in einer geschlossenen .exe eine HTML5 Anwendung mit JavaScript als GUI, befeuert durch Pascal im Backend.
Deshalb wurschtele ich gerade mit Windows Edge WebView2, was aber halt erst mal nur für Windows funktioniert.

[Ally]

Hallo kirchfritz,

Vielleicht hat jemand eine Idee, wie man die Menüfunktionalität ohne JavaScript umsetzen könnte.

Im Anhang ein kleines Beispiel, wie man so ein Menü mit CSS realisieren kann.

[kirchfritz]

Hallo Ally,

könntest Du noch zeigen, wie man deine index.html in den HTMLViewer/Renderer (Pixie) lädt und das Menü, so funktioniert, wie man sich's vorstellt?
Also beim Menü-Klick die entsprechende HTML-Seite laden?

[Ally]

Hallo kirchfritz,

mit "Pixie" kenne ich mich leider nicht aus.
Aber da meine Lösung für das Menü nur aus HTML und CSS besteht, sollte sie mit "Pixie" ja eigentlich verwendbar sein.

[Jorg3000]

Hallo kirchfritz und Ally!
Ihr sprecht von unterschiedlichen Sachen ...

1.) Dass das Menü in der Rechnung von kirchfritz in Pixie nicht hübsch aussieht, liegt an der noch unzureichenden CSS-Unterstützung des nagelneuen Pixie.
Das Problem erledigt sich vielleicht bald, denn derzeit gibt es zahlreiche Bugfixes.

2.) JavaScript
Allys Menü kommt ohne JavaScript aus, aber das betrifft nur das Menü selbst. Die Menüpunkte verlinken klassisch auf Unterseiten (weitere HTML-Dateien).
Hingegen erfüllt das Menü bzw. JavaScript in der Rechnung von kirchfritz ganz andere Aufgaben, nämlich blendet es Bereiche innerhalb derselben Seite ein und aus - eine Single-Page-Anwendung ohne Links auf zusätzliche HTML-Dateien.
In der Rechnung von kirchfritz lässt sich das JavaScript deshalb nicht ersetzen - und somit kann es in Pixie nicht funktionieren.