Discussion :

[geek150699]

Bonsoir,

je suis débutante en Javascript. Je n'arrive pas à créer une fonction en Javascript pour sélectionner un texte et le transformer en gras.

Merci d'avance.

[Beginner.]

Bonjour,

Pouvez-vous être plus précise ?

Est-ce que le texte est sélectionné à la main (avec la souris ou certaines touches du clavier) comme dans un éditeur ?
Ou bien la sélection doit se faire par du code, dans ce cas il faut préciser de quel texte il s'agit...

La mise en gras doit-elle se faire lors d'un clique sur un bouton ?


Un exemple simple : https://playcode.io/250269?tabs=cons...ex.html&output

Code HTML :

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

1
2
3
4
5
6
<div contenteditable='true'>
  Ceci est une div éditable contenant du texte pour faire des tests. 
  sélectionnez du texte puis cliquez sur le bouton "bold" (gars)"...
</div>
<br>
<input type='button' value='bold' id='bold' />

Code JavaScript :

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

1
2
3
document.getElementById("bold").addEventListener("click", function () {
  document.execCommand('bold', false, null); 
})

[geek150699]

Merci, ça marche. Mais je voudrais utiliser la fonction:

document.getSelection()

Et ce que c'est possible?

[Invité]

Bonjour,

Merci d'effectuer une recherche : "window.getSelection()"

[Beginner.]

Ben c'est bien pour ce genre de chose que je vous ai demandé d'être plus précise dans votre question mais vous restez vague donc difficile de vous aider dans ces conditions...


PS : la fonction que vous citez ne permet pas à elle seule de faire ce que vous voulez faire et la fonction execCommand est probablement la meilleure solution, elle est efficace et elle fait le ménage...
Mais bon pour les cas simples on peut s'en passer...

[Beginner.]

Pour info voici trois manières de faire : https://jsbin.com/repimozoxi/edit?js,output

Mais la meilleure comme déjà dit c'est celle avec la fonction execCommand...