Version imprimable
bonjour
je souhaite comparer deux string contenant du code html.
string 1 est le texte orioginal
string 2 est la version corrigée
Suite à la comparaison des string je souhaiterai visualiser les modifs en associant un style à chaque groupe de difference, encadrer les modif de balise span.
je souhaiterai definir un ensemble de variables pour definir des groupes de caratère à ne pas comparer (tag hml de mise ne page)
Comment aborder le probleme, quelles fonctions, quelle logique ??
merci d'avance
Salut,
ton problème semble bien complexe. Tout d'abord est-ce que tu dois interpréter le html (donc ajouter tes balises span dans ton arbre DOM (je veux dire par là que l'arbre complet doit être valide)) ou bien tu traites ton html comme une chaîne de caractères ? Au final, tu affiches le code html (en interprétant juste tes span) ou bien tu l'interprètes complètement ?
je dois intepreter l'ajout des balises span+css pour que le moderateur puisse visualiser les modifs et valider ou non la version.
j'ai deja testé et adapté differentes solutions mais je n'ai rien trouver de performant qui puisse differencier le fond et la forme
Désolé, ce n'est toujours pas clair (enfin pour moi).
Au final, le modérateur voit le code HTML ou bien la page interprétée ?
Si le modérateur voit le code HTML (cas le plus simple), tu peux faire un simple parcours de chaîne caractère par caractère, à chaque caractère différent tu insères un span (mais faut pouvoir repérer la clôture de modification)
Si le modérateur voit l'interprétation du code :
Quelles peuvent être les différences entre tes 2 pages ?
- Seulement des différences textuelles, à savoir le innerHTML d'un noeud (autrement dit les noeuds DOM de type TEXT_NODE) ?
- ou bien les balises HTML peuvent également changer ?
Dans le premier cas, le plus simple serait sans doute d'utiliser un parser DOM. Tu parcours les 2 arbres et tu compares tous les TEXT_NODE. A chaque différence t'insère un noeud span.
Dans le 2e, l'idée serait la même que dans le 1er mais le problème est que tu ne peux pas insérer un noeud span n'importe où. Enfin, tu peux mais il ne sera pas forcément visible à l'écran (par exemple en tant que parent d'un tr).
Dans tous les cas la difficulté semble être surtout de définir la clôture de la modification et je ne crois pas que l'utilisation des regex soit la méthode la plus simple.
Mon cas est dans dans le premier cas, et le plus simple est sans doute d'utiliser un parser DOM comme tu le dis si bien.
Merci beaucoup pour m'enlever des doutes et m'eclaircir la "route" à prendre