Changer la couleur de certains mots dans Textarea en utilisant Jquery?

+0

Réponse éditée pour expliquer * pourquoi * ce n'est pas possible. –

+0

Mais certains éditeurs comme lwrte utilisent textarea pour colorier le texte –

+0

Ils utilisent des éléments ContentEditable, pas '' s. – <span class="text-secondary"> <small> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/34397/">SLaks</a></span> <span></span> </small> </span> </p> </div> </div> </div> </div> </div> </article> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="4319274062" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <article class="board-top-1 padding-top-10"> <div class="post-col vote-info"> <span class="count">2<i class="fa fa-thumbs-up"></i></span> </div> <div class="post-offset"> <div class="answer fmt"> <p>Vous pouvez colorer le texte dans une zone de texte, NobleCount offre la possibilité de modifier via css la couleur de la police dans une zone de texte juste après la longueur maximale, en utilisant jQuery, <a href="http://theproductguy.com/noblecount/noblecount.demo.html" rel="nofollow">see here at example num. test7</a>. Maintenant, tout ce que nous devons comprendre est de savoir comment colorer certaines sections, ou comment colorier en commençant et/ou en terminant à un nombre de caractères défini.</p> </div> <div class="post-info"> <div class="post-meta row"> <p class="text-secondary col-lg-6"> <span class="source"> <a rel="noopener" target="_blank" href="https://stackoverflow.com/q/8218169">Source</a> </span> </p> <p class="text-secondary col-lg-6"> <span class="float-right date"> <span>2011-11-21 20:32:51</span> <a rel="noopener" target="_blank" href="https://stackoverflow.com/users/1057339/">DaNCh</a></span> </p> <p class="col-12"></p> <p class="col-12"></p></div> </div> </div> </article> </div> <div class="clearfix"> </div> <div class="relative-box"> <div class="relative">Questions connexes</div> <ul class="relative_list"> <li> 1. <a href="http://fr.voidcc.com/question/p-dzoccsim-q.html" target="_blank" title="Javascript - Changer la couleur de la police de certains textes dans textarea"> Javascript - Changer la couleur de la police de certains textes dans textarea </a> </li> <li> 2. <a href="http://fr.voidcc.com/question/p-uuplihkc-p.html" target="_blank" title="Changer la couleur de la bordure inférieure en utilisant jquery?"> Changer la couleur de la bordure inférieure en utilisant jquery? </a> </li> <li> 3. <a href="http://fr.voidcc.com/question/p-ujoaemyi-x.html" target="_blank" title="Comment changer la couleur du texte dans Disqus comment textarea?"> Comment changer la couleur du texte dans Disqus comment textarea? </a> </li> <li> 4. <a href="http://fr.voidcc.com/question/p-aqxnqohk-v.html" target="_blank" title="Comment changer la couleur d'un textArea lors de l'exécution?"> Comment changer la couleur d'un textArea lors de l'exécution? </a> </li> <li> 5. <a href="http://fr.voidcc.com/question/p-pcgfjwpu-x.html" target="_blank" title="comment changer la police face, couleur, taille, ... en utilisant javascript"> comment changer la police face, couleur, taille, ... en utilisant javascript </a> </li> <li> 6. <a href="http://fr.voidcc.com/question/p-oefdnnfi-bw.html" target="_blank" title="DX TreeList - Comment changer la couleur de certains nœuds"> DX TreeList - Comment changer la couleur de certains nœuds </a> </li> <li> 7. <a href="http://fr.voidcc.com/question/p-cuojabha-bz.html" target="_blank" title="Maxlength dans textarea utilisant jQuery"> Maxlength dans textarea utilisant jQuery </a> </li> <li> 8. <a href="http://fr.voidcc.com/question/p-ozbqbnqp-be.html" target="_blank" title="Textarea numéro de ligne en utilisant jQuery"> Textarea numéro de ligne en utilisant jQuery </a> </li> <li> 9. <a href="http://fr.voidcc.com/question/p-dgxyntag-w.html" target="_blank" title="Jquery changer la couleur de fond"> Jquery changer la couleur de fond </a> </li> <li> 10. <a href="http://fr.voidcc.com/question/p-vcwbsrma-n.html" target="_blank" title="Changer la couleur d'une partie du texte en utilisant javascript?"> Changer la couleur d'une partie du texte en utilisant javascript? </a> </li> <li> 11. <a href="http://fr.voidcc.com/question/p-gijffqvp-cb.html" target="_blank" title="Comment changer la couleur de la police dans la zone de texte en C#?"> Comment changer la couleur de la police dans la zone de texte en C#? </a> </li> <li> 12. <a href="http://fr.voidcc.com/question/p-tpcdkzxk-bv.html" target="_blank" title="GVIM. Comment changer certains mots qui correspondent au motif?"> GVIM. Comment changer certains mots qui correspondent au motif? </a> </li> <li> 13. <a href="http://fr.voidcc.com/question/p-wzqzukxs-bz.html" target="_blank" title="Comment changer la couleur de certains textes dans la zone de texte - Silverlight 3?"> Comment changer la couleur de certains textes dans la zone de texte - Silverlight 3? </a> </li> <li> 14. <a href="http://fr.voidcc.com/question/p-hdyyhzmv-cd.html" target="_blank" title="Comment changer la couleur de la barre de navigation dans TTPhotoviewcontroller en utilisant Three20 dans iPhone"> Comment changer la couleur de la barre de navigation dans TTPhotoviewcontroller en utilisant Three20 dans iPhone </a> </li> <li> 15. <a href="http://fr.voidcc.com/question/p-nbjtcvkm-e.html" target="_blank" title=": Comment mettre certains mots en surbrillance avec jQuery"> : Comment mettre certains mots en surbrillance avec jQuery </a> </li> <li> 16. <a href="http://fr.voidcc.com/question/p-ocafrwbl-a.html" target="_blank" title="Changer la couleur de fond de nuage de tags"> Changer la couleur de fond de nuage de tags </a> </li> <li> 17. <a href="http://fr.voidcc.com/question/p-qgiqzlbi-o.html" target="_blank" title="PHP - obtenir certains mots de la chaîne"> PHP - obtenir certains mots de la chaîne </a> </li> <li> 18. <a href="http://fr.voidcc.com/question/p-tzamwpyj-bx.html" target="_blank" title="Comment changer la couleur d'un mot dans jquery"> Comment changer la couleur d'un mot dans jquery </a> </li> <li> 19. <a href="http://fr.voidcc.com/question/p-txkjiwzw-cb.html" target="_blank" title="Changer la couleur d'un caractère"> Changer la couleur d'un caractère </a> </li> <li> 20. <a href="http://fr.voidcc.com/question/p-gmjxdkxq-v.html" target="_blank" title="Array, changer de couleur, as3"> Array, changer de couleur, as3 </a> </li> <li> 21. <a href="http://fr.voidcc.com/question/p-mlvgwdxl-cp.html" target="_blank" title="ASP.NET: Comment changer la couleur de certains textes dans un gridview?"> ASP.NET: Comment changer la couleur de certains textes dans un gridview? </a> </li> <li> 22. <a href="http://fr.voidcc.com/question/p-ddovliqo-u.html" target="_blank" title="Changer la couleur UINavigationItem en noir"> Changer la couleur UINavigationItem en noir </a> </li> <li> 23. <a href="http://fr.voidcc.com/question/p-uhdfhwrr-m.html" target="_blank" title="Changer la couleur de JFileChooser"> Changer la couleur de JFileChooser </a> </li> <li> 24. <a href="http://fr.voidcc.com/question/p-hteybcbs-z.html" target="_blank" title="changer la couleur de self.navigationItem.prompt"> changer la couleur de self.navigationItem.prompt </a> </li> <li> 25. <a href="http://fr.voidcc.com/question/p-pnlkabrn-c.html" target="_blank" title="Changer la couleur de police du texte en format PDF"> Changer la couleur de police du texte en format PDF </a> </li> <li> 26. <a href="http://fr.voidcc.com/question/p-pkzwacqk-ck.html" target="_blank" title="Xpath contient certains mots"> Xpath contient certains mots </a> </li> <li> 27. <a href="http://fr.voidcc.com/question/p-dzwacwtt-ch.html" target="_blank" title="Changer la couleur de fond du curseur JQuery"> Changer la couleur de fond du curseur JQuery </a> </li> <li> 28. <a href="http://fr.voidcc.com/question/p-rjnjuajz-bv.html" target="_blank" title="Comment puis-je comparer des mots en utilisant une expression rationnelle mais ignorer certains mots?"> Comment puis-je comparer des mots en utilisant une expression rationnelle mais ignorer certains mots? </a> </li> <li> 29. <a href="http://fr.voidcc.com/question/p-qiypkkzu-cp.html" target="_blank" title="Changer la couleur de texte à l'aide jquery"> Changer la couleur de texte à l'aide jquery </a> </li> <li> 30. <a href="http://fr.voidcc.com/question/p-hotefdzu-t.html" target="_blank" title="changer la couleur d'arrière-plan à travers AJQ jquery?"> changer la couleur d'arrière-plan à travers AJQ jquery? </a> </li> </ul> </div> <div> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3534119089"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="padding-top-10"></div> </div> </div> <script type="text/javascript" src="http://img2.voidcc.com/voidso/script/side.js?t=1652515422260"></script> <script type="text/javascript" src="http://img2.voidcc.com/voidso/plugin/highlight/highlight.pack.js"></script> <link href="http://img2.voidcc.com/voidso/plugin/highlight/styles/docco.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript"> $('pre').each(function(i, e) { hljs.highlightBlock(e, "<span class='indent'> </span>", false) }); </script> <div class="col-lg-3 col-md-4 col-sm-5"> <div id="rightTop"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6208739752673518" data-ad-slot="3862022848" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="row sidebar panel panel-default"> <div class="panel-heading font-bold"> Dernière question </div> <div class="m-b-sm m-t-sm clearfix"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://fr.voidcc.com/question/p-cfpmuaot-bkv.html" target="_blank" title="SN. FlatProperties Table Design"> SN. FlatProperties Table Design </a> </li> <li class="side_article_list_item"> 2. <a href="http://fr.voidcc.com/question/p-utacvflg-bkv.html" target="_blank" title="Impossible d'accéder à View of Fragment avec ViewPager et FragmentPagerAdapter"> Impossible d'accéder à View of Fragment avec ViewPager et FragmentPagerAdapter </a> </li> <li class="side_article_list_item"> 3. <a href="http://fr.voidcc.com/question/p-vauvxjdx-bkv.html" target="_blank" title="Mon code ne fonctionnera pas dans Chrome mais fonctionne bien dans JSFiddle"> Mon code ne fonctionnera pas dans Chrome mais fonctionne bien dans JSFiddle </a> </li> <li class="side_article_list_item"> 4. <a href="http://fr.voidcc.com/question/p-zfhgmqzi-bkv.html" target="_blank" title="Comment Ajoutant à balise p jQuery"> Comment Ajoutant à balise p jQuery </a> </li> <li class="side_article_list_item"> 5. <a href="http://fr.voidcc.com/question/p-djlogkum-bkv.html" target="_blank" title="Trouver l'arborescence des composants dans Android Studio 2.3.3"> Trouver l'arborescence des composants dans Android Studio 2.3.3 </a> </li> <li class="side_article_list_item"> 6. <a href="http://fr.voidcc.com/question/p-dlesyzuu-bkx.html" target="_blank" title="Django incapable de changer fuseau horaire du format UTC"> Django incapable de changer fuseau horaire du format UTC </a> </li> <li class="side_article_list_item"> 7. <a href="http://fr.voidcc.com/question/p-nlpmjpbw-bkw.html" target="_blank" title="Utilisation de 1 seule colonne pour représenter l'histogramme dans R"> Utilisation de 1 seule colonne pour représenter l'histogramme dans R </a> </li> <li class="side_article_list_item"> 8. <a href="http://fr.voidcc.com/question/p-fjcdqmar-bkw.html" target="_blank" title="Obtention d'erreur: types incomparables: char et String"> Obtention d'erreur: types incomparables: char et String </a> </li> <li class="side_article_list_item"> 9. <a href="http://fr.voidcc.com/question/p-efytctiv-bkw.html" target="_blank" title="Clavier Android pousser tout le contenu"> Clavier Android pousser tout le contenu </a> </li> <li class="side_article_list_item"> 10. <a href="http://fr.voidcc.com/question/p-bmowxekn-bkw.html" target="_blank" title="aurelia: liaison et @observable ne fonctionnant pas"> aurelia: liaison et @observable ne fonctionnant pas </a> </li> </ul> </div> </div> </div> <p class="article-nav-bar"></p> <div class="row sidebar article-nav"> <div class="row box_white visible-sm visible-md visible-lg margin-zero"> <div class="top"> <h3 class="title"><i class="glyphicon glyphicon-th-list"></i> Questions connexes</h3> </div> <div class="article-relative-content"> <ul class="side_article_list"> <li class="side_article_list_item"> 1. <a href="http://fr.voidcc.com/question/p-dzoccsim-q.html" target="_blank" title="Javascript - Changer la couleur de la police de certains textes dans textarea"> Javascript - Changer la couleur de la police de certains textes dans textarea </a> </li> <li class="side_article_list_item"> 2. <a href="http://fr.voidcc.com/question/p-uuplihkc-p.html" target="_blank" title="Changer la couleur de la bordure inférieure en utilisant jquery?"> Changer la couleur de la bordure inférieure en utilisant jquery? </a> </li> <li class="side_article_list_item"> 3. <a href="http://fr.voidcc.com/question/p-ujoaemyi-x.html" target="_blank" title="Comment changer la couleur du texte dans Disqus comment textarea?"> Comment changer la couleur du texte dans Disqus comment textarea? </a> </li> <li class="side_article_list_item"> 4. <a href="http://fr.voidcc.com/question/p-aqxnqohk-v.html" target="_blank" title="Comment changer la couleur d'un textArea lors de l'exécution?"> Comment changer la couleur d'un textArea lors de l'exécution? </a> </li> <li class="side_article_list_item"> 5. <a href="http://fr.voidcc.com/question/p-pcgfjwpu-x.html" target="_blank" title="comment changer la police face, couleur, taille, ... en utilisant javascript"> comment changer la police face, couleur, taille, ... en utilisant javascript </a> </li> <li class="side_article_list_item"> 6. <a href="http://fr.voidcc.com/question/p-oefdnnfi-bw.html" target="_blank" title="DX TreeList - Comment changer la couleur de certains nœuds"> DX TreeList - Comment changer la couleur de certains nœuds </a> </li> <li class="side_article_list_item"> 7. <a href="http://fr.voidcc.com/question/p-cuojabha-bz.html" target="_blank" title="Maxlength dans textarea utilisant jQuery"> Maxlength dans textarea utilisant jQuery </a> </li> <li class="side_article_list_item"> 8. <a href="http://fr.voidcc.com/question/p-ozbqbnqp-be.html" target="_blank" title="Textarea numéro de ligne en utilisant jQuery"> Textarea numéro de ligne en utilisant jQuery </a> </li> <li class="side_article_list_item"> 9. <a href="http://fr.voidcc.com/question/p-dgxyntag-w.html" target="_blank" title="Jquery changer la couleur de fond"> Jquery changer la couleur de fond </a> </li> <li class="side_article_list_item"> 10. <a href="http://fr.voidcc.com/question/p-vcwbsrma-n.html" target="_blank" title="Changer la couleur d'une partie du texte en utilisant javascript?"> Changer la couleur d'une partie du texte en utilisant javascript? </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div>  <footer id="footer"> <div class="bg-simple lt"> <div class="container"> <div class="row padder-v m-t"> <div class="col-xs-8"> <ul class="list-inline"> <li><a href="http://fr.voidcc.com/contact">Nous contacter</a></li> <li>© 2020 FR.VOIDCC.COM</li> <li><a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">沪ICP备13005482号-13</a></li> <li><script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=1280098168&web_id=1280098168"></script></li> <li><a href="http://cn.voidcc.com/" target="_blank" title="程序问答园区">简体中文</a></li> <li><a href="http://hk.voidcc.com/" target="_blank" title="程序問答園區">繁體中文</a></li> <li><a href="http://ru.voidcc.com/" target="_blank" title="поле вопросов и ответов">Русский</a></li> <li><a href="http://de.voidcc.com/" target="_blank" title="Frage - und - antwort - Park">Deutsch</a></li> <li><a href="http://es.voidcc.com/" target="_blank" title="Preguntas y respuestas">Español</a></li> <li><a href="http://hi.voidcc.com/" target="_blank" title="कार्यक्रम प्रश्न और उत्तर पार्क">हिन्दी</a></li> <li><a href="http://it.voidcc.com/" target="_blank" title="IL Programma di chiedere Park">Italiano</a></li> <li><a href="http://ja.voidcc.com/" target="_blank" title="プログラム問答園区">日本語</a></li> <li><a href="http://ko.voidcc.com/" target="_blank" title="프로그램 문답 단지">한국어</a></li> <li><a href="http://pl.voidcc.com/" target="_blank" title="program o park">Polski</a></li> <li><a href="http://tr.voidcc.com/" target="_blank" title="Program soru ve cevap parkı">Türkçe</a></li> <li><a href="http://vi.voidcc.com/" target="_blank" title="Đáp ứng viên">Tiếng Việt</a></li> <li><a href="http://fr.voidcc.com/" target="_blank" title="Programme interrogation Park">Française</a></li> </ul> </div> </div> </div> </div> </div> </footer>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-77509369-5"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-77509369-5'); </script> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?67d4731349f0b00136755b80364ce381"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>

Changer la couleur de certains mots dans Textarea en utilisant Jquery?

Répondre