Discussion :

[v4np13]

Bonjour,
Je suis débutant en Delphi, et j'ai envie de m'amuser et de progresser. Je me suis donné comme objectif de réaliser un éditeur wysiwyg élémentaire (traducteur de texte mis en forme vers le HTML, un peu comme frontpage ou dreamweaver). Je me suis limité à quelques fonctions: gras, italique, souligné, police, couleur, taille et arrière plan. Je me demandais comment je pourrais traduire celà en HTML. Je pensais dans un premier temps de traiter les caractères, l'un après l'autre.

Donc salut aurait donné:

Code :

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

<i>s</i><i>a</i><i>l</i><i>u</i><i>t</i>

Et par la suite supprimer </i><i>, mais je me rends compte que si l'utilisateur veut mettre du texte en gras, italique et rouge, cette méthode risque de poser problème.

Comment pourrais-je procéder ?

Merci d'avance

[ToTo13]

Bonjour,

je ne suis pas sûr que ce soit la meilleure façon (la plus simple) de commencer.
Pour tout ce qui est langage, il faut un peu (voire totalement) se ramener au problème des compilateurs ou de traitement du langage (tal) :
- analyseur lexical : lit les différents mots
- analyseur syntaxique : vérifit la syntaxe de ton code et dans ton cas générera la sortie (mise en forme et traduction)
- analyseur sémantique : mélangé au syntaxique qui vérifit si les mots renvoyé par l'analyseur lexical font bien parti du vocabulaire que tu souhaites utiliser.

[v4np13]

L'utilisateur pourrait aussi faire des mots avec des lettres de couleurs différentes... salut

Si j'analyse mot à mot ça posera problème

[ToTo13]

Bonjour,

je suis d'accord, mais faire un analyseur lettre par lettre est assez difficile. Tu peux continuer de lire mot à mot comme dans tout compilateur, tout en gardant les informations de couleurs.

[Graffito]

Bonjour,

Il me paraitrait souhaitable de disjoindre la représentation interne du texte qui permet de gérer l'interface Wysiwig et sa traduction en HTML.

Pour le ttx simple recherché, une structure interne simple consisterait à avoir pour chaque lettre un caractère et différents attributs.

A partir de là définir un objet texte serait composé d'une liste de lettre et il faudrait définir les fonctions qui peremettent de gérer le wysiwig :
- affichage du texte complet,
- convertir la position dans le texte en position curseur et réciproquement,
- sélection d'une partie de texte,
- effacement du texte sélectionné,
- ...
On pouurait utilement s'inspirer des propriétés, méthodes et événements du composant standard TRichedit

Ensuite, convertir la structure interne (liste de caractères et d'attributs) au format HTML et inversement.

Celà dit, réaliser un Wisiwig d'emblée est peut-être un peu ambitieux quand on débute.

[cedric49fr2000]

salut,

j'ai cree dans le forum developpement windows une discution sur les fondements d'une interface wysiwyg.

precisemment ce qui m'interesse c'est de decouvrir ce qui se cache derriere ce type d'interface, quel est le mode de representation des donnees et de representation a l'ecran.

en gros quel sont les concept et paradygme sous tendu par ce type de fonctionnement.

au plaisir ,

cedric

[cedric49fr2000]

je suis parfaitement d'accord sur le fait de faire une seule chose a la fois.

la representation des donnees destine au travail devrait etre separe de la traduction de ces donnees.

Pour ce qui est du traducteur (l'automate destine a la transformation en html), il n'a nullement besoin du mot entier. d'aillerus pour lui un mot est un ensemble de caractere compris entre deux separateur.

dans le cas ou chaque lettre a une couleur differente, chaque lettre sera considere comme un mot. de meme l'espace entre deux mots (mot au sens humain du terme) sera aussi considere comme un mot a traiter.


ce qui est important selon moi c'est l'unite de formatage et non l'unite linguistique.

au plaisir ,
cedric

[v4np13]

J'arrive presqu'au bout du développement de l'éditeur wysiwyg élémentaire (se limite au gras souligné, italique, couleur, police, taille de la police, arriere plan). Il me restera à fignoller mais si vous désirez, je pourrais vous envoyer ce que j'ai fait ainsi vous pourrez me critiquer pour que je progresse