📄 htmledit.ascx
字号:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="HtmlEdit.ascx.cs" Inherits="UserControl_HtmlEdit" %>
<html>
<head>
<title>HTML编辑器</title>
<meta NAME="Generator" CONTENT="EditPlus">
<meta NAME="Author" CONTENT="">
<meta NAME="Keywords" CONTENT="">
<meta NAME="Description" CONTENT="">
<script language="javascript" type="text/javascript" src="Editor/Editor.js"></script>
<script language="javascript" type="text/javascript" src="js/edit.js"></script>
<style> .Hand_Off { TEXT-ALIGN: center }
.Hand_On { BORDER-RIGHT: #3169c6 1px solid; BORDER-TOP: #3169c6 1px solid; BORDER-LEFT: #3169c6 1px solid; WIDTH: 20px; CURSOR: pointer; BORDER-BOTTOM: #3169c6 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #c6d3ef; TEXT-ALIGN: center }
</style>
</head>
<body>
<table cellspacing="0" bordercolordark="#ffffff" width="500px" bgcolor="#ffffff" borderColorLight="#666666" border="1">
<tr>
<td>
<table>
<tr>
<td>
<select name="font_name" id="font_name" onchange="FontName(this.options[this.selectedIndex].value)">
<option class="heading" selected>字体</option>
<option value="宋体">宋体</option>
<option value="黑体">黑体</option>
<option value="楷体_GB2312">楷体</option>
<option value="仿宋_GB2312">仿宋</option>
<option value="隶书">隶书</option>
<option value="幼圆">幼圆</option>
<option value="新宋体">新宋体</option>
<option value="细明体">细明体</option>
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Arial Narrow">Arial Narrow</option>
<option value="Courier">Courier</option>
<option value="Courier New">Courier New</option>
<option value="Script">Script</option>
<option value="System">System</option>
<option value="Verdana">Verdana</option>
<option value="Wide Latin">Wide Latin</option>
<option value="Wingdings">Wingdings</option>
</select>
</td>
<td>
<select name="font_size" id="font_size" onchange="FontSize(this.options[this.selectedIndex].value)">
<option value="1" selected>字号</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
</select>
</td>
<td OnClick="FontColor()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/fgcolor.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="字体颜色"></td>
<td OnClick="BackColor()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/fbcolor.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="背景颜色"></td>
<td OnClick="bold()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/bold.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="加粗"></td>
<td OnClick="italic()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/italic.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="倾斜"></td>
<td OnClick="underline()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/underline.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="下划线"></td>
<td OnClick="ralign('left')" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/aleft.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="居左"></td>
<td OnClick="ralign('center')" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/center.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="居中"></td>
<td OnClick="ralign('right')" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/aright.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="居右"></td>
<td OnClick="url()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/wlink.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="超级链接"></td>
<td OnClick="unurl()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/unlink.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="取消链接"></td>
<td OnClick="image()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/img.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="插入图片"></td>
<td Onclick="flash()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/swf.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="插入Flash动画"></td>
<td Onclick="wmv()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/wmv.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="插入Windows Media"></td>
<td OnClick="rm()" this.className='Hand_Off'; onmouseover="this.className='Hand_On';" onmouseout="this.className='Hand_Off';"><IMG SRC="Editor/images/rm.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT="插入RM电影"></td>
<td onmouseover="this.className='Hand_On';" onclick=unformat() onmouseout="this.className='Hand_Off';" this.className="Hand_Off";ondrag="return false;"><img HEIGHT="16" BORDER="0" alt="取消格式" src="Editor/images/cleancode.gif" width=16/></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><font face=宋体></font></td>
</tr>
<tr>
<td>
<script language="javascript" type="text/javascript">
<!--
Editor(document.aspnetForm.ctl00_Content_content.value);
//-->
</script>
</td>
</tr>
</table>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -