如何在mvc的textarea中预览html答案

【问题标题】：How to preview html in textarea in mvc如何在mvc的textarea中预览html
【发布时间】：2013-01-29 12:56:57
【问题描述】：

我正在使用一个文本区域，我允许用户在其中输入他的 html。

当用户输入 HTML 时，有一个预览选项（按钮），当用户单击预览按钮时，文本区域被隐藏，html 显示在 div 中。

当用户输入一些带有body标签等的html时，页面的设计就会受到干扰。

有什么办法解决

我面临的问题是生成预览时。

演示 HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Contest Announcement</title>
<style type="text/css">

body{width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0 auto; padding:0; background-color:#FFFFFF;}
#outlook a {padding:0;} 
#backgroundTable {margin:0; padding:0; width:100% !important; line-height: 100% !important;}
.ExternalClass {width:100%;}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;}

img {outline:none; text-decoration:none; -ms-interpolation-mode: bicubic; display:block; border:none;} 
p {margin: 1em 0;}
table td {border-collapse: collapse;}

.symbolfix img{width:10px !important;height:10px !important;}

</style>

</head>

<body style="width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0 auto; padding:0; background-color:#FFFFFF;">

【问题讨论】：

这里有什么HTML需要输入的规则吗？在显示预览之前验证它。否则将 HTML 发布到服务器并将其加载到 iframe 中。
1- 预览是从客户端完成的 2- 有没有办法在客户端也可以验证它

标签： asp.net-mvc asp.net-mvc-3 model-view-controller

【解决方案1】：

这可能不是最理想的，但为什么不尝试使用 javascript & jQuery 将文本区域的内容分配给 iframe？这是一篇文章的链接，详细介绍了如何将 HTML 注入 iframe。

putting html inside an iframe (using javascript)

【讨论】：

【解决方案2】：

您可以使用 WYSIWYG 编辑器轻松完成此操作。

查看Redactor

【讨论】：

@Evostract 哦..我明白了。也许您可以在此处或带有链接的 jsfiddle 上发布您的代码......当我们看到代码时更容易解决问题。
查看用户可以输入任何类型的 html，但我仍然为他尝试使用的演示 html 编辑了帖子