Prévisualisation temps réel d'un fichier HTML

[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?

[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é.

[Le Soldat Inconnu]

il ne faut rafraichir l'affichage que quand tu passes le focus au WebGadget

[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).

[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.

[Backup]

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

[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!

[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

[jbernard13]

super ar-s
merci

[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.

[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.

[Ar-S]

Effectivement je l'ai uniquement testé sous xp

[Warkering]

Mais comment fais-tu pour cette prévisualisation temps réel?

[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

[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!