使 textarea 中的特定文本变为粗体

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

您不能在 TEXTAREA 中使用 HTML。

相反，您可以模仿它：

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

问候