CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[JS] Simuler du BBcode avec des boutons

Romanodi13
Romanodi13
Niveau 10
06 septembre 2010 à 01:01:40

Bonsoir tout le monde !

Désolé pour le titre mais je savais vraiment pas comment le formuler...

Bref, je débute un peu dans le Javascript et j'aimerais qu'on me mette sur la voie pour mon problème. Voici une image pour comprendre plus facilement ce que je souhaite :

http://s2.noelshack.com/uploads/images/15553793315115_niark.jpg

Comme vous pouvez le voir, il y a 3 boutons pour le gras, l'italique et le soulignage et en dessous un formulaire, un textarea en l'occurence. J'aimerais faire en sorte que quand on surligne avec notre belle souris une phrase dans le textarea et qu'on clique sur le bouton désiré, ça transforme le texte comme ça :

Voici le texte de base à modifier
<b>Voici le même texte mais avec les balises en plus</b>

Pour mieux comprendre ce que je souhaite, c'est ce qui se fait avec le bbcode des forums comme "forumactif" ou "xooit" quand on souhaite personnaliser notre message. J'aimerais en fait faire la même chose mais de manière plus débutant, pour apprendre à réaliser ça. Et si possible avec le Javascript.

J'espère que vous pourrez me mettre sur une piste. Je vous remercie d'avance !

grosse_nouille
grosse_nouille
Niveau 9
06 septembre 2010 à 12:34:15

A l'aide d'expressions régulières, il y a moyen de modifier la valeur de ton textarea. C'est plus ou moins un exercice que j'ai eu l'année passée.
Cela dit, il vaudrai mieux ne pas traiter directement du code (x)html via un formulaire. Non? :(

http://www.toutjavascript.com/reference/reference.php?iref=42

Romanodi13
Romanodi13
Niveau 10
06 septembre 2010 à 12:38:35

Ca ressemble un peu à ça mais j'ai pas l'impression qu'on puisse changer une partie qu'on sélectionne avec la souris...

Pour le traitement du code par le formulaire, je le fais au plus simple.

Romanodi13
Romanodi13
Niveau 10
06 septembre 2010 à 15:29:22

J'ai trouvé mon bonheur ici pour ceux que ça intéresse !

http://www.siteduzero.com/tutoriel-3-34703-insertion-de-balises-dans-une-zone-de-texte.html

Bonne programmation à tout le monde !

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment