在线编辑

<iframe id="myEditer" width="100%" height="150"></iframe>
			
			<input type="button" value="加粗" οnclick="Bold()">
			
			<TEXTAREA style="Z-INDEX: 101; LEFT: 40px; WIDTH: 888px; POSITION: absolute; TOP: 304px; HEIGHT: 38px" id="txt"rows="2" cols="108">
			</TEXTAREA>
			<script> 
				myEditer.document.designMode = 'on'; 
				function Bold(){ 
				var sel = myEditer.document.selection.createRange(); 
				//alert(sel.text); 
				sel.execCommand("Bold");
				document.getElementById('txt').value=myEditer.document.body.innerHTML;
				alert(document.getElementById('txt').value);
				alert(myEditer.document.body.innerHTML);
				
			/*	
				case "b":
				range.execCommand("bold");
					break;
				case "i":
					range.execCommand("italic");
					break;
				case "u":
					range.execCommand("underline");
					break;
				case "left":
					range.execCommand("JustifyLeft");
					break;
				case "middle": 
					range.execCommand("JustifyCenter");
					break;
				case "right":
					range.execCommand("JustifyRight");
					break;
				case "numList":
					range.execCommand("InsertOrderedList");
					break;
				case "bollList":
					range.execCommand("InsertUnorderedList");
					break;
				case "link":
					range.execCommand("CreateLink");
					break;
				case "link_delete":
					range.execCommand("unlink");
					break;
				case "clear":	//書式削除 RemoveFormat
					range.execCommand("RemoveFormat");
					break;
					
				execCommand()的常用用法： 
				字体--宋体、黑体、楷体等 
				execCommand("fontname","",字体) 
				字号--字号大小 
				execCommand("fontsize","",字号) 
				加重 
				execCommand("Bold") 
				斜体 
				execCommand("Italic") 
				下划线 
				execCommand("Underline") 
				删除线 
				execCommand("StrikeThrough") 
				居左 
				execCommand("JustifyLeft") 
				居右 
				execCommand("JustifyRight") 
				居中 
				execCommand("JustifyCenter") 
				剪切 
				execCommand("Cut") 
				拷贝 
				execCommand("Copy") 
				粘贴 
				execCommand("Paste") 
				取消操作--IE5.0以后可以无限取消 
				execCommand("Undo") 
				重复操作 
				execCommand("Redo") 			
					*/
				} 
			</script>