Format text in a ?</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2012-10-11T01:56:49.883" class="fromnow">Oct 11 '12 at 01:56</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2022-04-13T05:32:16.890" datetime="2022-04-13T05:32:16.890">Apr 13 '22 at 05:32</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 123,778 times"> <span class="fc-light mr2">Viewed</span> 1.2e+01k times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="12831101" data-ownerid="1001938" data-score="56"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="12831101"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="56">56</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value="0">0</div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Textareas are great because of some built in functionality (scrollbars). How can I format <code><spans></code> of text inside of the <code><textarea></code>?</p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/css" class="post-tag js-gps-track" title="show questions tagged 'css'" rel="tag">css</a> <a href="../../questions/tagged/html" class="post-tag js-gps-track" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/textarea" class="post-tag js-gps-track" title="show questions tagged 'textarea'" rel="tag">textarea</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-carddeleted"> <time class="s-user-card--time" datetime="edited Oct 11 '12 at 01:57">edited Oct 11 '12 at 01:57</time> <div class="s-avatar s-avatar32 s-user-card--avatar"> </div> <div class="s-user-card--info"></div> </div> </div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Oct 11 '12 at 01:56">asked Oct 11 '12 at 01:56</time> <a href="../../users/1001938/don-p" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1001938.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Don P" /> </a> <div class="s-user-card--info"> <a href="../../users/1001938/don-p" class="s-user-card--link">Don P</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">60,113</li> <li class="s-award-bling s-award-blinggold" title="114 gold badges">114</li> <li class="s-award-bling s-award-blingsilver" title="300 silver badges">300</li> <li class="s-award-bling s-award-blingbronze" title="432 bronze badges">432</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">5 Answers<span style="display:none;" itemprop="answerCount">5</span></h2> </div> </div> </div> <a name="12831155"></a> <div id="answer-12831155" class="answer accepted-answer" data-answerid="12831155" data-ownerid="1295666" data-score="91" itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="12831155"> <button class="js-vote-up-btn grid--cell s-btn s-btn__unset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="91">91</div> <div class="js-accepted-answer-indicator grid--cell fc-green-500 py6 mtn8"><div class="ta-center"><svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8z"></path></svg></div></div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>If you need to customize your textarea, reproduce its behavior using another element (like a DIV) with the <code>contenteditable</code> attribute.</p> <p>It's more customizable, and a more modern approach, textarea is just for plain text content, not for rich content.</p> <pre><code><div id="fake_textarea" contenteditable></div> </code></pre> <p>The scrollbars can be reproduced with the CSS overflow property.</p> <p>You can use this fake textarea in a form normally, i.e: if you have to submit its content through POST method, you could do something like(with jQuery):</p> <pre><code><input type="hidden" id="fake_textarea_content" name="foobar"> </code></pre> <p>...</p> <pre><code>$('#your_form').submit(function() { $('#fake_textarea_content').val($('#fake_textarea').html()); }); </code></pre></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited Apr 13 '22 at 05:32">edited Apr 13 '22 at 05:32</time> <a href="../../users/1066234/avatar" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1066234.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Avatar" /> </a> <div class="s-user-card--info"> <a href="../../users/1066234/avatar" class="s-user-card--link">Avatar</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">14,622</li> <li class="s-award-bling s-award-blinggold" title="9 gold badges">9</li> <li class="s-award-bling s-award-blingsilver" title="119 silver badges">119</li> <li class="s-award-bling s-award-blingbronze" title="198 bronze badges">198</li> </ul> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Oct 11 '12 at 02:03">answered Oct 11 '12 at 02:03</time> <a href="../../users/1295666/alcides-queiroz" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1295666.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Alcides Queiroz" /> </a> <div class="s-user-card--info"> <a href="../../users/1295666/alcides-queiroz" class="s-user-card--link">Alcides Queiroz</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">9,456</li> <li class="s-award-bling s-award-blinggold" title="3 gold badges">3</li> <li class="s-award-bling s-award-blingsilver" title="28 silver badges">28</li> <li class="s-award-bling s-award-blingbronze" title="43 bronze badges">43</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-12831155" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="12831155" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-54664239" class="comment js-comment " data-comment-id="54664239" data-comment-owner-id="2768271" data-comment-score="9"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">9</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment54664239_12831155"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">contenteditable isn't all poines and rainbows. This article is a great readup that I wish I hade seen before trying to use contenteditable on a few of my projects: https://medium.com/content-uneditable/contenteditable-the-good-the-bad-and-the-ugly-261a38555e9c#.v0d5rghdl. It seems so good, but it's terribly flawed.</span> – <a href="../../users/2768271/swelet" title="8,192 reputation" class="comment-user ">swelet</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/12831101/format-text-in-a-textarea#comment54664239_12831155"><span title="2015-10-30T14:18:24.660 License: CC BY-SA 3.0" class="relativetime-clean">Oct 30 '15 at 14:18</span></a></span> </div> </div> </li> <li id="comment-126971282" class="comment js-comment " data-comment-id="126971282" data-comment-owner-id="1066234" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment126971282_12831155"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">"the project is either dead or full of most brutal hacks which seem to work ... The developer joins the “contentEditable is evil” club" :)</span> – <a href="../../users/1066234/avatar" title="14,622 reputation" class="comment-user ">Avatar</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/12831101/format-text-in-a-textarea#comment126971282_12831155"><span title="2022-04-13T05:33:41.543 License: CC BY-SA 4.0" class="relativetime-clean">Apr 13 '22 at 05:33</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="17547967"></a> <div id="answer-17547967" class="answer " data-answerid="17547967" data-ownerid="1707126" data-score="12" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="17547967"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="12">12</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>You Can't style the content of a text area separately, you have to use <code><div></code>s, or something similar. </p> <p>Do you Want Something like this:?</p> <p><a class="external-link" href="http://jsfiddle.net/mekwall/XNkDx/" rel="nofollow noreferrer">http://jsfiddle.net/mekwall/XNkDx/</a></p> <pre><code>$('.editable').each(function(){ this.contentEditable = true; }); </code></pre> <p>This allows you to edit the content of a div, and it will still look like a textarea,</p> <p><b>Bold will now Work.</b></p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited Mar 20 '19 at 10:52">edited Mar 20 '19 at 10:52</time> <a href="../../users/2037924/benomatis" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2037924.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="benomatis" /> </a> <div class="s-user-card--info"> <a href="../../users/2037924/benomatis" class="s-user-card--link">benomatis</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">5,536</li> <li class="s-award-bling s-award-blinggold" title="7 gold badges">7</li> <li class="s-award-bling s-award-blingsilver" title="36 silver badges">36</li> <li class="s-award-bling s-award-blingbronze" title="59 bronze badges">59</li> </ul> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Jul 09 '13 at 12:17">answered Jul 09 '13 at 12:17</time> <a href="../../users/1707126/deep" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1707126.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Deep" /> </a> <div class="s-user-card--info"> <a href="../../users/1707126/deep" class="s-user-card--link">Deep</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">920</li> <li class="s-award-bling s-award-blingsilver" title="8 silver badges">8</li> <li class="s-award-bling s-award-blingbronze" title="22 bronze badges">22</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-17547967" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="17547967" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-28469834" class="comment js-comment " data-comment-id="28469834" data-comment-owner-id="1804107" data-comment-score="4"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">4</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment28469834_17547967"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">[http://jsfiddle.net/XNkDx/2199/](http://jsfiddle.net/XNkDx/2199/) I just added few lines to show you how this work for real. And, +1 for you my friend, nice little script</span> – <a href="../../users/1804107/aleksandar" title="644 reputation" class="comment-user ">Aleksandar</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/12831101/format-text-in-a-textarea#comment28469834_17547967"><span title="2013-10-07T21:00:38.333 License: CC BY-SA 3.0" class="relativetime-clean">Oct 07 '13 at 21:00</span></a></span> </div> </div> </li> <li id="comment-47789746" class="comment js-comment " data-comment-id="47789746" data-comment-owner-id="1707126" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment47789746_17547967"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">...I said that a question was a duplicate of itself. How did nobody notice?</span> – <a href="../../users/1707126/deep" title="920 reputation" class="comment-user ">Deep</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/12831101/format-text-in-a-textarea#comment47789746_17547967"><span title="2015-04-23T18:32:16.790 License: CC BY-SA 3.0" class="relativetime-clean">Apr 23 '15 at 18:32</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="12831116"></a> <div id="answer-12831116" class="answer " data-answerid="12831116" data-ownerid="1211187" data-score="4" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="12831116"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="4">4</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>You cannot use HTML inside <code>TEXTAREA</code>.</p> <p>Scrolling can be applied to any element by adding <code>overflow: auto</code> and fixed <code>width</code> and/or <code>height</code>.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Oct 11 '12 at 01:58">answered Oct 11 '12 at 01:58</time> <a href="../../users/1211187/marat-tanalin" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/1211187.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Marat Tanalin" /> </a> <div class="s-user-card--info"> <a href="../../users/1211187/marat-tanalin" class="s-user-card--link">Marat Tanalin</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">13,927</li> <li class="s-award-bling s-award-blinggold" title="1 gold badge">1</li> <li class="s-award-bling s-award-blingsilver" title="36 silver badge">36</li> <li class="s-award-bling s-award-blingbronze" title="52 bronze badge">52</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="12934362"></a> <div id="answer-12934362" class="answer " data-answerid="12934362" data-ownerid="844029" data-score="2" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="12934362"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="2">2</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>You can user html editors for web like CKEditor to be able to format the data in text area. Check this <a class="external-link" href="http://ckeditor.com/" rel="nofollow">http://ckeditor.com/</a></p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Oct 17 '12 at 12:29">answered Oct 17 '12 at 12:29</time> <a href="../../users/844029/kaustubh" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/844029.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="kaustubh" /> </a> <div class="s-user-card--info"> <a href="../../users/844029/kaustubh" class="s-user-card--link">kaustubh</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">79</li> <li class="s-award-bling s-award-blingbronze" title="5 bronze badges">5</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="20543348"></a> <div id="answer-20543348" class="answer " data-answerid="20543348" data-ownerid="2030999" data-score="0" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="20543348"> <button class="js-vote-up-btn grid--cell s-btn s-btn__unset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>Another way to submit the "fake" text area is including the following lines inside the form tag</p> <pre><code><form onsubmit=" $('#fake_textarea_content').val($('#fake_textarea').html());"> </form> </code></pre></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="user-info "> <div class="user-action-time">edited <span title="2014-02-10T05:05:19.953" class="relativetime">Feb 10 '14 at 05:05</span></div> <div class="user-gravatar32"></div> <div class="user-details" itemprop="author" itemscope="" itemtype="http://schema.org/Person"> <span class="d-none" itemprop="name">Christian</span> <div class="-flair"></div> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Dec 12 '13 at 12:17">answered Dec 12 '13 at 12:17</time> <a href="../../users/2030999/christian" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/2030999.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Christian" /> </a> <div class="s-user-card--info"> <a href="../../users/2030999/christian" class="s-user-card--link">Christian</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">773</li> <li class="s-award-bling s-award-blingsilver" title="7 silver badges">7</li> <li class="s-award-bling s-award-bling__bronze" title="11 bronze badges">11</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-20543348" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="20543348" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-32754908" class="comment js-comment " data-comment-id="32754908" data-comment-owner-id="164553" data-comment-score="2"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> <span title="number of 'useful comment' votes received" class="warm">2</span> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment32754908_20543348"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">I think you left something out of your answer.</span> – <a href="../../users/164553/brigham" title="14,395 reputation" class="comment-user ">Brigham</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/12831101/format-text-in-a-textarea#comment32754908_20543348"><span title="2014-02-10T05:02:52.153 License: CC BY-SA 3.0" class="relativetime-clean">Feb 10 '14 at 05:02</span></a></span> </div> </div> </li> <li id="comment-32754957" class="comment js-comment " data-comment-id="32754957" data-comment-owner-id="2030999" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment32754957_20543348"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">uppsss.. fixed it. Cheers!</span> – <a href="../../users/2030999/christian" title="773 reputation" class="comment-user ">Christian</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/12831101/format-text-in-a-textarea#comment32754957_20543348"><span title="2014-02-10T05:05:42.613 License: CC BY-SA 3.0" class="relativetime-clean">Feb 10 '14 at 05:05</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> </div> </div> <div id="sidebar" class="show-votes" role="complementary" aria-label="sidebar"> <div class="module sidebar-linked"> <h4 id="h-linked">Linked</h4> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">2</div></a> <a href="../../questions/30231537/is-there-any-way-to-format-style-and-text-inside-the-text-area" class="question-hyperlink">Is there any way to format style and text inside the Text Area?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">-3</div></a> <a href="../../questions/30272113/how-to-highlight-searched-keyword" class="question-hyperlink">How to highlight searched keyword</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/32446011/is-it-possible-to-have-multiple-colors-inside-an-html-textarea-element" class="question-hyperlink">is it possible to have multiple colors inside an html <textarea> element</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">2</div></a> <a href="../../questions/33749215/to-highlight-text-in-a-string-in-php" class="question-hyperlink">To highlight text in a string in php</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">0</div></a> <a href="../../questions/36839082/html-js-best-way-to-style-up-textarea-s-content" class="question-hyperlink">HTML + JS: Best way to style up textarea's content</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/36857205/google-translate-alike-front-end" class="question-hyperlink">Google-translate alike front-end</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">4</div></a> <a href="../../questions/41688845/can-i-add-span-inside-textarea-and-make-it-useful" class="question-hyperlink">can I add <span> inside <textarea> and make it useful?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">1</div></a> <a href="../../questions/43606712/feeding-text-into-two-text-boxes-and-marking-the-same-words" class="question-hyperlink">feeding text into two text boxes and marking the same words</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">1</div></a> <a href="../../questions/44552941/downloaded-file-doesn-t-contain-proper-breaks-keeps-br" class="question-hyperlink">downloaded file doesn't contain proper breaks - keeps br</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">0</div></a> <a href="../../questions/46000233/how-is-formatting-in-textarea-being-done" class="question-hyperlink">How is formatting in <textarea> being done?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/47873505/changing-textarea-textcolor-based-off-of-what-word-is-typed" class="question-hyperlink">Changing textarea textcolor based off of what word is typed</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">-1</div></a> <a href="../../questions/53941264/set-text-alignment-inside-the-textarea-using-css-is-not-working" class="question-hyperlink">Set text alignment inside the TextArea using css is not working</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">1</div></a> <a href="../../questions/61975677/style-a-particular-text-in-input-field" class="question-hyperlink">Style a particular text in input field</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/64411481/replace-empty-lines-with-p-tags-in-textarea-and-show-it-as-html-valid-code" class="question-hyperlink">Replace empty lines with <p> tags in textarea and show it as HTML valid code</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">0</div></a> <a href="../../questions/65393614/electronjs-make-bold-text-in-teaxtarea-with-local-keyboard-shortcut" class="question-hyperlink">ElectronJS - Make bold text in Teaxtarea with local keyboard shortcut</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/65803527/highlight-things-from-the-start-of-till-in-javascript" class="question-hyperlink">Highlight things from the start of '<' till '>' in JavaScript</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">0</div></a> <a href="../../questions/71599601/fill-div-child-s-content-to-overall-grid-layout" class="question-hyperlink">Fill DIV child's content to overall grid layout</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">0</div></a> <a href="../../questions/74107034/how-to-pass-jsx-to-textarea-component-as-children" class="question-hyperlink">How to pass JSX to textarea component as children?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">18</div></a> <a href="../../questions/17456295/is-it-possible-to-display-bold-and-non-bold-text-in-a-textarea" class="question-hyperlink">Is it possible to display bold and non-bold text in a textarea?</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">5</div></a> <a href="../../questions/17623364/spellchecker-speller-on-webkit" class="question-hyperlink">SpellChecker (speller) on webkit</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">1</div></a> <a href="../../questions/18076262/set-word-background-color-in-textarea" class="question-hyperlink">Set word background color in textarea</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">25</div></a> <a href="../../questions/20518310/how-to-highlight-a-part-of-text-in-textarea" class="question-hyperlink">How to highlight a part of text in textarea</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes answered-accepted default">4</div></a> <a href="../../questions/24744616/display-a-string-in-textarea-with-html-css-styling" class="question-hyperlink">Display a string in textarea with html/css styling</a> </div> </div> <div class="linked"> <div class="spacer"> <a title="Vote score (upvotes - downvotes)"><div class="answer-votes default">-1</div></a> <a href="../../questions/25882258/how-to-customize-span-into-textarea" class="question-hyperlink">How to customize span into textarea?</a> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>