将textarea中的特定文本设为粗体

Question

I have 2 notes which are displayed in the textarea of a table. There are 2 headings associated with the 2 notes. However i have to make the headings bold and make the second heading fall in the next line.

<td> 
    <textarea name="txtarea" id="txtid" style="border:none; min-width:200px ; min-height : 250px; "> Organisation Notes : @Model.SendMailList[i].OrgNotes @Html.HiddenFor( m => m.SendMailList[i].OrgNotes )  
                User Notes :   @Model.SendMailList[i].UserNotes @Html.HiddenFor( m => m.SendMailList[i].UserNotes )
          </textarea>                        
    </td>

Answer 1

You cannot use HTML inside TEXTAREA.

Instead you can emulate it:

 $( document ).ready(function() { $('.editable').each(function(){ this.contentEditable = true; });; }); 

 div.editable { -moz-appearance: textfield-multiline; -webkit-appearance: textarea; border: 1px solid gray; height: 150px; overflow: auto; padding: 2px; resize: both; width: 400px; } .go { font-weight: 700; } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> HTML <table width="100%"> <tr><th>HEADER 1</th><th>HEADER 2</th></tr> <tr><td>OTHER TEXT</td><td><div class="editable"><p class="go">Organisation Notes :</p> <p> @Model.SendMailList[i].OrgNotes @Html.HiddenFor( m => m.SendMailList[i].OrgNotes )</p> <p class="go">User Notes :</p><p> @Model.SendMailList[i].UserNotes @Html.HiddenFor( m => m.SendMailList[i].UserNotes )</p> </div></td></tr> </table> 

Regards