一个纯js实现的HTML网页编辑器Fully JavaScript Enabled Editor-PHP版源码.

<script language="javascript" src="EditorScripts.js"></script> <table class="maintable" cellpadding="0" cellspacing="0"> <tr> <td valign="top"> <table cellpadding="0" cellspacing="0"> <tr> <td> &nbsp;<img src="editorimages/toolbarstart.gif" /> <button id="btnBold" class="buttonStyle" title="Bold" onclick="doAction('Bold')"> <img src="editorimages/Bold.gif" /></button> <button id="btnItalic" class="buttonStyle" onclick="doAction('Italic')" title="Italic"> <img src="editorimages/Italic.gif" /></button> <button id="btnUnderline" class="buttonStyle" onclick="doAction('Underline')" title="Underline"> <img src="editorimages/Underline.gif" /></button> <button id="btnStrikeThru" class="buttonStyle" onclick="doAction('Strikethrough')" title="StrikeThrough"> <img src="editorimages/StrikeThrough.gif" /></button> <button id="btnFont" class="buttonStyle" onclick="showFontDiv()" title="Font"> <img src="editorimages/Font.gif" align="absmiddle" /></button> <button id="btnFontSize" class="buttonStyle" onclick="showFontSizeDiv()" title="Font Size"> <img src="editorimages/FontSize.gif" align="absmiddle" /></button> <button id="btnBackcolor" class="buttonStyle" onclick="showColorDiv('BackColor')" title="Backcolor"> <img src="editorimages/BackColor.gif" align="absmiddle" /></button> <button id="btnForecolor" class="buttonStyle" onclick="showColorDiv('ForeColor')" title="Forecolor"> <img src="editorimages/ForeColor.gif" align="absmiddle" /></button> <button id="btnOL" class="buttonStyle" onclick="doAction('InsertOrderedList')" title="Ordered List"> <img src="editorimages/InsertOrderedList.gif" /></button> <button id="btnUL" class="buttonStyle" onclick="doAction('InsertUnorderedList')" title="Unordered List"> <img src="editorimages/InsertUnorderedList.gif" /></button> <button id="btnLA" class="buttonStyle" onclick="doAction('JustifyLeft')" title="Left Align"> <img src="editorimages/JustifyLeft.gif" /></button> <button id="btnCA" class="buttonStyle" onclick="doAction('JustifyCenter')" title="Center Align"> <img src="editorimages/JustifyCenter.gif" /></button> <button id="btnRA" class="buttonStyle" onclick="doAction('JustifyRight')" title="Right Align"> <img src="editorimages/JustifyRight.gif" /></button> <button id="btnJA" class="buttonStyle" onclick="doAction('JustifyFull')" title="Justify"> <img src="editorimages/JustifyFull.gif" /></button> <button id="btnIndent" class="buttonStyle" onclick="doAction('Indent')" title="Indent"> <img src="editorimages/Indent.gif" /></button> <button id="btnOutdent" class="buttonStyle" onclick="doAction('Outdent')" title="Outdent"> <img src="editorimages/Outdent.gif" /></button> </td> </tr> <tr> <td width="100%"> &nbsp;<img src="editorimages/toolbarstart.gif" /> <button id="btnLink" class="buttonStyle" onclick="showDialog('li',380,125)" title="Insert Link"> <img src="editorimages/LinkManager.gif" /></button> <button id="btnTable" class="buttonStyle" onclick="showInsertPopup('tb',320,200)" title="Insert Table"> <img src="editorimages/InsertTable.gif" /></button> <button id="btnImage" class="buttonStyle" onclick="showInsertPopup('im',350,340)" title="Insert Image"> <img src="editorimages/ImageMapDialog.gif" /></button> <button id="btnFlash" class="buttonStyle" onclick="showInsertPopup('fl',350,320)" title="Insert Flash"> <img src="editorimages/InsertFlash.gif" /></button> <button id="btnMedia" class="buttonStyle" onclick="showInsertPopup('me',350,320)" title="Insert Media"> <img src="editorimages/InsertMedia.gif" /></button> <button id="btnSPChars" class="buttonStyle" onclick="showDialog('sc',350,330)" title="Insert Special Characters"> <img src="editorimages/InsertSymbol.gif" /></button> <button id="btnTemplates" class="buttonStyle" onclick="showInsertPopup('tm',350,260)" title="Insert Template"> <img src="editorimages/InsertTemplate.gif" /></button> <button id="btnSave" class="buttonStyle" onclick="showInsertPopup('st',380,125)" title="Save Template in Server"> <img src="editorimages/Save.gif" /></button> <button id="bntSave2" class="buttonStyle" onclick="doActionWithValues('SaveAs','1','MyDocument')" title="Save Template Locally"> <img src="editorimages/SaveLocal.gif" /></button> <button id="btnPrint" class="buttonStyle" onclick="doAction('Print')" title="Print"> <img src="editorimages/Print.gif" /></button> <button id="btnOutput" class="buttonStyle" onclick="showPreview('o')" title="Preview"> <img src="editorimages/ButtonPreview.gif" /></button> <button id="btnPreview" class="buttonStyle" onclick="showPreview('s')" title="Html Source"> <img src="editorimages/ButtonHtml.gif" /></button> <button id="btnDesign" class="buttonStyle" onclick="showPreview('d')" title="Design" disabled="disabled"> <img src="editorimages/ButtonDesign.gif" /></button> </td> </tr> <tr> <td style="width: 100%"> &nbsp;<img src="editorimages/toolbarstart.gif" /> <button id="btnFrmButton" class="buttonStyle" onclick="doActionWithValues('InsertInputButton','1','Button1')" title="Insert Button"> <img src="editorimages/InsertFormButton.gif" /></button> <button id="btnFrmCheckbox" class="buttonStyle" onclick="doActionWithValues('InsertInputCheckbox','1','Checkbox1')" title="Insert Checkbox"> <img src="editorimages/InsertFormCheckbox.gif" /></button> <button id="btnFrmHidden" class="buttonStyle" onclick="doActionWithValues('InsertInputHidden','1','Hidden1')" title="Insert Form Hidden"> <img src="editorimages/InsertFormHidden.gif" /></button> <button id="btnFrmFileUpload" class="buttonStyle" onclick="doActionWithValues('InsertInputFileUploa