随笔 - 317, 文章 - 0, 评论 - 453, 阅读 - 114万
  博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

超简易在线HTML编辑

Posted on   PHP-张工  阅读(808)  评论(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>
复制代码



努力加载评论中...
点击右上角即可分享
微信分享提示