📄 editor.js
字号:
}else{
if (isurl($("thttp").value)){
window.returnValue = $("thttp").value;
}else{
window.returnValue = "";
}
}
}
window.close();
}
// 显示选择颜色面板
function show_IWE_Color_Panel(){
show_IWE_Panel('IWE_Color_Link','IWE_Color_Panel');
}
// 隐藏选择颜色面板
function hide_IWE_Color_Panel(){
hide_IWE_Panel('IWE_Color_Link','IWE_Color_Panel');
}
// 显示选择字体面板
function show_IWE_Family_Panel(){
show_IWE_Panel('IWE_Family_Link','IWE_Family_List');
}
// 隐藏选择字体面板
function hide_IWE_Family_Panel(){
hide_IWE_Panel('IWE_Family_Link','IWE_Family_List');
}
// 显示选择字号面板
function show_IWE_Size_Panel(){
show_IWE_Panel('IWE_Size_Link','IWE_Size_List');
}
// 隐藏选择字号面板
function hide_IWE_Size_Panel(){
hide_IWE_Panel('IWE_Size_Link','IWE_Size_List');
}
// 切换为设计模式
function do_IWE_Design(){
if (!IWE_Design_Mode)
{
$("IWE_Desing").className = "selected";
$("IWE_Code").className = "";
IWE_Frame.document.body.innerHTML = IWE_Filter(IWE_Frame.document.body.innerText);
IWE_Design_Mode = true;
}
IWE_Frame.focus();
}
// 切换为代码模式
function do_IWE_Code(){
if (IWE_Design_Mode)
{
$("IWE_Desing").className = "";
$("IWE_Code").className = "selected";
IWE_Frame.document.body.innerText = IWE_Filter(IWE_Frame.document.body.innerHTML);
IWE_Design_Mode = false;
}
IWE_Frame.focus();
}
// 切换为预览
function do_IWE_Preview(){
IWE_Frame.focus();
if (!IWE_Design_Mode) {
$("IWE_Desing").className = "selected";
$("IWE_Code").className = "";
IWE_Frame.document.body.innerHTML = IWE_Filter(IWE_Frame.document.body.innerText);
IWE_Design_Mode = true;
}
var opener = window.open("about:blank", "_blank", "width=800, height=600, scrollbars=yes");
opener.document.open();
opener.document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\""+getlocal()+"resource/skins/default/content.css\">");
opener.document.write(IWE_Frame.document.body.innerHTML);
opener.document.close();
}
// 清除 HTML 标签
function do_IWE_Removeformat(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("RemoveFormat");
IWE_Frame.focus();
}
// 执行重做
function do_IWE_Redo(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("Redo");
IWE_Frame.focus();
}
// 执行撤销
function do_IWE_Undo(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("Undo");
IWE_Frame.focus();
}
// 增高工作区
function do_IWE_Add(){
IWE_Height += 100;
$("IWE_Frame").height = IWE_Height;
IWE_Frame.focus();
}
// 降低工作区
function do_IWE_Slow(){
if (IWE_Height>100){
IWE_Height -= 100;
$("IWE_Frame").height = IWE_Height;
}
IWE_Frame.focus();
}
// 设置字体
function do_IWE_Font_Face(face){
IWE_Frame.focus();
$("IWE_Family_List").style.display = "none";
IWE_Frame.document.execCommand("FontName", true, face);
IWE_Frame.focus();
}
// 设置字号
function do_IWE_Font_Size(size){
IWE_Frame.focus();
$("IWE_Size_List").style.display = "none";
IWE_Frame.document.execCommand("FontSize", true, size);
IWE_Frame.focus();
}
// 设置字体色彩
function do_IWE_Font_Color(color){
IWE_Frame.focus();
$("IWE_Color_Panel").style.display = "none";
IWE_Frame.document.execCommand("ForeColor", false, color);
IWE_Frame.focus();
}
// 文字加粗
function do_IWE_Bold(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("Bold");
IWE_Frame.focus();
}
// 文字斜体
function do_IWE_Italic(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("Italic");
IWE_Frame.focus();
}
// 文字下划线
function do_IWE_Underline(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("Underline");
IWE_Frame.focus();
}
// 文本居左
function do_IWE_Left(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("JustifyLeft");
IWE_Frame.focus();
}
// 文本居中
function do_IWE_Center(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("JustifyCenter");
IWE_Frame.focus();
}
// 文本居右
function do_IWE_Right(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("JustifyRight");
IWE_Frame.focus();
}
// 数字列表
function do_IWE_Orderedlist(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("InsertOrderedList");
IWE_Frame.focus();
}
// 项目列表
function do_IWE_Unorderedlist(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("InsertUnorderedList");
IWE_Frame.focus();
}
// 取消超链接
function do_IWE_Unlink(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("Unlink");
IWE_Frame.focus();
}
// 插入水平线
function do_IWE_Hr(){
IWE_Frame.focus();
IWE_Frame.document.execCommand("InsertHorizontalRule");
IWE_Frame.focus();
}
// 上传附件
function do_IWE_Upload(){
window.open(getlocal()+"web/personal/file/upload.aspx","_blank","");
}
// 输出 Editor 控件
function init_IWE_Editor(textareaid){
var _local = getlocal();
// 输出色彩编辑选单
var color_html = "<div id=\"IWE_Color_Panel\" style=\"display:none; \" ondeactivate=\"javascript:hide_IWE_Color_Panel();\" ";
color_html +=" onmouseover=\"over_IWE_Color();\" onmouseout=\"out_IWE_Color();\">";
color_html +=" <div style=\"width:100%; padding:2px 3px 2px 3px; background:#cccccc;\">";
color_html +=" <input type=\"text\" id=\"IWE_DisColor\" name=\"IWE_DisColor\" size=\"6\" style=\"border:solid 1px #000000; height:21px;\" disabled>";
color_html +=" <input type=\"text\" id=\"IWE_HexColor\" name=\"IWE_HexColor\" size=\"7\" value=\"#000000\">";
color_html +=" </div>";
color_html +=" <div style=\"width:100%; height:100%; background:#000000;\">";
for (i = 0; i<2; i++)
{
for (j = 0;j<6;j++)
{
color_html += "<div style=\"width:100%; padding:0px 0px 0px 12px;\">";
var color_hex_tmp;
if (i==0){
color_hex_tmp = IWE_ColorHex_A[j] + IWE_ColorHex_A[j] + IWE_ColorHex_A[j];
}
else{
color_hex_tmp = IWE_ColorHex_B[j];
}
color_html += "<a isColor=true href=\"javascript:do_IWE_Font_Color('"+color_hex_tmp+"');\" class=\"color_item\" ";
color_html += "style=\"color:#" + color_hex_tmp + "; margin:1px 12px 0px 0px; background-color:#" + color_hex_tmp + "\">a</a>";
for (k = 0;k<3;k++)
{
for (l = 0;l<6;l++){
color_hex_tmp = IWE_ColorHex_A[k+i*3] + IWE_ColorHex_A[l] + IWE_ColorHex_A[j];
color_html += "<a isColor=true href=\"javascript:do_IWE_Font_Color('"+color_hex_tmp+"');\" class=\"color_item\" ";
color_html += "style=\"color:#" + color_hex_tmp + "; margin:1px 0px 0px 1px; background-color:#" + color_hex_tmp + "\">a</a>";
}
}
color_html += "</div>";
}
}
color_html +=" </div>";
color_html +="</div>";
// 输出字体编辑选单
var fonts_html = "<div id=\"IWE_Family_List\" style=\"display:none; \" ondeactivate=\"javascript:hide_IWE_Family_Panel();\">";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Face('airal');\">Airal</a>";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Face('MS Sans Serif');\">MS Sans Serif</a>";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Face('宋体');\">宋体</a>";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Face('黑体');\">黑体</a>";
fonts_html +="</div>";
fonts_html +="<div id=\"IWE_Size_List\" style=\"display:none; \" ondeactivate=\"javascript:hide_IWE_Size_Panel();\">";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Size(1);\">特小号</a>";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Size(2);\">很小号</a>";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Size(3);\">小号</a>";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Size(4);\">正常</a>";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Size(5);\">大号</a>";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Size(6);\">很大号</a>";
fonts_html +=" <a href=\"javascript:do_IWE_Font_Size(7);\">特大号</a>";
fonts_html +="</div>";
// 输出 Editor 工具栏
var tools_html = "<div id=\"IWE_Tools\">";
tools_html +=" <div style=\"width:100%; height:22px;\">";
tools_html +=" <div class=\"dropbar\"><img src=\""+_local+"resource/skins/default/editor/dropbar.gif\"></div>";
tools_html +=" <div><a id=\"IWE_Desing\" href=\"javascript:do_IWE_Design();\" class=\"selected\" title=\"设计模式\"><img src=\""+_local+"resource/skins/default/editor/html.gif\" alt=\"设计\"></a></div>";
tools_html +=" <div><a id=\"IWE_Code\" href=\"javascript:do_IWE_Code();\" title=\"代码编辑\"><img src=\""+_local+"resource/skins/default/editor/code.gif\" alt=\"代码编辑\"></a></div>";
tools_html +=" <div><a id=\"IWE_Preview\" href=\"javascript:do_IWE_Preview();\" title=\"预览\"><img src=\""+_local+"resource/skins/default/editor/preview.gif\" alt=\"预览\"></a></div>";
tools_html +=" <div class=\"spliter\"><img src=\""+_local+"resource/skins/default/editor/spliter.gif\"></div>";
tools_html +=" <div><a id=\"IWE_Removeformat\" href=\"javascript:do_IWE_Removeformat();\" title=\"清除HTML标签\"><img src=\""+_local+"resource/skins/default/editor/removeformat.gif\" alt=\"清除HTML标签\"></a></div>";
tools_html +=" <div><a id=\"IWE_Redo\" href=\"javascript:do_IWE_Redo();\" title=\"重做\"><img src=\""+_local+"resource/skins/default/editor/redo.gif\" alt=\"重做\"></a></div>";
tools_html +=" <div><a id=\"IWE_Undo\" href=\"javascript:do_IWE_Undo();\" title=\"撤销\"><img src=\""+_local+"resource/skins/default/editor/undo.gif\" alt=\"撤销\"></a></div>";
tools_html +=" <div class=\"spliter\"><img src=\""+_local+"resource/skins/default/editor/spliter.gif\"></div>";
tools_html +=" <div class=\"systool\"><a id=\"IWE_Add\" href=\"javascript:do_IWE_Add();\" title=\"增高工作区\"><img src=\""+_local+"resource/skins/default/editor/addframe.gif\" alt=\"增高工作区\"></a></div>";
tools_html +=" <div class=\"systool\"><a id=\"IWE_Slow\" href=\"javascript:do_IWE_Slow();\" title=\"降低工作区\"><img src=\""+_local+"resource/skins/default/editor/slowframe.gif\" alt=\"降低工作区\"></a></div>";
tools_html +=" </div>";
tools_html +=" <div style=\"width:100%; height:22px;\">";
tools_html +=" <div class=\"dropbar\"><img src=\""+_local+"resource/skins/default/editor/dropbar.gif\"></div>";
tools_html +=" <div><a id=\"IWE_Family_Link\" href=\"javascript:show_IWE_Family_Panel();\" class=\"font\" title=\"选择字体\">字体<font style=\"FONT-SIZE: 8px; FONT-FAMILY: Arial\">▼</font></a></div>";
tools_html +=" <div><a id=\"IWE_Size_Link\" href=\"javascript:show_IWE_Size_Panel();\" class=\"font\" title=\"选择字号\">字号<font style=\"FONT-SIZE: 8px; FONT-FAMILY: Arial\">▼</font></a></div>";
tools_html +=" <div class=\"spliter\"><img src=\""+_local+"resource/skins/default/editor/spliter.gif\"></div>";
tools_html +=" <div><a href=\"javascript:do_IWE_Bold();\" title=\"粗体\"><img src=\""+_local+"resource/skins/default/editor/bold.gif\" alt=\"粗体\"></a></div>";
tools_html +=" <div><a href=\"javascript:do_IWE_Italic();\" title=\"斜体\"><img src=\""+_local+"resource/skins/default/editor/italic.gif\" alt=\"斜体\"></a></div>";
tools_html +=" <div><a href=\"javascript:do_IWE_Underline();\" title=\"下划线\"><img src=\""+_local+"resource/skins/default/editor/underline.gif\" alt=\"下划线\"></a></div>";
tools_html +=" <div><a id=\"IWE_Color_Link\" href=\"javascript:show_IWE_Color_Panel();\" href=\"\" title=\"字体颜色\"><img src=\""+_local+"resource/skins/default/editor/fgcolor.gif\" alt=\"字体颜色\"></a></div>";
tools_html +=" <div class=\"spliter\"><img src=\""+_local+"resource/skins/default/editor/spliter.gif\"></div>";
tools_html +=" <div><a href=\"javascript:do_IWE_Left();\" title=\"居左\"><img src=\""+_local+"resource/skins/default/editor/left.gif\" alt=\"居左\"></a></div>";
tools_html +=" <div><a href=\"javascript:do_IWE_Center();\" title=\"居中\"><img src=\""+_local+"resource/skins/default/editor/center.gif\" alt=\"居中\"></a></div>";
tools_html +=" <div><a href=\"javascript:do_IWE_Right();\" title=\"居右\"><img src=\""+_local+"resource/skins/default/editor/right.gif\" alt=\"居右\"></a></div>";
tools_html +=" <div class=\"spliter\"><img src=\""+_local+"resource/skins/default/editor/spliter.gif\"></div>";
tools_html +=" <div><a href=\"javascript:do_IWE_Orderedlist();\" title=\"数字列表\"><img src=\""+_local+"resource/skins/default/editor/orderedlist.gif\" alt=\"数字列表\"></a></div>";
tools_html +=" <div><a href=\"javascript:do_IWE_Unorderedlist();\" title=\"项目列表\"><img src=\""+_local+"resource/skins/default/editor/unorderedlist.gif\" alt=\"项目列表\"></a></div>";
tools_html +=" <div class=\"spliter\"><img src=\""+_local+"resource/skins/default/editor/spliter.gif\"></div>";
tools_html +=" <div><a id=\"IWE_Link_Link\" href=\"javascript:show_IWE_Link_Panel();\" title=\"超链接\"><img src=\""+_local+"resource/skins/default/editor/link.gif\" alt=\"超链接\"></a></div>";
tools_html +=" <div><a href=\"javascript:do_IWE_Unlink();\" title=\"取消超链接\"><img src=\""+_local+"resource/skins/default/editor/unlink.gif\" alt=\"取消超链接\"></a></div>";
tools_html +=" <div><a id=\"IWE_Image_Link\" href=\"javascript:show_IWE_Image_Panel();\" title=\"插入图片\"><img src=\""+_local+"resource/skins/default/editor/image.gif\" alt=\"插入图片\"></a></div>";
tools_html +=" <div><a id=\"IWE_Media_Link\" href=\"javascript:show_IWE_Media_Panel();\" title=\"插入多媒体\"><img src=\""+_local+"resource/skins/default/editor/media.gif\" alt=\"插入多媒体\"></a></div>";
tools_html +=" <div><a id=\"IWE_Hr_Link\" href=\"javascript:do_IWE_Hr();\" title=\"插入水平线\"><img src=\""+_local+"resource/skins/default/editor/hr.gif\" alt=\"插入水平线\"></a></div>";
tools_html +=" <div><a id=\"IWE_Hr_Link\" href=\"javascript:do_IWE_Upload();\" title=\"上传附件\"><img src=\""+_local+"resource/skins/default/editor/upload.gif\" alt=\"上传附件\"></a></div>";
tools_html +=" </div>";
tools_html +="</div>";
// 输出 Editor 工作区
var works_html = "<div id=\"IWE_Works\" style=\"height:"+IWE_Height+"px;\">";
works_html +=" <iframe id=\"IWE_Frame\" name=\"IWE_Frame\" width=\"100%\" height=\""+IWE_Height+"\" src=\"about:blank\"></iframe>";
works_html +="</div>";
// 输出 Editor 代码到显示区
$("IWE_Editor").innerHTML = color_html + fonts_html + tools_html + works_html;
IWE_Frame.document.designMode = "On";
IWE_Frame.document.open();
IWE_Frame.document.close();
IWE_Frame.document.createStyleSheet(_local+"resource/skins/default/content.css");
IWE_Frame.document.body.innerHTML = $(textareaid).value;
IWE_Frame.document.ondeactivate = function(){
if (IWE_Design_Mode)
{
$(textareaid).value = IWE_Frame.document.body.innerHTML;
}else{
$(textareaid).value = IWE_Frame.document.body.innerText
}
}
$("ishtml").value = "1";
$("IWE_Textarea").style.display = "none";
}⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -