Page 1 sur 2
Prévisualisation temps réel d'un fichier HTML
Publié : lun. 17/mai/2010 5:22
par Warkering
Bonjour!
Pour mon projet de cours à l'école, je dois coder un site d'actualité pour ma municipalité. Malheureusement dans ma démarche pour trouver un éditeur de code qui me convient, je n'ai rien vraiment aimer. J'ai donc choisis de créer mon propre éditeur de code Web. Je le souhaiterais rapide, léger, mono-fichier et avec prévisualisation.
Je butte par contre contre un mur. Je ne suis pas capable de trouver une façon "propre" de faire une prévisualisation temps réel de ma page. Sachant que mon EditorGadget et que mon WebGadget ont chacun leur onglet respectif ( «Fichier source» et «Prévisualisation» ) , je voudrais que lorsque l'on passe à l'onglet Prévisualisation, l'on puisse avoir un aperçu du code présentement contenu dans l'EditorGadget.
Malheureusement, toutes les tentatives que j'ai effectuées étaient un vrai cauchemar côté mémoire vive l'or de la manipulation de gros fichiers.
Avez-vous une idée?
Re: Prévisualisation temps réel d'un fichier HTML
Publié : lun. 17/mai/2010 6:35
par jbernard13
c'est pas :
je travaille aussi sur un editeur web et la soluce que j'ai trouvé c'est de crée un fichier temporaire et qui sera ensuite recharger dans le webgadget et effacé quand tu retrouvera dans l'editeur .
c'est la seule solution pour ma part que j'ai trouver .
mais
Je travaille aussi sur un éditeur web et la soluce que j'ai trouvé c'est de créer un fichier temporaire et qui sera ensuite rechargé dans le webgadget et effacé quand tu te retrouvera dans l'éditeur .
c'est la seule solution pour ma part que j'ai trouvé.
Re: Prévisualisation temps réel d'un fichier HTML
Publié : lun. 17/mai/2010 8:36
par Le Soldat Inconnu
il ne faut rafraichir l'affichage que quand tu passes le focus au WebGadget
Re: Prévisualisation temps réel d'un fichier HTML
Publié : lun. 17/mai/2010 8:44
par Cls
Eclipse ou Dreamwaver propose ce que tu désires. Maintenant, c'est bien plus rigolo de la programmer soi - même

