regex en js

anonyme, samedi 03 avril 2021 à 11h48

Bonjour à vous j’ai ce string là:

[span class="intsuma"][span class="lim-up" id="a"]10[/span][span class="sum"]∫[/span][span class="lim" id="b"]2[/span][/span][span id="corps"]sinx dx[/span]

J’aimerais remplacer les [span ][/span] pour interpreter comme des html. J’ai essayé ça desc.replace(/\[span (.*)\](.*)\[\/span\]/gi, "$2") j’obtiens pas le resultat escompté.

Pouvez-vous me mettre sur la piste? merci

03/04/21 à 11h48

+0 -0

viki53, samedi 03 avril 2021 à 12h07
Modifié

Hello,

Ça fait un moment que j’ai pas touché à des regex du genre, on dirait un BBcode !

J’ai pu obtenir un résultat un peu plus précis que le tien en utilisant \[span(.*?)\](.*?)\[\/span\] comme motif ((.*) est devenu (.*?)), mais c’est pas encore ça : les groupes de balises ouvrantes/fermantes ne sont pas bons.

Pour info ça donne ça : https://regex101.com/r/Oywtsw/2

EDIT : peut-être une piste en utilisant une recherche depuis la fin de la chaîne ?

03/04/21 à 12h07
Modifié

Mes tutos / Blog d’un dev(ops) Web

+0 -0

entwanne, samedi 03 avril 2021 à 13h06

Salut,

Sachant que le BBCode n’est pas un langage régulier, tu ne pourras pas le parser en arbre avec des regex.

Alors, plutôt que de tenter de matcher les paires de balises, tu pourrais simplement remplacer les [span ...] par des  et les [/span] par des .

03/04/21 à 13h06

entwanne — @entwanne — Un zeste de Python — La POO en Python — Notions de Python avancées — Les secrets d’un code pythonique

+1 -0

anonyme, samedi 03 avril 2021 à 13h44

@entwanne si j’essaye de faire comme ça j’aurai beaucoup de chose à remplacer

03/04/21 à 13h44

+0 -0

viki53, samedi 03 avril 2021 à 13h47

C’est sans doute le plus simple pour éviter les recherches en boucle. Le HTML n’est pas interprété via des regex par les navigateurs, la correspondance des balises est trop complexe à gérer pour ça.

Tu peux utiliser la méthode d'@entwanne avec deux regex assez simples si tu veux pas te prendre la tête.

03/04/21 à 13h47

Mes tutos / Blog d’un dev(ops) Web

+0 -0

anonyme, samedi 03 avril 2021 à 13h53

Quand deux regex assez simple ?? Peut tu m’en dire plus ?? Merci

03/04/21 à 13h53

+0 -0

viki53, samedi 03 avril 2021 à 13h56

Une du style \[span(.*?)\] pour les balises ouvrantes et une du genre \[\/span\] pour les fermantes. Pas besoin d’aller chercher plus loin.

Par contre ça n’ira pas vérifier qu’il y a une correspondance entre les deux, donc le HTML généré risque d’être invalide.

03/04/21 à 13h56

Mes tutos / Blog d’un dev(ops) Web

+0 -0

anonyme, samedi 03 avril 2021 à 13h57
Modifié

Merci @viki53 j’essaye ça pour voir.

ça marche bien le seul problème c’est ça:

<span class='"intsuma"'></span>

Les valeurs des class et les id sont précédé par ' ' comme dans le résultat ci-dessus.

Voici ma regex:


function transformFormula(desc){
    desc = desc.replace(/\[span (.*?)\]/gi, "<span $1>");
    desc = desc.replace(/\[\/span\]/gi, "</span>");
    return desc;
}

C’est ce qui fausse mon rendu.

03/04/21 à 13h57
Modifié

+0 -0

anonyme, samedi 03 avril 2021 à 14h16

function transformFormula(desc){
    desc = desc.replace(/\[span (.*?)\]/gi, "<span $1>");
    desc = desc.replace(/\[\/span\]/gi, "</span>");
    return desc;
}

C’est dû au fait que j’utilise $1 qui lui met ' ' en même temps sur les groupes il y a un moyen des enlevés ?

03/04/21 à 14h16

+0 -0

anonyme, samedi 03 avril 2021 à 14h38

J’ai remplacé la fonction du haut par celle du bas. ça fonctionne bien maintenant.


function transformFormula(desc){
    desc = desc.replace(/\[span (.*?)\]/gi, 
                        (_, match) => "<span "+match.replaceAll("&quot;", "")+">");
    desc = desc.replace(/\[\/span\]/gi, "</span>");
    return desc;
}

03/04/21 à 14h38

+0 -0

entwanne, samedi 03 avril 2021 à 15h02
Modifié

Attention cependant avec ce genre de méthodes : tu permets aux utilisateurs d’injecter directement du HTML dans la page (avec quelque chose comme [span >coucou</b]).