HTML编辑器基础:兼容各种浏览器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>无标题 1</title>
</head>

<body>
<iframe src="about:blank" name="myEditor" id="ttEditor" style="width:400px;height:300px;"></iframe>
<br/>
<input type="button" onclick="getFrameSelect()" value="获取选中的值" />
<script type="text/javascript">
<!--
function $F(id){return document.getElementById(id);}
var editor = $F("ttEditor");
var editorDoc = editor.contentWindow.document;
var editorWindow = editor.contentWindow;
editorDoc.designMode = "on";
editorDoc.open();
editorDoc.write("<html><head></head><body style='margin:0px; padding: 0px;'></body></html>");
editorDoc.close();
function getFrameSelect()
{
	alert(getSelectionText());
}
function getSelectionText() { 
	if(window.getSelection) {
		return editorWindow.window.getSelection().toString(); 
	} 
	else if(document.selection && document.selection.createRange) 
	{
		return editorDoc.document.selection.createRange().text; 
	} 
	return ''; 
}
//-->
</script>

</body>

</html>

  

posted @ 2013-01-08 14:22  黑冰.org  阅读(608)  评论(0编辑  收藏  举报