...body{...}{margin:0px;font-size:12px;}.lv_edithtml_title{...}{background-color:#F7F8FD;}.ico{...}{border:1pxsolid#fff;cursor:hand;}.ico_m{...}{border:1pxsolid#000;cursor:hand;}

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

自己寫的html編輯器

系統(tǒng) 1741 0

文件夾 edithtml (包含6個文件)

inputtool.html

< style > ...
body
{...} { margin : 0px ; font-size : 12px ; }
.lv_edithtml_title
{...} { background-color : #F7F8FD ; }
.ico
{...} { border : 1pxsolid#fff ; cursor : hand ; }
.ico_m
{...} { border : 1pxsolid#000 ; cursor : hand ; }
</ style >
< div class ="lv_edithtml_title" >
< img class ="ico" src ="edithtml_include/images/bold.gif" alt ="粗體" onClick ="format('Bold','');" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/italic.gif" alt ="斜體" onClick ="format('Italic','');" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/underline.gif" alt ="下劃線" onClick ="format('Underline','');" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/fgcolor.gif" alt ="設(shè)置字體顏色" onClick ="insert('color');" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/aleft.gif" alt ="格式居左" onClick ="format('justifyleft','')" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/center.gif" alt ="格式居中" onClick ="format('justifycenter','')" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/aright.gif" alt ="格式居右" onClick ="format('justifyright','')" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/copy.gif" alt ="復(fù)制" onClick ="format('copy','')" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/cut.gif" alt ="剪切" onClick ="format('cut','')" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/paste.gif" alt ="粘貼" onClick ="format('paste','')" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/delete.gif" alt ="刪除" onClick ="format('delete','')" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/redo.gif" alt ="恢復(fù)" onClick ="format('redo','')" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/undo.gif" alt ="撤銷" onClick ="format('undo','')" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/wlink.gif" alt ="插入鏈接" onClick ="format('CreateLink','');" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/hr.gif" alt ="插入水平線" onClick ="format('InsertHorizontalRule','');" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />

< img class ="ico" src ="edithtml_include/images/img.gif" alt ="插入圖片" onClick ="insert('img');" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/flash.gif" alt ="插入動畫" onClick ="insert('flash');" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< img class ="ico" src ="edithtml_include/images/wmv.gif" alt ="插入節(jié)目" onClick ="insert('avi');" onMouseOut ="this.className='ico';" onMouseOver ="this.className='ico_m';" />
< br >
< select id ="FontName" class ="TBGen" onChange ="format('fontname',this[this.selectedIndex].value);this.selectedIndex=0" >
< option selected > 字體 </ option >
< option value ="宋體" > 宋體 </ option >
< option value ="黑體" > 黑體 </ option >
< option value ="楷體_GB2312" > 楷體 </ option >
< option value ="仿宋_GB2312" > 仿宋 </ option >
< option value ="隸書" > 隸書 </ option >
< option value ="幼圓" > 幼圓 </ option >
< option value ="Arial" > Arial </ option >
< option value ="ArialBlack" > ArialBlack </ option >
< option value ="ArialNarrow" > ArialNarrow </ option >
< option value ="BrushScriptMT" > BrushScriptMT </ option >
< option value ="CenturyGothic" > CenturyGothic </ option >
< option value ="ComicSansMS" > ComicSansMS </ option >
< option value ="Courier" > Courier </ option >
< option value ="CourierNew" > CourierNew </ option >
< option value ="MSSansSerif" > MSSansSerif </ option >
< option value ="Script" > Script </ option >
< option value ="System" > System </ option >
< option value ="TimesNewRoman" > TimesNewRoman </ option >
< option value ="Verdana" > Verdana </ option >
< option value ="WideLatin" > WideLatin </ option >
< option value ="Wingdings" > Wingdings </ option >
</ select >
< select id ="FontSize" class ="TBGen" onChange ="format('fontsize',this[this.selectedIndex].value);this.selectedIndex=0" >
< option selected > 字號 </ option >
< option value ="7" > 一號 </ option >
< option value ="6" > 二號 </ option >
< option value ="5" > 三號 </ option >
< option value ="4" > 四號 </ option >
< option value ="3" > 五號 </ option >
< option value ="2" > 六號 </ option >
< option value ="1" > 七號 </ option >
</ select >
</ div >

編碼轉(zhuǎn)換文件 edithtml.asp

< %
function CovHtml(content)
ON ERROR RESUME NEXT
CovHtml
= content
if not isnull (content) then
CovHtml
= replace (CovHtml, " & " , " &amp; " )
CovHtml
= replace (CovHtml, " < " , " &lt; " )
CovHtml
= replace (CovHtml, " > " , " &gt; " )
CovHtml
= replace (CovHtml, chr ( 34 ), " &quot; " )
CovHtml
= replace (CovHtml, chr ( 39 ), " &#39; " )
end if
if Err.Number <> 0 then
CovHtml
= " CovHtml轉(zhuǎn)換中出錯請聯(lián)系管理員<br> "
Err.Clear
end if
endfunction
%
>

js文件 edit.js

// JavaScriptDocument
var bodyTag = " <head><styletype="text/css">body{font-size:9pt}</style><metahttp-equiv=Content-Typecontent="text/html;charset=gb2312"></head><BODYbgcolor="#FFFFFF"MONOSPACE> "
function document.onreadystatechange() ... {
HtmlEdit.document.open()
HtmlEdit.document.write(bodyTag);
HtmlEdit.document.close()
HtmlEdit.document.designMode
= " On "
}

function format(what,value) ... {
if (what != "" ) ... {
if (value != "" ) ... {
HtmlEdit.document.execCommand(what,
"" ,value);
}
else ... {
HtmlEdit.document.execCommand(what);
}

}

HtmlEdit.focus();
}

function insert(what) ... {
if (what == " img " ) ... {
var arr = showModalDialog( " edithtml_include/images/image.htm " , "" , " dialogWidth:430px;dialogHeight:230px;status:0 " );
if (arr != null ) ... {
content
= HtmlEdit.document.body.innerHTML;
content
= content + arr;
HtmlEdit.document.body.innerHTML
= content;
}

}
else if (what == " flash " ) ... {
var arr = showModalDialog( " edithtml_include/images/flash.htm " , "" , " dialogWidth:430px;dialogHeight:200px;status:0 " );
if (arr != null ) ... {
content
= HtmlEdit.document.body.innerHTML;
content
= content + arr;
HtmlEdit.document.body.innerHTML
= content;
}

}
else if (what == " avi " ) ... {
var arr = showModalDialog( " edithtml_include/images/video.htm " , "" , " dialogWidth:430px;dialogHeight:200px;status:0 " );
if (arr != null ) ... {
content
= HtmlEdit.document.body.innerHTML;
content
= content + arr;
HtmlEdit.document.body.innerHTML
= content;
}

}
else if (what == " color " ) border
分享到:
評論

自己寫的html編輯器


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 97神马| 三级aa久久 | 2021国内精品久久久久影院 | 99久久综合给久久精品 | 四虎永久免费影院在线 | 免费a一级毛片在线播放 | 爱搞逼综合 | 成人午夜精品网站在线观看 | 日韩中文字幕在线有码视频网 | 来自深渊在线观看 | 亚洲自拍小视频 | 99热国产免费 | 亚洲曰本大成网站mmm | 午夜精品久久久久久久99热 | 日韩不卡免费视频 | 中文字幕一区二区三区 精品 | 日本色综合 | 日韩中文字幕一区 | 国产成人免费视频 | 999国产精品999久久久久久 | 久久一级片 | 亚洲视频在线网站 | 99热久久这里只精品国产ww | 天天操天天射天天爽 | 中文字幕亚洲综合久久菠萝蜜 | 久久黄色网 | 一本到中文字幕高清不卡在线 | 日韩精品区 | 国产一区二区三区在线观看免费 | 尹人香蕉久久99天天拍欧美p7 | 成人午夜大片 | 午夜欧美激情 | 国产精品视_精品国产免费 国产精品视频2021 | 九九这里只有精品视频 | 国产精品毛片久久久久久久 | 日本欧美一区二区三区乱码 | 精品日韩在线视频一区二区三区 | 免费在线看h | 色综合综合色综合色综合 | 国产香蕉75在线播放 | 在线精品一区二区三区 |