码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript示例八(富文本编辑框)

时间:2014-11-27 00:19:16      阅读:234      评论:0      收藏:0      [点我收藏+]

标签: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>


JavaScript示例八(富文本编辑框)

标签:javascript

原文地址:http://blog.csdn.net/zjc/article/details/41527773

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!