?? 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 + -