Problème d'affichage d'image avec HtmlViewer

**naute** · 03/05/2021, 19h59

Bonjour

.

Tout , ou presque, est dans le titre.

Code Lazarus:

Code pascal :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
 
unit Unit1;
 
{$mode objfpc}{$H+}
 
interface
 
uses
  Classes, SysUtils, Forms, Controls, Graphics, Dialogs, FramBrwz;
 
type
 
  { TForm1 }
 
  TForm1 = class(TForm)
    FrameBrowser1: TFrameBrowser;
    procedure FormActivate(Sender: TObject);
  private
 
  public
 
  end;
 
var
  Form1: TForm1;
 
implementation
 
{$R *.lfm}
 
{ TForm1 }
 
procedure TForm1.FormActivate(Sender: TObject);
begin
  FrameBrowser1.LoadFromFile('///home/naute/Applications/Lazarus/lazarus-2.0.13/projects/htmlviewer/test.html');
end;
 
end.

Code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<!DOCTYPE html>
 
<html>
 
	<head>
		<meta charset="UTF-8" />
		<title>Test HtmlViewer</title>
	</head>
 
	<body>
		<div>
			<p>Essai d'affichage d'une image PNG :</p>
			<img src="cheetah.png" alt="cheetah.png" />
		</div>
	</body>

Résultat :
Nom : affichage_htmlviewer.png
Affichages : 362
Taille : 10,6 Ko

Pour info, voilà ce que donne le même fichier HTML avec Firefox :
Nom : affichage_firefox.png
Affichages : 382
Taille : 255,1 Ko

Si quelqu'un a une idée, je suis preneur.

Merci d'avance,
naute

**Roland Chastain** · 04/05/2021, 08h18

Bonjour !

Personnellement, j'essaierais ou de mettre le document html dans le même dossier que mon application, ou de changer le répertoire courant avant de charger le fichier, ou de mettre le chemin complet de l'image dans le document.

**naute** · 04/05/2021, 11h34

Bonjour Roland

.

Envoyé par Roland Chastain

Personnellement, j'essaierais ou de mettre le document html dans le même dossier que mon application

C'est déjà le cas.

Envoyé par Roland Chastain

ou de mettre le chemin complet de l'image dans le document.

Comme ceci ?

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<!DOCTYPE html>
 
<html>
 
	<head>
		<meta charset="UTF-8" />
		<title>Test HtmlViewer</title>
	</head>
 
	<body>
		<div>
			<p>Essai d'affichage d'une image PNG :</p>
			<img src="/home/naute/Applications/Lazarus/lazarus-2.0.13/projects/htmlviewer/cheetah.png" alt="cheetah.png" />
		</div>
	</body>

Si oui, pas de différence.

Envoyé par Roland Chastain

ou de changer le répertoire courant avant de charger le fichier

Là, je ne vois pas trop ce que tu veux dire.

Merci pour ta réponse,
amicalement,
Hervé

**Roland Chastain** · 04/05/2021, 11h50

Envoyé par naute

Là, je ne vois pas trop ce que tu veux dire.

Je pensais à ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
procedure TForm1.FormActivate(Sender: TObject);
begin
  SetCurrentDir('///home/naute/Applications/Lazarus/lazarus-2.0.13/projects/htmlviewer/');
  FrameBrowser1.LoadFromFile('test.html');
end;

Mais bon, vu que les deux premières solutions n'ont rien donné, je ne pense pas que celle-ci fonctionne davantage.

Au fait, c'est normal les trois barres obliques au début du chemin ?

**Jipété** · 04/05/2021, 12h04

Salut les copains,

et avec une image .jpg ? Et .bmp ? .gif ?

**naute** · 04/05/2021, 12h34

Bienvenue Jipété

.

Envoyé par Jipété

et avec une image .jpg ? Et .bmp ? .gif ?

J'ai déjà essayé en .jpg et en .bmp (pas en .gif) : résultats identiques.

Envoyé par Roland

Je pensais à ceci :
.../...
Mais bon, vu que les deux premières solutions n'ont rien donné, je ne pense pas que celle-ci fonctionne davantage.

Pigé. Mais comme tu en fais toi-même la remarque, ça ne change rien.

Envoyé par Roland

Au fait, c'est normal les trois barres obliques au début du chemin ?

Oui, parce que théoriquement, il s'agit d'une adresse réseau.

J'ai même essayé avec un doctype HTML 4.01 des fois qu'il y aurait une incompatibilité avec HTML 5, mais non.

Ceci dit, au lieu d'utiliser le composant TFrameBrowser que j'avais privilégié dans la mesure où je comptais utiliser les cadres, je viens d'essayer avec le composant THtmlViewer du même paquet et là, ça fonctionne

, ce qui est surprenant vu que TFrameBrowser est basé sur THtmlViewer.

Les bizarreries habituelles de l'informatique

.

Bon ! je vais essayer de me passer des cadres et je vais passer en Résolu, bien que ce ne soit pas réellement le cas.

Merci pour votre aide à tous les deux,
amicalement,
Hervé

**Roland Chastain** · 22/05/2021, 08h38

Bonjour !

Je reviens à cette discussion pour signaler un message intéressant sur le forum anglophone :
https://forum.lazarus.freepascal.org...html#msg406603

**naute** · 24/05/2021, 10h16

Bonjour Roland

.

Envoyé par Roland Chastain

Bonjour !

Je reviens à cette discussion pour signaler un message intéressant sur le forum anglophone :
https://forum.lazarus.freepascal.org...html#msg406603

Tu ne peux bien sûr pas le savoir, mais j'ai déjà essayé le composant TIpHtmlPanel, et l'expérience que j'en ai eu n'a pas été concluante.

Entre autres reproches, les limitations que j'ai constatées, par rapport à THtmlViewer sont :

pas de support des fichiers CSS ;
pas de support de l'UTF8 ;
pas de support de l’hypertexte.

En ce qui me concerne, c'est rédhibitoire

.

Quant au composant TRichMemo, qui fonctionne très bien par ailleurs, il ne gère pas l'hypertexte, ce qui est normal, et il ne convient donc pas à l'utilisation que j'en aurais ici.

Le composant TECLightView que je ne connaissais pas pourrait être une alternative intéressante, mais son système de tags fait remonter à l'époque où on intégrait le CSS à l'intérieur de chaque balise HTML avec style=" " : pas très ergonomique. De plus, apparemment, il n'offre pas la richesse de personnalisation du CSS actuel, qui n'est d'ailleurs pas supporté intégralement, loin s'en faut, par THtmlViewer.

En tout cas, merci pour ce lien intéressant

.

Amicalement,
Hervé

Problème d'affichage d'image avec HtmlViewer [Lazarus]

Lazarus Pascal

Vue hybride

Discussions similaires

Partager

Partager