Javascript 将字符串显示为经过修饰的HTML源代码

我正在开发一个ASP.NET MVC web应用程序

在一个页面上，我有一个字符串，如下所示：

<p>
    <i>This</i> is some <strong>text</strong>&nbsp;!
</p>

这将以我希望的方式呈现文本：

但是，截至，对

查看源代码
URL的访问被拒绝

想法2：
我的下一次尝试是获取
innerHTML
，并将该文本写入新窗口：

function showSource(){
    source += document.getElementById('myDivID').innerHTML;
    source = source.replace(/</g, "&lt;").replace(/>/g, "&gt;");
    source = "<pre>" + source + "</pre>";
    sourceWindow = window.open('', '_blank');
    sourceWindow.document.write(source);
    sourceWindow.document.close();
    if(window.focus) sourceWindow.focus();
}

函数showSource（）{
source+=document.getElementById（'myDivID'）.innerHTML；
source=source.replace（//g，“”）；
source=“”+source+”；
sourceWindow=window.open（''，''u blank'）；
sourceWindow.document.write（source）；
sourceWindow.document.close（）；
if（window.focus）sourceWindow.focus（）；
}

该方法成功地将文本传递到新选项卡，但是，代码显示在一行不可读的未格式化行中：

这是一些文本
 

想法3：
我还想删除
Html.Raw（）
，但是这种想法也会使代码以不可读的格式呈现：

这是一些文本
 

如何在新选项卡中打开
Model.MyText
string并将其呈现为美化的HTML

理想情况下，如果只使用HTML或JavaScript就可以实现这一点，那将是一件好事，但我也愿意接受需要调用MVC ActionResult的想法。
像使用js代码编辑器一样使用js代码编辑器，或者使用代码编辑器，对我正在尝试的工作来说，似乎有些过火了。另外，我不想编辑文本。对于这个按钮，我只是在寻找一种方法来呈现一个快速而清晰的代码预览。您是否以某种方式解决了这个问题@Tot@alex不，我仍然在寻找一个不需要整个编辑器的解决方案。谢谢你的想法。
function showSource(){
    source += document.getElementById('myDivID').innerHTML;
    source = source.replace(/</g, "&lt;").replace(/>/g, "&gt;");
    source = "<pre>" + source + "</pre>";
    sourceWindow = window.open('', '_blank');
    sourceWindow.document.write(source);
    sourceWindow.document.close();
    if(window.focus) sourceWindow.focus();
}