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

顺晟科技

2021-08-06 10:40:59

<!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>

上一篇：共享:简单的HTML编辑器下一篇：HTML编辑器线编辑器

网站建设

Html

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