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>


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。