博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

超简易在线HTML编辑

Posted on 2012-02-06 11:55  PHP-张工  阅读(805)  评论(1)  编辑  收藏  举报
HTML预览
test

源码：

<!DOCTYPE html>
<html>
<head>
    <title>超简易在线HTML编辑</title>
</head>
<body>
<table style="width:100%; border-collapse:collapse;" border="1">
<tr>
<th>HTML</th>
<th>预览</th>
</tr>
<tr>
<td style="width:40%; vertical-align:top;">
<textarea wrap="off" style="width:98%; height:600px; color:blue; overflow:scroll; border:solid 1px red; line-height:23px; font-size:14px; font-family:Consolas;"
onkeyup="document.getElementById('divHtml').innerHTML = this.value;"></textarea>
</td>
<td style="width:60%; vertical-align:top;">
<div id="divHtml"></div>
</td>
</tr>
</table>
</body>
</html>