TWebBrowser mit HTML und CSS

**fisipjm**

Hi,

ich versuche mit der TWebBrowser Komponente, ein im Code erzeugtes HTML Anzuzeigen.
Das klappt auch über die LoadFromStrings Funktion. Hat jemand schon Erfahrungen damit, wie ich dem Webbrowser ein CSS mitgeben kann?
Unter VCL würde das ja über das Document funktionieren. Ist im FMX aber nicht verfügbar.

Delphi-Version ist die 12er

Viele Grüße und einen guten Start in die Woche.
PJM

**stifflersmom**

Den CSS Block einfach als "html" Quelltext im Head mitzugeben funktioniert nicht?

markieren

Code:

			<head>

<style type="text/css">

    #csvForm {

        width: 90%;

        position: relative;

</style>

}

</head>

**Der schöne Günther**

Wenn du vorhast mehr Anzeige von Weboberflächen zu machen, dann würde ich empfehlen dir selbst einen kleinen Http-Server aufzusetzen (z.B. Indy's TIdHttpServer ), denn damit hast du dann alle Freiheiten und kannst z.B. einfach auf URLs wie

markieren

Code:

http://localhost:12345/interface/stuff/sensor3

verweisen und die Oberflächen auch in üblichen Editoren designen und ausprobieren.

**Gausi**

Wenn du das HTML selbst generierst, dann pack das CSS direkt mit in den HTML-Code rein. Das machen wir hier auch so für die Anzeige von konvertierten Markdown-Texten im TWebBrowser, und das funktioniert einwandfrei.

Anzeige von html aus Stringlisten mit Einbinden von anderen lokalen Dateien (oder auch Links auf lokale PDFs) machen im TWebBrowser (besonders im Edge-Modus) ziemnliche Probleme. Das dürfte aber auch ein Sicherheits-Feature sein ...

**fisipjm**

Hab es direkt über Styles im HTML eingebunden.
Dacht vielleicht es gibt etwas um das ein bisschen besser zu verwalten.
Danke!

**himitsu**

Jupp, CSS und JS kann man auch ins HTML integrieren.

Ebenso lassen sich über das DATA:-Protokoll Bilder inline im <img>-Tag mitgeben, sowie im CSS, auch innerhalb des HTML.
Und dann kann man auch Bilder, CSS und JS via RES:-Protokoll aus den Ressourcen (s)einer EXE oder DLL verlinken.

Zitat:

von anderen lokalen Dateien

War schom im IE so.
* Lokal gilt standardmäßig als eingeschränkte Zone
* während "sonstwas" aus dem Intranet oder von einem Share als "sicher" gilt
Ich würde es ja eher andersrum sehen,
drumm geben wir unsere HTML-Hilfe auch über einen lokalen TIdHttpServer raus. (auf jedem ClientPC an den Sicherheitseinstellungen rumzupfuschen, wollten wir nicht)

PS: Das Webinterface der Shelly-Geräte gibt "eine" HTML-Datei auf Port 80 raus, wo ALLES drin ist (CSS/JS/Bilder und Anzeige beim Blättern durch JS via Tabs/DIV umschalten)

**mytbo**

Zitat von fisipjm:

Dacht vielleicht es gibt etwas um das ein bisschen besser zu verwalten.

Wie es universell über einen integrierten Server funktioniert, ist in diesem

Artikel beschrieben.

Bis bald...
Thomas

TWebBrowser mit HTML und CSS

TWebBrowser mit HTML und CSS

AW: TWebBrowser mit HTML und CSS

AW: TWebBrowser mit HTML und CSS

AW: TWebBrowser mit HTML und CSS

AW: TWebBrowser mit HTML und CSS

AW: TWebBrowser mit HTML und CSS

AW: TWebBrowser mit HTML und CSS

Stichworte

Forumregeln

stifflersmom Registriert seit: 8. Dez 2005 Ort: 24994 Holt 374 Beiträge Delphi 10.2 Tokyo Professional	#2 AW: TWebBrowser mit HTML und CSS 15. Jan 2024, 09:10 Den CSS Block einfach als "html" Quelltext im Head mitzugeben funktioniert nicht? markieren Code: <head> <style type="text/css"> #csvForm { width: 90%; position: relative; </style> } </head>
	Zitat

fisipjm Registriert seit: 28. Okt 2013 251 Beiträge	#5 AW: TWebBrowser mit HTML und CSS 15. Jan 2024, 15:46 Hab es direkt über Styles im HTML eingebunden. Dacht vielleicht es gibt etwas um das ein bisschen besser zu verwalten. Danke!
	Zitat

mytbo Registriert seit: 8. Jan 2007 461 Beiträge	#7 AW: TWebBrowser mit HTML und CSS 15. Jan 2024, 16:09 Zitat von fisipjm: Dacht vielleicht es gibt etwas um das ein bisschen besser zu verwalten. Wie es universell über einen integrierten Server funktioniert, ist in diesem Artikel beschrieben. Bis bald... Thomas
	Zitat