simpleedit.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>

<span style="font-size: 10pt"></span>
<div id="toolbar" style="width: 350px; height: 9px; border-right: darkgray thin solid; border-top: darkgray thin solid; border-left: darkgray thin solid; border-bottom: darkgray thin solid; vertical-align: top; ">
<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_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=''" />
<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 src="edit/image/insertUbb.jpg"  onclick ="insertubb();" alt="插入小图标" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" /><br />
<img src="edit/image/UI_paste.gif"  onclick ="format('paste');" alt="粘贴" onmouseover="this.style.backgroundColor='limegreen'" onmouseout="this.style.backgroundColor=''" /><span
    style="font-size: 10pt; vertical-align: super">←发表回复意外丢失，先点下面的编辑框，再点它</span></div>
<div  id="editor"  runat ="server" contenteditable="true" style="width: 350px; height: 212px; 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: 140%; font-family: 宋体, 楷体_GB2312, 'Times New Roman'; letter-spacing: normal; text-align: left;"  >
        </div>