Modifier la taille d'un texte sélectionné avec Jquery
Geek1506999
Messages postés
2
Statut
Membre
-
Geek1506999 Messages postés 2 Statut Membre -
Geek1506999 Messages postés 2 Statut Membre -
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:
EDIT : Ajout des balises de code
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
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.