超简易在线HTML编辑器javascript
演示效果：
实现代码：<!DOCTYPE html><html><head> <title>超简易在线HTML编辑</title></head><body><table style="width:100%; border-col...
演示效果：
实现代码：
<!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>
上一篇：HTML滚动时位置固定
我要评论