2

我正在使用一个文本区域，我允许用户在其中输入他的 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;">
4

2 回答 2

2

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

将 html 放在 iframe 中（使用 javascript）

于 2013-01-29T16:41:36.880 回答
0

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

查看编辑器

于 2013-01-29T13:05:13.243 回答