Javascript Girl
  1. Javascript Girl
  3. Modification de la police et de la taille de police dans un champ textarea
Intereting Posts
Mode JavaScript, élégant pour vérifier les propriétés de l'objet imbriqué pour NULL / undefined Obtenir le nom de domaine du sous-domaine Javascript Menu contextuel personnalisé dans Firefox avec Add-on SDK? JQuery masked input plugin. Sélectionnez tout le contenu lorsque la zone de texte reçoit le focus La meilleure façon de faire une pagination multiple sur une seule page dans le codécode Obtenir jQuery tablesorter pour fonctionner avec des lignes de table cachées / groupées JavaScript détecte le navigateur natif Android Javascript a-t-il un concept comme les API? Disable IOS Safari Elastic Scrolling JQuery – obtenez l'index d'un élément avec une certaine classe Extension du .on () de jQuery pour travailler avec les événements tactiles mobiles Obtenir de la valeur GET OU POST variable en utilisant JavaScript? Selenium – L'élément n'est pas cliquable au point Accès aux variables locales Express.js dans le côté client JavaScript Breezejs: propriété de navigation non ajoutée à l'entité

Modification de la police et de la taille de police dans un champ textarea

À l'aide de l'exemple de code suivant: 

<html> <body> <script language = "Javascript"> maxL=240; var bName = navigator.appName; function taLimit(taObj) { if (taObj.value.length==maxL) return false; return true; } function taCount(taObj,Cnt) { objCnt=createObject(Cnt); objVal=taObj.value; if (objVal.length>maxL) objVal=objVal.substring(0,maxL); if (objCnt) { if(bName == "Netscape"){ objCnt.textContent=maxL-objVal.length;} else{objCnt.innerText=maxL-objVal.length;} } return true; } function createObject(objId) { if (document.getElementById) return document.getElementById(objId); else if (document.layers) return eval("document." + objId); else if (document.all) return eval("document.all." + objId); else return eval("document." + objId); } </script> <font face="Arial" font size="2"> Maximum Number of characters for this text box is 240.</font><br> <textarea onKeyPress="return taLimit(this)" onKeyUp="return taCount(this,'myCounter')" name="Message" rows=6 wrap="physical" cols=42> </textarea> <br> <font face="Arial" font size="2"> You have <B><SPAN id=myCounter>240</SPAN></B> characters remaining for your message</font> </body> </html>

Comment modifier la police et la taille de la police dans la zone de texte?

Utilisez CSS pour définir un style pour l'élément textarea . Par exemple: 

 textarea { font-size: 20pt; font-family: Arial; }

Notez qu'il existe trois façons d'ajouter CSS à votre site Web: vous pouvez utiliser une feuille de style externe, une feuille de style interne ou des styles en ligne (ou une combinaison de celles-ci).

L'utilisation d'une feuille de style interne pourrait ressembler à ceci: 

 <head> <style type="text/css"> textarea { font-size: 20pt; font-family: Arial; } </style> </head> <!-- rest of your code goes here... -->

Voir ici pour plus d'informations sur le style textarea .

Je sais que c'est vraiment vieux, mais je suis sûr que quelqu'un pourrait utiliser cette information:

Utilisez Iframe et initialisez-le pour exécuter lorsque la page est chargée et cache textarea … cela vous aide si vous souhaitez créer un éditeur WYSIWYG.

Page html: onLoad = "iFrame ()"

Js page: function iFrame () {name.document.designMode = 'on'; Name.document.execCommand ('fontName', false, "verdana");

}