Modifier la taille d'un texte sélectionné avec Jquery

Geek1506999 Messages postés 2 Date d'inscription Statut Membre Dernière intervention -
Geek1506999 Messages postés 2 Date d'inscription Statut Membre Dernière intervention - 22 févr. 2019 à 14:02

Bonjour,

Je voudrais modifier la taille d'un texte sélectionné en choisissant la valeur dans une liste déroulante défini par un "select" dans mon Html.

Mon code est le suivant:

$(function()
{
 $('select').on('change', function()
 {
  var val=window.getSelection();
  var range=val.getRangeAt(0);
 
  var newNode = $("<span>").addClass("Modif-taille");
  newNode.append(range.extractContents());
 
  var n=$("select option:selected").val();
  $(".Modif-taille").css("font-size",n);     
        range.insertNode(newNode.get(0)); 
 
  }); 
});

EDIT : Ajout des balises de code

Configuration: Android / Chrome 72.0.3626.96

A voir également:

Modifier la taille d'un texte sélectionné avec Jquery
Comment réduire la taille d'un fichier - Guide
Modifier dns - Guide
Modifier liste déroulante excel - Guide
Modifier story facebook - Guide
Modifier l'extension d'un fichier - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38484 Date d'inscription Statut Modérateur Dernière intervention 4 751

Bonjour,

Donc...
- Quel est ton souci exactement ?
- As tu des erreurs dans la console de ton navigateur ?
- Quel est le code html qui va avec ce bout de code JS ?

Sachant que ton

var n=$("select option:selected").val();

pourrait se résumer à

var n = $(this).val();

Geek1506999 Messages postés 2 Date d'inscription Statut Membre Dernière intervention

Bonjour,

Je souhaite développer un mini éditeur de texte avec Jquery. Sachant que j'ai développé une version avec javascript qui marche très bien.

J'ai utilisé execCommand pour mettre en gras, en italique et en souligné le texte sélectionné. Ça a très bien marché.

Mais pour la taiĺle de police ça ne marche pas car execCommand: nécessite que la taille d'une police HTML (1-7) soit transmise en tant qu'argument de valeur. Alors que pour mon éditeur la taille de police varie de 8 à 72.

La taille de police dans mon html est définie par un <select....avec les options>.

Je pense le problème réside dans l'application du css sur l'élément sélectionné et ensuite son insertion dans le range (ligne 12 et 13 ).

Au niveau de la console je n'ai pas d'erreur.

Merci.

Discussions similaires

À quoi correspond 32x32 US en taille française pour un jean ?

probleme sommet

Votre réponse

Discussions similaires