富文本编辑实践
本文介绍了一种使用iframe实现的富文本编辑方法，并提供了具体的JavaScript函数示例，展示如何为文本添加加黑和斜体样式。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>富文本编辑，采用iframe嵌入的方法</title>
</head>
<body>
<iframe name="richedit" style="height:200px;width:300px;"src="blank.html"></iframe>
<br/>
<button onclick="bold()">加黑</button>
<button onclick="italic()">斜体</button>
<script>
window.onload=function(){
frames["richedit"].document.designMode="on";
}
function bold(){
frames["richedit"].document.execCommand("bold",false,null);
}
function italic(){
frames["richedit"].document.execCommand("italic",false,null);
}
</script>
</body>
</html>
另外一个空白frame是一个简单的空白blank.html，放在同一目录下即可
<!doctype html>
<head>
<title></title>
</head>
<body>
</body>
</html>
扫一扫
150
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
