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

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

时间:2014-11-27 12:56:44      阅读:213      评论: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>


本文出自 “空空如也” 博客,请务必保留此出处http://6738767.blog.51cto.com/6728767/1583084

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

标签:javascript

原文地址:http://6738767.blog.51cto.com/6728767/1583084

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