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

Fermé

Geek1506999 Messages postés 2 Date d'inscription vendredi 22 février 2019 Statut Membre Dernière intervention 22 février 2019 - Modifié le 22 févr. 2019 à 11:23
Geek1506999 Messages postés 2 Date d'inscription vendredi 22 février 2019 Statut Membre Dernière intervention 22 février 2019 - 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
Comment modifier un pdf - Guide
Modifier story facebook - Guide

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38304 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 23 novembre 2024 4 705
22 févr. 2019 à 11:26

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 vendredi 22 février 2019 Statut Membre Dernière intervention 22 février 2019
22 févr. 2019 à 14:02

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 ?

Formule Excel : "SI" une cellule contient un mot, alors ?

Agrandir la taille d'affichage de toute l'interface OUTLOOK 2010