📄 html 编辑器.htm

📁 javascript编程的组件
💻 HTM
📖 第 1 页 / 共 2 页
字号:
12 下一页
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0051)http://fason.nease.net/code/js/other/htmleditor.htm -->
<!-- saved from url=(0067)http://lucky.myrice.com/javascriptexam/htmleditor/editor/editor.htm --><HTML><HEAD><TITLE>HTML 编辑器</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE>BODY {
	FONT-SIZE: 12px; FONT-FAMILY: 细明体
}
TD {
	FONT-SIZE: 12px; FONT-FAMILY: 细明体
}
BUTTON {
	FONT-SIZE: 12px; FONT-FAMILY: 细明体
}
INPUT {
	FONT-SIZE: 12px; FONT-FAMILY: 细明体
}
DIV {
	BORDER-RIGHT: #d9cec4 1px solid; BORDER-TOP: #d9cec4 1px solid; BACKGROUND: #d9cec4; BORDER-LEFT: #d9cec4 1px solid; WIDTH: 24px; CURSOR: default; BORDER-BOTTOM: #d9cec4 1px solid; HEIGHT: 20px; TEXT-ALIGN: center; borderColor: #ffffff
}
.function {
	WIDTH: 80px
}
</STYLE>

<SCRIPT>function BtnOver(btn){btn.style.borderTopColor="#efece8";btn.style.borderBottomColor="#888070";btn.style.borderLeftColor="#efece8";btn.style.borderRightColor="#888070";}function BtnClick(btn){btn.style.borderTopColor="#888070";btn.style.borderBottomColor="#efece8";btn.style.borderLeftColor="#888070";btn.style.borderRightColor="#efece8";}function BtnOut(btn){btn.style.borderColor="#d9cec4";}function doCut(){doc.execCommand('Cut');Editor.focus();}function doCopy(){doc.execCommand('Copy');Editor.focus();}function doPaste(){doc.execCommand('Paste');Editor.focus();}function doUndo(){doc.execCommand('Undo');Editor.focus();}function doDelete(){doc.execCommand('Delete');Editor.focus();}function doFontName(fn){doc.execCommand('FontName', false, fn);Editor.focus();}function doFontSize(fs){doc.execCommand('FontSize', false, fs);Editor.focus();}function doBold(){doc.execCommand('Bold');Editor.focus();}function doItalic(){doc.execCommand('Italic');Editor.focus();}function doUnderline(){doc.execCommand('Underline');Editor.focus();}function doStrikeThrough(){doc.execCommand('StrikeThrough');Editor.focus();}function doSubscript(){doc.execCommand('Subscript');Editor.focus();}function doSuperscript(){doc.execCommand('Superscript');Editor.focus();}function doJustifyLeft(){doc.execCommand('JustifyLeft');Editor.focus();}function doJustifyRight(){doc.execCommand('JustifyRight');Editor.focus();}function doJustifyCenter(){doc.execCommand('JustifyCenter');Editor.focus();}function doIndent(){doc.execCommand('Indent');Editor.focus();}function doOutdent(){doc.execCommand('Outdent');Editor.focus();}function doForeColor(){var fcolor=showModalDialog("editor_color.htm",false,"dialogWidth:106px;dialogHeight:126px;status:0;");doc.execCommand('ForeColor',false,fcolor);Editor.focus();}function doBackColor(){var bcolor=showModalDialog("editor_color.htm",false,"dialogWidth:106px;dialogHeight:126px;status:0;");doc.execCommand('BackColor',false,bcolor);Editor.focus();}function doInsertTable(){var dotable=showModalDialog("editor_table.htm",false,"dialogWidth:200px;dialogHeight:156px;status:0;");if (dotable!=undefined){doc.body.innerHTML=doc.body.innerHTML+dotable;}else{return false;}Editor.focus();}function doInsertOrderedList(){doc.execCommand('InsertOrderedList');Editor.focus();}function doInsertUnorderedList(){doc.execCommand('InsertUnorderedList');Editor.focus();}function doCreateLink(){doc.execCommand('CreateLink');Editor.focus();}function doInsertImage(){Editor.focus();doc.execCommand('InsertImage','xxx');}function doInsertInputButton(){Editor.focus();doc.execCommand('InsertInputButton');}function doInsertHorizontalRule(){Editor.focus();doc.execCommand('InsertHorizontalRule');}function doInsertInputCheckbox(){Editor.focus();doc.execCommand('InsertInputCheckbox');}function doInsertInputRadio(){Editor.focus();doc.execCommand('InsertInputRadio');}function doInsertInputText(){Editor.focus();doc.execCommand('InsertInputText');}function doInsertInputPassword(){Editor.focus();doc.execCommand('InsertInputPassword');}function doInsertInputSubmit(){Editor.focus();doc.execCommand('InsertInputSubmit');ShowMessage();}function doInsertInputReset(){Editor.focus();doc.execCommand('InsertInputReset');ShowMessage();}function doInsertMarquee(){Editor.focus();doc.execCommand('InsertMarquee');ShowMessage();}function doInsertSelectDropdown(){Editor.focus();doc.execCommand('InsertSelectDropdown');}function doInsertTextArea(){Editor.focus();doc.execCommand('InsertTextArea');}function doPrint(){doc.execCommand('Print');Editor.focus();}function doSaveAs(){doc.execCommand('SaveAs',0,"未命名");Editor.focus();}function doOpen(){doc.execCommand('Open');Editor.focus();}function EditResource(){Preview.value=doc.body.innerHTML;return false;}function ClearAll(){doc.body.innerHTML='';Preview.value='';return false;}function SeePreview(){doc.body.innerHTML=Preview.value;return false;}function AutoPreview(){if(vx.checked){SeePreview();}}function EditMode(){doc.designMode = "On";window.setTimeout('SeePreview()',100);Preview.focus();}function PreviewMode(){doc.designMode = "Off";window.setTimeout('SeePreview()',100);Preview.focus();}function ShowMessage(){alert("请按两下物件编辑内容");}</SCRIPT>

<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY onkeyup=AutoPreview(); bgColor=#e0e0e0>
<CENTER>
<TABLE cellSpacing=0 borderColorDark=#efece8 cellPadding=0 width=600 
borderColorLight=#888070 border=1>
  <TBODY>
  <TR>
    <TD bgColor=#d9cec4>
      <TABLE cellSpacing=1 cellPadding=0 border=0>
        <TBODY>
        <TR>
          <TD><IMG src="HTML 编辑器.files/editor_h.gif"></TD>
          <TD>
            <DIV onmouseup=BtnOver(this); onmousedown=BtnClick(this); 
            onmouseover=BtnOver(this); title=存档 onclick=doSaveAs(); 
            onmouseout=BtnOut(this);><IMG 
            src="HTML 编辑器.files/editor_f01.gif"></DIV></TD>
          <TD>
            <DIV onmouseup=BtnOver(this); onmousedown=BtnClick(this);
12 下一页
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -