Aperçu en direct d'images insérées dans un cours [Résolu]

[Killerboy]

Bonjour,

Mon problème :
Comment faire le rendu d'une page web sous un format image.

Explications :
Je travaille sur la conception du site Mathetikos qui mettra en ligne des cours de mathématiques.
Je souhaiterais mettre en place dans un formulaire, un système de prévisualisation du résultat de l'insertion d'une image dans une leçon en cours de rédaction. Je m'explique :

Lorsque l'utilisateur souhaite insérer une image dans un cours, celui-ci clique sur le bouton d'insertion d'images. Alors souvre une pop-up qui lui permet de renseigner plusieurs informations sur cette images (titre, légende, taille, ...), dont la position à laquelle elle se trouvera une fois que le cours sera prêt à être lu par l'élève. Je voudrais que le rédacteur puisse voir, en temps réel, où il choisit de placer cette image.

Cette pop-up ressemble à ceci :


http://www.mathetikos.com/extras/popup.png

Comme vous pouvez le voir, à gauche un panneau de positionnement via CSS, à droite, l'aperçu de l'image, encadrée en rouge, implantée dans le cours et apparaissant telle qu'elle le sera une fois le cours publié. (Il est entendu que ceci est un exemple et que ce cours est pris sur Wikipedia et traite du format SVG...)

Pour arriver à faire ceci, j'ai besoin de faire un rendu de la page web en cours de rédaction (avec un CSS particulier pour l'image en cours d'insertion qui mettra un cadre rouge autour, mais ce n'est pas le plus problématique, loins de là...). Puis de transformer ce rendu en format image centré autour de l'image insérée et enfin, de redimensionner ce travail.

Mon premier problème se situe au niveau du rendu de la page. Comment faire?
Mon serveur tourne sur un Ubuntu non graphique. J'ai installé : PHP5 et sa bibliothèque GD2 et ImageMagick. Mais je peux y installer n'importe quoi.

D'après vous, quelle est la meilleure méthode?

Merci,
Killerboy!

[Killerboy]

Je me demande aussi s'il est possible d'utiliser un navigateur internet qui ferait un rendu de ma page web bien que mon serveur soit non graphique.
En ligne de commande par exemple, un truc comme : firefox mon_url qui traiterai la page comme si elle allait s'afficher, sans que cela soit fait?

Merci!

[fdumont]

la bibliotheque GD2 permet de travailler sur les images


alors tu peux l'utiliser pour redimentionner etc

d'autre part il faut le renseigner dans le php.ini

[Killerboy]

C'est gentil, mais GD/GD2 sera insuffisant pour faire ce que je souhaite faire...
Je connais bien cette bibliothèque.
Mon équipe et moi avons trouvé une alternative

Je te remercie de ton aide.
Killerboy!

PS: Pour celles ou ceux qui chercheraient la solution : dans mon cas, n'ayant pas un serveur étant capable de lancer le rendu de la page Web dans un navigateur, cela est impossible. Sinon, il existait des moyens.
Nous avons résolu le problème en faisant un aperçu du cours en direct, au sein même du formulaire d'entrée de cours, dessous le textarea de saisi. C'est très pratique.