(et niveau légèreté on repassera).
Re: Prévisualisation temps réel d'un fichier HTML
Publié : lun. 17/mai/2010 22:33
par Warkering
Ouais, mais c'est des ambitions ça!
Je sais qu'il ne faut rafraîchir la page que lorsque le focus passe à celui-ci. Je sais très bien comment le faire fonctionner, mais je stagne sur ce petit prévisualisateur.
La solution du fichier temporaire; c'est justement ces solutions là qui sont les plus bourrantes côté ressources. J'ai vu une autre façon avec #PB_WebGadget_HtmlCode ou quelque chose comme ça, mais après de vaines tentatives, rien.
Re: Prévisualisation temps réel d'un fichier HTML
Publié : lun. 17/mai/2010 23:32
par Backup
Warkering a écrit :Bonjour!
Pour mon projet de cours à l'école, je dois coder un site d'actualité pour ma municipalité. Malheureusement dans ma démarche pour trouver un éditeur de code qui me convient, je n'ai rien vraiment aimer.
(perso j'utilise Kompozer , il est freeware et performant ) :
http://www.gratuitest.com/articles.php?lng=fr&pg=538
Re: Prévisualisation temps réel d'un fichier HTML
Publié : mar. 18/mai/2010 3:27
par Warkering
Je peux vous dire que j'ai vraiment tout essayer, j'ai flirter 2 semaines avec une bonne vingtaine d'éditeurs différents, mais je n'ai pas trouver de semblable à mon vieux Post-It, un éditeur qui semble avoir disparu de la Toile.
Mais aussi, pour être clair, l'éditeur que je code rentre aussi dans le projet donc!

Re: Prévisualisation temps réel d'un fichier HTML
Publié : mar. 18/mai/2010 8:48
par Ar-S
J'ai aussi commencé il y a un petit moment un soft de ce genre.
Pour le moment il est de coté mais si tu veux voir ce que ça donne :
Si tu veux directement essayer ce que ça donne :
http://arsworld.free.fr/pb/tinyweb.zip
Clique sur l'onglet Code HTML
Tous les boutons ne sont pas encore fonctionnel mais ça te donne un aperçu de la création en temps réel.
Au final j'ajouterai une partie CSS aussi.
Voilou
Re: Prévisualisation temps réel d'un fichier HTML
Publié : mar. 18/mai/2010 10:01
par jbernard13
super ar-s
merci
Re: Prévisualisation temps réel d'un fichier HTML
Publié : mar. 18/mai/2010 14:06
par Geo Trouvpatou
Ar-S sous Seven, ton programme fonctionne mal.
Je peux juste ajouter des tags, mais le curseur ne va pas dans la zone éditable (En haut j'imagine), je ne peux donc pas ajouter de texte.
Et n'oublies pas ce
post, d'ailleurs quand je donne l'adresse du code original de LSI, dans sa version intégrale, il y a aussi la possibilité de mettre un tag à l'endroit du clignotement du curseur.
Maintenant dans ton éditeur on peut peut-être déjà sélectionner une portion de texte et appliquer les tags avant et après, mais comme je t'ai dit, chez moi ça ne fonctionne pas.
Au passage dans le code du lien que j'ai mis, pour la version Linux, d'après mes recherches, buffer est un pointeur, donc dés que je serais sous Linux, je modifierais, testerais et actualiserais le post.
Bye.
[EDIT]Même sous XP ça ne fonctionne pas, on ne peut pas ajouter de texte.
Re: Prévisualisation temps réel d'un fichier HTML
Publié : mar. 18/mai/2010 19:15
par Warkering
Moi aussi j'ai un petit problème.
Je peux ajouter les balises en cliquant sur les boutons, mais je ne peux pas passer le focus à l'éditeur.
Du genre, je clique sur l'éditeur de code Html, mais le curseur disparaît tout de suite et je ne peux modifier/sélectionner le texte à l'intérieur.
Sinon, c'est exactement ce que je souhaite, mais séparé dans un autre onglet.
Re: Prévisualisation temps réel d'un fichier HTML
Publié : mar. 18/mai/2010 20:04
par Ar-S
Effectivement je l'ai uniquement testé sous xp
Re: Prévisualisation temps réel d'un fichier HTML
Publié : mar. 18/mai/2010 21:30
par Warkering
Mais comment fais-tu pour cette prévisualisation temps réel?
Re: Prévisualisation temps réel d'un fichier HTML
Publié : mar. 18/mai/2010 23:59
par Ar-S
Et bien je renvoie le focus constament sur l'editor et vis et versa..
#web c'est le WebGadget
#html c'est l'EditorGadget
dans ma boucle je fais simplement :
Code : Tout sélectionner
Case #Web : SetGadgetState(#HTML,1) ; lui ne fait que rendre le focus à l'editeur
Case #HTML : SourceWeb$=GetGadgetText(#HTML)
SetGadgetItemText(#Web, #PB_Web_HtmlCode, SourceWeb$) ; on affiche le contenu de l'editeur dans le webgadget
SetGadgetState(#HTML,1); on redonne le focus à l'editeur
Re: Prévisualisation temps réel d'un fichier HTML
Publié : mer. 19/mai/2010 5:26
par Warkering
Bordel!
Désolé du mot, mais, j'avais essayé de toutes les façon avec cette méthode, ça n'avais pas fonctionné.
Fallait bien que tu le dises pour que PB m'écoute et le fasse fonctionner!
Merci!