.net core Html.raw（）不编译从jQuery返回的代码

我正在尝试在我的页面上设置多色文本区域。 所以基本上我计划有一个文本区域输入和一个对象。当用户在textarea中键入时，只要用户在textarea中键入任何字母，就会用jQuery更新

类似于Stackoverflow

当用户完成键入时，他将从文本区域中选择一个文本，然后单击红色或蓝色按钮。 系统将读取所选文本，找到起始文本的索引并追加

 <span> style='color:red;'> 

在文本末尾添加

 </span>

老实说，我不确定这是最好的方法。我见过 有很多RichText编辑器，但没有任何保存按钮

无论如何。 到目前为止，我所做的是：

<div class="row">
<a href="#" name="BtnRed" id="BtnRed" class="btn btn-danger">Red</a>
<a href="#" name="BtnBlue" id="BtnBlue" class="btn btn-primary">Blue</a>

<form asp-action="Save" method="post">
    <textarea rows="10" style="width:100%" id="DetailText" name="DetailText">
        This email and any files whom this email is addressed. &lt;span&gt; style='color:red;'>This suppose to be red&lt;/span&gt;  
        Any unauthorised use, retention, distribution, copying or disclosure is strictly prohibited.
        If you have received this email in error)
    </textarea>
</form>
<hr />
@Html.Raw("<p id='viewText'></ p >");

Raw不编译文本，而是显示Html代码。style='color:red；'>这应该是红色的

---

Html.Raw不编译任何内容。它会释放你传递给它的任何东西而不会逃逸。这能回答你的问题吗？执行jQuery并发出结果HTML不是件小事。这也不是现成的。Stackoverflow无论如何都不能这样工作——它解析用户发布的标记文本，并使用标记解析器将其呈现为HTML。

<script src="~/lib/jquery/dist/jquery.js"></script>
 <script>

$(document).ready(function () {
    $("#viewText").text($("#DetailText").val());
    $("#DetailText").on('input',function () {
        $("#viewText").text(   $("#DetailText").val());
    });        
});