DHTML Edit Control Safe for Scripting for IE5
[ 2006-07-25 15:56:52 | 作者:
sunya ]
DHTML编辑器
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> DHTML Edit Control Safe for Scripting for IE5 </TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript" defer>
<!--
var DECMD_BOLD = 5000;
var DECMD_FINDTEXT = 5008;
var DECMD_FONT = 5009;
var DECMD_HYPERLINK = 5016;
var DECMD_INSERTTABLE = 5022;
var DECMD_ITALIC = 5023;
var DECMD_JUSTIFYCENTER = 5024;
var DECMD_JUSTIFYLEFT = 5025;
var DECMD_JUSTIFYRIGHT = 5026;
var DECMD_REDO = 5033;
var DECMD_UNDERLINE = 5048;
var DECMD_UNDO = 5049;
var DECMD_UNLINK = 5050;
var OLECMDEXECOPT_DONTPROMPTUSER = 2;
function insertHTML(code){
try{
DHTML.DOM.selection.createRange().pasteHTML (code);
}catch(e){
alert("拒绝操作!");
}
}
function insertTable(){
// I don't know how to use the class DEInsertTableParam at here
//email:anebrt@56.com ,thank you.
/*
var tableParam
var rows,cols;
DHTML.execCommand DECMD_INSERTTABLE, OLECMDEXECOPT_DONTPROMPTUSER, tableParam
*/
//you can use insertHTML() for this function,eg.
}
function insertMarquee(){
var strText = "bbs.51js.com ... ";
strText = "<marquee>" + strText + "</marquee>";
insertHTML(strText);
}
function insertForm(){
var strText = "<FORM METHOD=POST ACTION=\"\"> 名称:<INPUT TYPE=\"text\" NAME=\"username\"> <BR> 密码:<INPUT TYPE=\"text\" NAME=\"password\"> <BR> <INPUT TYPE=\"submit\"> <INPUT TYPE=\"reset\"></FORM>";
insertHTML(strText);
}
function viewSource(){
sourceDiv.style.display=="none"?sourceDiv.style.display="":sourceDiv.style.display="none";
source.value=DHTML.DocumentHTML;
}
function updateSource(){
DHTML.DocumentHTML=source.value;
DHTML.Refresh();
}
function preview(){
var win=window.open("about:blank");
win.document.write (DHTML.DocumentHTML);
win.document.close();
}
//-->
</SCRIPT>
<OBJECT ID="DHTML" WIDTH="600" HEIGHT="400" CLASSID="CLSID:2D360201-FFF5-11d1-8D03-00A0C959BC0A">
</OBJECT>
<BR \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_BOLD);" value="粗体" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_ITALIC);" value="斜体" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_UNDERLINE);" value="下划线" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_JUSTIFYLEFT);" value="居左" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_JUSTIFYCENTER);" value="居中" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_JUSTIFYRIGHT);" value="居右" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_UNDO);" value="撤消" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_REDO);" value="恢复" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_HYPERLINK);" value="超链接" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_UNLINK);" value="取消超链接" \>
<BR \>
<INPUT TYPE="button" onclick="insertTable()" value="插入表格" disabled=true\>
<INPUT TYPE="button" onclick="insertMarquee()" value="插入字幕" \>
<INPUT TYPE="button" onclick="insertForm()" value="插入表单" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_FONT);" value="字体" \>
<INPUT TYPE="button" onclick="DHTML.execCommand(DECMD_FINDTEXT);" value="查找" \>
<INPUT TYPE="button" onclick="viewSource()" value="源码" \>
<INPUT TYPE="button" onclick="DHTML.newDocument()" value="新建" \>
<INPUT TYPE="button" onclick="preview()" value="预览" \>
<BR \>
<div id="sourceDiv" style="display:none;">
<textarea id="source" rows=6 cols=39></textarea>
<BR \>
<INPUT TYPE="button" onclick="updateSource()" value="更新" \>
<INPUT TYPE="button" onclick="sourceDiv.style.display='none'" value="取消" \>
</div>
</BODY>
</HTML>