Discussion :

[Khleo]

Bonjour,

Je souhaite faire un petit editeur bbcode pour mon forum.

Les boutons de mon éditeur sont représentés par une div tel que :

Code :

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

<div class="icon-bold bbcode" data-startTag="[ b ]" data-endTag="[/b ]"></div>

Ce qui fonctionne très bien.

Mais lorsque je souhaite ajouter le bouton liste j'aimerai que les balises puissent revenir à ligne :

Code :

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

<div class="icon-list-bullet bbcode" data-startTag="<ul><li style="">\n[li]" data-endTag="[/li]\n[li][/li]\n</li></ul>"></div>

Cependant il n'interprete pas les \n et me les affiche tel quel dans mon textarea.

Le clique sur une div .bbcode appele fonction insertTag (startTag, endTag, textareaId, tagType), si j'appelle cette fonction via un onclick en mettant les mêmes paramètre (que les data), le retour à la ligne est bien interprété.

Des idées ?
Merci

[sekaijin]

le retour à la ligne n'existe pas en html c'est un whitespace que ce soit tab espace cr ou lf tout est considéré comme un espace
A+JYT

[Khleo]

Salut,

Le \n arrive dans un textarea où la il peut être interpreté non ?

[sekaijin]

oui mais dans un textarea ton \n est entre la balise

Code html :

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

<balise>\n</balise>

et non dans le tag

[Bovino]

Comme dit clairement par sekaijin, il n'est pas possible de mettre de retour à la ligne dans un attribut HTML. Du coup, quand tu transfères sa valeur dans le <textarea, c'est la valeur textuelle qui est assignée et non interprétée.
Ensuite, rien ne t'empêche de faire la transformation manuellement en JavaScript avant l'insertion dans le <textarea>.