edit.htm

本程序基于 asp.net 2.0 +sql server 2


<script type ="text/javascript" src="../edit/edit.js"></script>
<script type ="text/javascript" src="../edit/1.js"></script>

<div id="toolbar" style="width: 450px; height: 50px; border-right: darkgray thin solid; border-top: darkgray thin solid; border-left: darkgray thin solid; border-bottom: darkgray thin solid; vertical-align: top; ">
<select id="Select1" name="FontName" style="vertical-align: top;" size="1" onchange="changeFontName();">
<option selected value="宋体">宋体</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option  value="黑体">黑体</option>
<option value="楷体_GB2312">楷体</option>
<option value="仿宋_GB2312">仿宋</option> 
</select>
<select id="Select2" name="FontSize" style="vertical-align: top; width: 66px;" size="1" onchange="changeFontSize();">
<option value="1">8pt</option>
<option value="2">10pt</option>
<option selected="selected" value="3">12pt</option>
<option value="4">14pt</option>
<option value="5">16pt</option>
<option value="6">18pt</option>
</select>
<img src="../edit/image/UI_bold.gif"  onclick ="format('bold');"  alt="加粗" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_italic.gif"  onclick ="format('italic');" alt="字体倾斜"  onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_underline.gif"  onclick ="format('underline');" alt="下划线"  onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_form-strike.gif" onclick ="format('StrikeThrough');" alt="删除线" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_tool_vertical.gif" onclick ="VerticalMode();" alt="文本竖排" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/gray_blank.gif"  />
            <img src="../edit/image/UI_superscript.gif" onclick ="format('superscript');" alt="上标" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_subscript.gif"  onclick ="format('subscript');" alt="下标" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/gray_blank.gif" />
            &nbsp;
<img src="../edit/image/UI_redo.gif"  onclick ="format('redo');" alt="重做" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
            <img src="../edit/image/UI_undo.gif"  onclick ="format('undo');" alt="撤销" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_tool-cut.gif"  onclick ="format('cut');" alt="剪切"  onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_form-copy.gif"   onclick ="format('copy');" alt="复制" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_paste.gif"  onclick ="format('paste');" alt="粘贴" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />&nbsp;
<img src="../edit/image/gray_blank.gif"  />
<img src="../edit/image/UI_outdent.gif"  onclick ="format('outdent');" alt="减少缩进量" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_indent.gif"  onclick ="format('indent');" alt="增加缩进量" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_InsertOrderedList.gif" onclick ="format('InsertOrderedList');" alt="数字序号" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_UnOrderedList.gif" onclick ="format('InsertUnOrderedList');" alt="方块序号" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/gray_blank.gif"  />
<img src="../edit/image/UI_leftalign.gif"  onclick ="format('Justifyleft');" alt="左对齐" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_centeralign.gif" onclick ="format('Justifycenter');" alt="居中" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_rightalign.gif" onclick ="format('JustifyRight');" alt="右对齐" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/gray_blank.gif" />
<img src="../edit/image/UI_fontcolor.gif"  onclick ="changeColor('ForeColor');" alt="字体颜色" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_backcolor.gif"  onclick ="changeColor('backColor');" alt="背景色" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
            &nbsp;
<img src="../edit/image/UI_hr.gif"  onclick ="format('InsertHorizontalRule');" alt="插入水平线" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />&nbsp;
<img src="../edit/image/UI_image.gif"  onclick ="insertImage();" alt="插入网络图片" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/ui_link.gif"  onclick ="CreateLink()" alt="插入超链接"; onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/ui_upimage.gif"  onclick ="upImage();" alt="从本地上传图片" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img id="imgA" src="../edit/image/ui_upfile.gif"  onclick ="upFile();" alt="从本地上传文件、音乐、Flash" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/UI_removeformat.gif" onclick ="format('RemoveFormat');" alt="清除格式" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" />
<img src="../edit/image/insertUbb.jpg"  onclick ="insertubb();" alt="插入小图标" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" /></div>
<div  id="editor"   contenteditable="true" style="width: 450px; height: 250px; border-right: linen thin solid; padding-right: 0px; border-top: linen thin solid; padding-left: 0px; padding-bottom: 0px; margin: 0px; border-left: linen thin solid; padding-top: 0px; border-bottom: linen thin solid; overflow: auto; font-size: 11pt; text-indent: 20pt; line-height:1.5; font-family: 宋体; letter-spacing: normal; text-align: left;word-wrap:break-word; word-break :break-all "  runat ="server" >
        </div>
        <div id="foot" style="width: 450px; height: 8px">
<input id="Checkbox1" style="vertical-align: top; width: 18px"
                title="view source" type="checkbox"  onclick="viewHtml();" name="viewHtmlCheck" value=""/>显示html代码
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        </div>