var _r = "";
var color_table=[
['000000','993300','333300','003300','003366','000080','333399','333333'],
['800000','FF6600','808000','008000','008080','0000FF','666699','808080'],
['FF0000','FF9900','99CC00','339966','33CCCC','3366FF','800080','999999'],
['FF00FF','FFCC00','FFFF00','00FF00','00FFFF','00CCFF','993366','C0C0C0'],
['FF99CC','FFCC99','FFFF99','CCFFCC','CCFFFF','99CCFF','CC99FF','FFFFFF']
];
function a1(obj)
{
obj.style.border='1px solid #000080';
obj.style.background='#FFEEC2';
}
function a2(obj)
{
obj.style.border='1px solid #F6F6F6';
obj.style.background='#F6F6F6';
}
function paintCell(color)
{
//_r += '
_r += '
_r += "

}
function paintRow(color_row) //一行
{
_r +='
for (var i = 0,l=color_row.length; i {
paintCell(color_row[i]);
}
_r +='
}
function paintTable(b) //表格
{
_r +='
}
function paintCube() { //大边框
_r += '
'; paintTable(color_table); _r +=(' | ');
return _r;
}
edt_main.js
//html输出
function output(dat,templ,b)
{
for(var i=0;i
var d = dat[i];
if(d.join)
{
for(var j=0;j
templ[j*2+1] = d[j];
if(b) alert(templ.join(""));
document.write(templ.join(""));
}
else document.write(d);
}
}
//B I U
var commFunc = " onmousedown=OnTBMouseDown(this) onmouseover=OnTBMouseOver(this) onmouseout=OnTBMouseOut(this) ";
var commAttr = ' style="position:absolute;clip:rect($rect$);margin:$margin$;" title="$title$" ';
var commHead = '


//模块结构: 1.基础函数 2.接口定义 3.事件函数 4.HTML编辑框 5.全局事件绑定 6.全局变量声明
//基础函数
function GetDoc(win){ return (win?win:window).document;}
function S(i,win) {return GetDoc(win).getElementById(i);}
function F(sID,win) //sunny for firefox
{
if( sID == "" || sID == null ) return null;
var frame = S(sID,win);
if( !frame) return null;
return frame.contentWindow?frame.contentWindow:(win?win:window).frames[sID];
}
function Disp(obj,flag) // 0 隐藏,1显示
{
if(obj){ obj.style.display = flag?"":"none";}
}
function getPosX(e)
{
var l=e.offsetLeft;
while(e=e.offsetParent){
l+=e.offsetLeft;
}
return l;
}
function getPosY(e)
{
var t=e.offsetTop;
while(e=e.offsetParent){
t+=e.offsetTop;
}
return t;
}
String.prototype.trim = function(){
return this.replace(/(^\s*)|(\s*$)/g, "");
};
function ExecCmd(type, para){
LoadPos();
var f = F("HtmlEditor");
var sAlert = "";
if(!gIsIE)
{
switch(type){
case "Cut":
sAlert = "你的浏览器安全设置不允许编辑器自动执行剪切操作,请使用键盘快捷键(Ctrl+X)来完成";
break;
case "Copy":
sAlert = "你的浏览器安全设置不允许编辑器自动执行拷贝操作,请使用键盘快捷键(Ctrl+C)来完成";
break;
case "Paste":
sAlert = "你的浏览器安全设置不允许编辑器自动执行粘贴操作,请使用键盘快捷键(Ctrl+V)来完成";
break;
}
}
if(sAlert != ""){
alert(sAlert);
return;
}
f.focus();
var doc = f.document;
if(!para)
{
gIsIE?doc.execCommand(type):doc.execCommand(type,false,false);
}
else
{
//为了图片插入后把焦点放到图片后面
if (type == "InsertImage" && gIsIE) {
var r = doc.selection.createRange();
}
doc.execCommand(type,false,para);
//为了图片插入后把焦点放到图片后面
if (type == "InsertImage" && gIsIE) {
r.move("character");
r.select();
}
}
f.focus();
}
function IsValidURL(str)
{
return ( ( str.indexOf("://") > 1 ) || (str.indexOf(":\\") > 1) );
}
function addHyperLink() {
var f = F("HtmlEditor");
//哈哈,终于找到兼容mf噶方法
var sel = f.document.selection != null ? f.document.selection.createRange().text : f.document.getSelection();
if(sel.length>0)
{
var sURL=window.prompt("请输入链接的目标地址 ( e.g. http://www.qq.com/):", "http://");
if(sURL != null)
{
if( !IsValidURL(sURL))
{
sURL= "http://" + sURL;
}
F("HtmlEditor").document.execCommand("CreateLink",false,sURL);
}
}
else
{
alert("请先选择要连接的文字。");
}
}
function addImage()
{
var width="380px", height="150px";
//modify by angusdu 2006-10-13
//showModalDialog("uploadImg.htm", window, vfeature);
var url = "uploadImg.htm";
if(gIsIE)//IE
{
window.showModalDialog(url,window,"dialogWidth:" + width + ";dialogHeight:" + height + ";center:Yes;help:off;status:no;scroll:no");
}
else
{
window.open(url,window,"width="+width+",height="+height+",menubar=no,toolbar=no,location=no,scrollbars=no,status=no,modal=yes");
}
}
function getIEVer(){
var s = navigator.userAgent;
if(s.indexOf("MSIE")>-1)
return parseFloat(s.split(";")[1].replace("MSIE",""));
}
//接口定义
function editor()
{
this.get_contents = GetContents;
this.get_plaincontents = GetPlainContents;
this.put_contents = PutContents;
this.put_plaincontents = PutPlainContents;
this.put_firstline = PutFirstLine;
}
function PutFirstLine(s)
{
return;
}
function GetContents() {
if (curEditor == "source")
return S("sourceEditor").value;
return HtmlEditor.document.body.innerHTML;
}
function GetPlainContents() {
//modify by angusdu 2006-10-11
var bc = HtmlEditor.document.body;
if (curEditor == "source")
bc.innerHTML = S("sourceEditor").value;
if (bc.innerText != null) {
return bc.innerText;
}
else {
return bc.textContent;
}
}
function PutContents(contents)
{
HtmlEditor.document.designMode="on";
HtmlEditor.document.body.innerHTML = contents;
SetDiv();
S("sourceEditor").value = HtmlEditor.document.body.innerHTML;
}
function PutPlainContents(contents)
{
HtmlEditor.document.designMode="on";
//modify by angusdu 2006-10-12
var bc = HtmlEditor.document.body;
if (bc.innerText != null) {
bc.innerText = contents;
}
else {
bc.textContent = contents;
}
S("sourceEditor").value = HtmlEditor.document.body.innerHTML;
}
//==========
//事件函数
function OnLoad() {
try
{
if( !window.top.isFireFox)
{
F("HtmlEditor").document.designMode="on";
}
gLoaded = true;
SetEditable();
SetFrameClick();
document.parentWindow.onclick=HideMenu();
}catch(e){
}
setTimeout(SetColor,100); //--sunny 一开始就画颜色表,那么第一次就不会慢了
}
var editorTxtRange = null;
function SavePos() {
if (document.selection) {
editorTxtRange = F("HtmlEditor").document.selection.createRange();
}
}
function LoadPos() {
if (editorTxtRange) {
editorTxtRange.select();
editorTxtRange = null;
}
}
// sunny : foreColor与backColor只是负责弹出ColorBoard,不需要ExecCmd (此时ExecCmd会导致白色)
function OnForeColor(e) {
SavePos();
HideMenu();
var sColor = DispColorBrd(e);
gSetColorType = "foreColor";
if(gIsIE && gIEVer {
ExecCmd(gSetColorType, sColor);
}
return ;
}
function OnBackColor(e){
SavePos();
HideMenu();
var sColor = DispColorBrd(e,1);
gSetColorType = (gIsIE)?"backColor":"hilitecolor";
if(gIsIE && gIEVer {
ExecCmd(gSetColorType, sColor);
}
return
}
function OnMo(e) {
SavePos();
HideMenu();
var sMo = DispMoBrd(e);
if(gIsIE && gIEVer {
ExecCmd("InsertImage",sMo);
}
return ;
}
function OnTBMouseOver(obj) {
SetBorderMouse(obj,0);
}
function OnTBMouseDown(obj) {
SetBorderMouse(obj,1);
}
function OnTBMouseOut(obj) {
obj.style.border="none";
}
//HTML编辑框
function SetEditable(){
var doc = window.frames["HtmlEditor"].document;
doc.designMode="on";
if(!gIsIE) {
// angus:难怪,察看ff的文档发现,如此说明: use false to use CSS, true to use HTML
doc.execCommand("useCSS",false, false);
}
}
function SetFrameClick(){
var frm = window.frames["HtmlEditor"];
var doc = frm.document;
doc.onmousemove = function(){
window.onblur();
};
doc.onclick = function(){
//alert("aa")
HideMenu();
};
doc.onkeydown = function()
{
if(frm.event.keyCode == 13 && frm.event.ctrlKey)
{
if(parent.DoCtrlEnter) parent.DoCtrlEnter();
}
//top.frames["jsFrame"].gIsEdited = true;
};
}
function SetDiv()
{
var loc = "" + window.parent.location;
if(loc.indexOf("setting") > 0)
{
Disp(document.getElementById("add_pic_id"),0);
/* removed by angusdu 2006-11-17
if( !/^
{
HtmlEditor.document.body.innerHTML = HtmlEditor.document.body.innerHTML+"
}
*/ S("HtmlEditor").style.height = gIsIE ? "182px" : "188px";
S("sourceEditor").style.height = "184px";
S("sourceEditor").style.width = "100%";
S("htmlbtn").style.marginLeft = "393px";
}
else if (loc.indexOf("compose_card") > 0)
{
Disp(document.getElementById("add_pic_id"),0);
S("HtmlEditor").style.height = "181px";
S("sourceEditor").style.height = "183px";
S("sourceEditor").style.width = "100%";
}
else if(loc.indexOf("compose") > 0)
{
if(GetSetting())
{
if( HtmlEditor.document.getElementById("QQMail_signature") )
{
HtmlEditor.document.getElementById("QQMail_signature").innerHTML = GetSetting().nSignature;
}
}
}
var doc = F("HtmlEditor").document;
doc.designMode="on";
// HtmlEditor.document.body.innerHTML="
if(doc.body)
{
doc.body.style.background = '#ffffff';
doc.body.style.fontSize = '12px';
doc.body.style.fontFamily = 'verdana';
try
{
if( HtmlEditor.document.body.innerHTML.indexOf("
{
doc.body.style.margin = '0.5% 0 0 0';
doc.body.style.background = '#fff';
doc.body.style.fontSize = '12px';
return;
}
}catch(e)
{}
doc.body.style.margin = '4px';
}
}
function SetColor(){
var dvForeColor =S("dvForeColor");
if(dvForeColor.getElementsByTagName("TABLE").length == 1){
dvForeColor.innerHTML = paintCube();//+ dvForeColor.innerHTML;
//window.top.document.write(dvForeColor.innerHTML);
}
}
function SetMo(){
var dvMo =S("dvMo");
dvMo.innerHTML = moCube();
}
//工具栏
//add by angusdu 2006-10-13
function showDialog(url, type, feature)
{
if(gIsIE)//IE
{
return window.showModalDialog(url,type,feature);
}
else
{
//modelessDialog可以将modal换成dialog=yes
feature ="width=300,height=200,menubar=no,toolbar=no,location=no,";
feature+="scrollbars=no,status=no,modal=yes";
window.open(url,type,feature);
}
}
function DispColorBrd(e,isBC){
if(gIEVer var arr = showModalDialog("color_slt.html", "", "font-family:Verdana; font-size:12; status:no; dialogWidth:17em; dialogHeight:14em");
if (arr != null) return arr;
return;
}
var dvForeColor =S("dvForeColor");
SetColor();
Disp(dvForeColor,1);
dvForeColor.style.left = (isBC?bcL:fcL) + "px";
dvForeColor.style.top = 33 + "px";
dvForeColor.focus();
e.cancelBubble =true;
return true;
}
function DispMoBrd(e) {
if(gIEVer var arr = showModalDialog("mo_slt.html", "", "font-family:Verdana; font-size:12; status:no; dialogWidth:265px; dialogHeight:190px");
if (arr != null) return arr;
return;
}
var dvMo =S("dvMo");
SetMo();
Disp(dvMo, 1);
dvMo.focus();
e.cancelBubble =true;
return true;
}
function CommCheck(obj,str,func)
{
if (obj.id == str) {
return true;
}
if(obj.parentNode) {
return func(obj.parentNode);
}
return false;
}
function CommObjectCheck(obj, inObj)
{
if (obj == inObj)
{
return true;
}
if(obj.parentNode) {
return CommObjectCheck(obj.parentNode, inObj);
}
return false;
}
function HideMenu()
{
var elementTable=["fontface","fontsize","dvForeColor","dvPortrait","divAlign","divList","dvMo"];
for(var i=0;i
}
function IsInColorBrd(obj){
return CommCheck(obj,"dvForeColor",IsInColorBrd);
}
function IsInFontFaceBrd(obj){
return CommCheck(obj,"fontface",IsInFontFaceBrd);
}
function IsInFontSizeBrd(obj){
return CommCheck(obj,"fontsize",IsInFontSizeBrd);
}
function IsInMoBrd(obj){
return CommCheck(obj,"dvMo",IsInMoBrd);
}
function SetBorderMouse(obj,flag) // flag : 0 over 1 out
{
var d = [
["1px solid #fff","1px solid #fff","1px solid #F3F8FC","1px solid #F3F8FC"]
,["1px solid #ccc","1px solid #ccc","1px solid #F3F8FC","1px solid #ccc"]][flag];
obj.style.borderTop=d[0];
obj.style.borderRight=d[1];
obj.style.borderBottom=d[2];
obj.style.borderLeft=d[3];
}
function DispBoard(element,displayValue,nLeft) {
if(gIEVer if(element == "fontface"){
var sReturnValue = showModalDialog("fontface_slt.html","", "font-family:Verdana; font-size:12; status:no; unadorned:yes; scroll:no; resizable:yes;dialogWidth:112px; dialogHeight:271px");;
ExecCmd("fontname",sReturnValue);
}else if(element == "fontsize"){
var sReturnValue = showModalDialog("fontsize_slt.html","", "font-family:Verdana; font-size:12; status:no; unadorned:yes; scroll:no; resizable:yes;dialogWidth:130px; dialogHeight:250px");;
ExecCmd("fontsize",sReturnValue);
}
return;
}
HideMenu();
if ( typeof element == "string" )
element = S(element);
if (element == null) return;
element.style.display = displayValue;
SavePos();
if(gIsIE){
var e = event;
}else{
var e = ev;
}
var iX = e.clientX;
var iY = e.clientY;
Disp(element,1);
element.style.left = ((null==nLeft)?(iX-30):nLeft) + "px";
element.style.top = 33 + "px";
setTimeout("document.getElementById('"+element.id+"').focus();", 500);
return true;
}
function SaveEvent(e){
ev = e;
}
//qqmail增加的函数
function fSetReplyContent(){
try{
win.fSetComposeContent(win.gReplyContent);
window.frames["HtmlEditor"].focus();
}catch(exp){
window.setTimeout('fSetReplyContent()',1000);
}
win.gReplyContent = null;
}
function setContentType(ContentType)
{
alert("setContentType");
if(ContentType=="text")
{
PutContents(GetPlainContents());
}
window.parent.contenttype.value=ContentType;
}
function GetSetting()
{
try
{
return window.top.GetApp().setting;
}catch(e)
{}
return null;
}
function BrdBlur() {
if (gIsIE)
{
if (!CommObjectCheck(document.activeElement, event.srcElement)) {
setTimeout("LoadPos();HideMenu();", 10);
}
}
}
//全局事件绑定
window.onblur =function(){
if(!gIsIE){
HideMenu();
}
};
window.onerror = function(){
return true;
};
document.onmousemove = function(e){
/* if(gIsIE) var el = event.srcElement;
else var el = e.target;
var tdView = S("tdView");
var tdColorCode = S("tdColorCode");
var dvForeColor =S("dvForeColor");
var dvPortrait =S("dvPortrait");
var fontsize =S("fontsize");
var fontface =S("fontface");
if(el.tagName == "IMG"){
try{
if(IsInColorBrd(el)){
//tdView.bgColor = el.parentNode.bgColor;
//tdColorCode.innerHTML = el.parentNode.bgColor
}
}catch(e){}
}else{
return;
Disp(dvForeColor,0);
if(!IsInFontFaceBrd(el)) Disp(fontface,0);
if(!IsInFontSizeBrd(el)) Disp(fontsize,0);
}
*/
};
function DectoHex(num) {
var i,j=20,str = "#",N="ABCDEF";
while(j >= 0) {
i = (num >> j)%16;
str += (i>9)?N.charAt(i-10):i;
j -= 4;
}
return str;
}
function GetColorFromBg(bg)
{
var i = bg.indexOf("("),j=bg.indexOf(")"),s=bg.substr(i+1,j-i-1).split(",");
return DectoHex((s[0]}
document.onclick = function(e){
if(gIsIE) var el = event.srcElement;
else var el = e.target;
var dvForeColor =S("dvForeColor");
var dvPortrait =S("dvPortrait");
try{
if(IsInColorBrd(el)){
//var _bgColor = (el.tagName == "IMG") ? el.parentNode.bgColor : el.bgColor;
var t = el;
if( t.tagName != "IMG") {
t = t.getElementsByTagName("IMG")[0];
}
var _bgColor = t.style.background+"";
if(_bgColor.indexOf(")") > -1) //firefox
{
_bgColor = GetColorFromBg(_bgColor);
}
ExecCmd(gSetColorType, _bgColor);
Disp(dvForeColor,0);
return;
}
if (IsInMoBrd(el)) {
var t = el;
if( t.tagName == "TD") {
t = el.getElementsByTagName("IMG")[0];
}
if (t.tagName == "IMG" && t.attributes["data"] != null)
{
ExecCmd("InsertImage", giMoBaseUrl + t.attributes["data"].nodeValue);
Disp(S("dvMo"), 0);
}
return;
}
}catch(e){}
HideMenu();
var idTable = [
"imgFontface","fontface"
,"imgFontsize","fontsize"
,"imgFontColor","fontsize"
,"imgBackColor","dvForeColor"
,"imgFace","dvPortrait"
,"imgAlign","divAlign"
,"imgList","divList"];
for(var i=0;i
{
var obj = S(idTable[i+1]);
obj?(obj.style.display = ""):0;
break;
}
}
};
//全局变量
public_description = new editor;
var gSetColorType = "";
var gIsIE = document.all;
var gIEVer = getIEVer();
var gLoaded = false;
var ev = null;
//增加源代码编辑器...
//add by angusdu 2006-11-21
var curEditor = "Html";
function EnableToolBar(flag) {
var tools = document.getElementsByName("tool_mask");
for (i = tools.length - 1; i >= 0; i--) {
Disp(tools[i], flag);
}
if (S("add_pic_id").style.display == "") {
Disp(S("add_pic_mask_id"), flag);
}
}
function ChangeEditor() {
if (curEditor == "Html") {
curEditor = "source";
Disp(S("sourceEditor"), 1);
Disp(S("HtmlEditor"), 0);
S("sourceEditor").value = HtmlEditor.document.body.innerHTML;
S("sourceEditor").focus();
S("htmlbtn").title = "图文编辑";
S("htmlbtn").innerHTML = "";
EnableToolBar(1);
}
else {
curEditor = "Html";
Disp(S("sourceEditor"), 0);
Disp(S("HtmlEditor"), 1);
HtmlEditor.document.body.innerHTML = S("sourceEditor").value;
F("HtmlEditor").focus();
S("htmlbtn").title = "编辑HTML源码";
S("htmlbtn").innerHTML = "";
EnableToolBar(0);
}
}
function GetEditorType() {
return (curEditor == "Html" ? "Html" : "source");
}
//增加对编辑器的高度修改接口
var gMinSize = 0;
function GetMinSize() {
if (!gMinSize) {
gMinSize = parseInt(S("HtmlEditor").style.height);
}
return gMinSize;
}
function AddElementHeight(el, l) {
el.style.height = (parseInt(el.style.height) + l) + "px";
}
function StretchEditor(bIsLarge, l, frameid) {
//默认伸缩长度为50px
l = (l != null ? l : 50);
var pw = window.parent;
var pwif = pw.document.getElementsByTagName("iframe");
for (i = pwif.length - 1; i >= 0; i--) {
if (pwif[i].id && (frameid ? pwif[i].id == frameid : GetDoc(pw.frames[pwif[i].id]).body.innerHTML == GetDoc().body.innerHTML)) {
if (parseInt(S("HtmlEditor").style.height) return;
}
l = (bIsLarge ? l : (-1)*l);
AddElementHeight(pwif[i], l);
AddElementHeight(S("HtmlEditor"), l);
AddElementHeight(S("sourceEditor"), l);
return ;
}
}
}
本地下载

JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

このチュートリアルでは、カスタムGoogle検索APIをブログまたはWebサイトに統合する方法を示し、標準のWordPressテーマ検索関数よりも洗練された検索エクスペリエンスを提供します。 驚くほど簡単です!検索をyに制限することができます

この記事シリーズは、2017年半ばに最新の情報と新鮮な例で書き直されました。 このJSONの例では、JSON形式を使用してファイルに単純な値を保存する方法について説明します。 キー価値ペア表記を使用して、あらゆる種類を保存できます

コードプレゼンテーションを強化する:開発者向けの10個の構文蛍光物 ウェブサイトやブログでコードスニペットを共有することは、開発者にとって一般的な慣行です。 適切な構文ハイライターを選択すると、読みやすさと視覚的な魅力を大幅に改善できます。 t

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

この記事では、JavaScriptとJQuery Model-View-Controller(MVC)フレームワークに関する10を超えるチュートリアルの厳選された選択を紹介します。これは、新年にWeb開発スキルを向上させるのに最適です。 これらのチュートリアルは、Foundatioのさまざまなトピックをカバーしています

コアポイント これは通常、メソッドを「所有」するオブジェクトを指しますが、関数がどのように呼び出されるかに依存します。 現在のオブジェクトがない場合、これはグローバルオブジェクトを指します。 Webブラウザでは、ウィンドウで表されます。 関数を呼び出すと、これはグローバルオブジェクトを維持しますが、オブジェクトコンストラクターまたはそのメソッドを呼び出すとき、これはオブジェクトのインスタンスを指します。 call()、apply()、bind()などのメソッドを使用して、このコンテキストを変更できます。これらのメソッドは、与えられたこの値とパラメーターを使用して関数を呼び出します。 JavaScriptは優れたプログラミング言語です。数年前、この文はそうでした


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン

メモ帳++7.3.1
使いやすく無料のコードエディター

AtomエディタMac版ダウンロード
最も人気のあるオープンソースエディター

WebStorm Mac版
便利なJavaScript開発ツール

ZendStudio 13.5.1 Mac
強力な PHP 統合開発環境
