Сделать текст в текстовой области жирным шрифтом

Question

У меня есть 2 заметки, которые отображаются в текстовой области таблицы. Есть 2 заголовка, связанные с 2 примечаниями. Однако я должен выделить заголовки жирным шрифтом и сделать так, чтобы второй заголовок попал в следующую строку.

<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

Вы не можете использовать HTML внутри TEXTAREA.

Вместо этого вы можете подражать ему:

$( 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>

Привет