这个很NB,html在线编辑器

HTML编辑器功能解析

最新推荐文章于 2023-03-08 18:16:48 发布

尤拉纳斯

最新推荐文章于 2023-03-08 18:16:48 发布

阅读量245

点赞数

文章标签： HTML 浏览器 VBScript 脚本 BBS

本文介绍了一个HTML编辑器的功能和使用方法，包括基本的文本编辑操作、特殊标签和实用脚本的插入等，旨在帮助用户更好地掌握HTML编辑技巧。

类似提交帖子的页面

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">

<HTML><HEAD><TITLE>html编辑</TITLE>

<METAcontent="text/html;charset=gb2312"http-equiv=Content-Type>

<METAcontent=RevealTrans(Duration=1,Transition=10)http-equiv=Page-Enter>

<STYLE>BODY...{

COLOR:black;FONT-SIZE:9pt

}

TD...{

COLOR:black;FONT-SIZE:9pt

}

TH...{

COLOR:black;FONT-SIZE:9pt

}

A...{

TEXT-DECORATION:none

}

A:hover...{

COLOR:blue

}

INPUT...{

BACKGROUND-COLOR:#dddddd;WIDTH:55px

}

</STYLE>

self.moveTo(0,0)

self.resizeTo(screen.availWidth,screen.availHeight)

</SCRIPT>

<METAcontent="MSHTML5.00.2614.3500"name=GENERATOR></HEAD>

<BODYaLink=purplebgColor=#ccccccleftMargin=0link=navy

onclick="window.defaultStatus=iii.value.length+'字节'"

onkeydown="window.defaultStatus=iii.value.length+'字节'"

onkeyup="window.defaultStatus=iii.value.length+'字节'"topMargin=0vLink=navy>

<TABLEalign=centerbgColor=#bbbbbbborder=1borderColorDark=white

borderColorLight=blackcellPadding=0cellSpacing=0id=bbiawidth=770>

<TBODY>

<TR>

<TDbgColor=#aaaaaa><INPUTonclick="if(iii.value!=''){if(confirm('确认要清空里面的内容吗？')){iii.value='';alert('新文件编辑窗口创建完成,请你编辑新文件')}}elsealert('已经是空白状态了，不需要在一次建立，请你编辑把')"type=buttonvalue=新建><INPUTid=vbssonclick="window.open('view-source:///c:/mydocuments/你的DHTML作品.html','_self')"type=buttonvalue=保存><INPUTonclick="window.open('http://homepage.3322.net/cgi-bin/cgiwrap/longxin9/bbs/bbs.cgi?id=200110181243');"type=buttonvalue=寄存><INPUTonclick="ress=window.prompt('请问要查谁家的原代码呀?注意!系统给你原文件要15秒钟以内','http://');window.location='view-source:'+ress"type=buttonvalue=偷窃><INPUTonclick="if(iii.value!=''){if(confirm('如果里面有[脚本]则会出错，用前建议保存,确认全部改成大写代码？'))iii.value=iii.value.toUpperCase()}elsealert('没找到需要转换的具体英文代码，请你填写完后进行转换')"type=buttonvalue=大写><INPUTonclick="if(iii.value!=''){if(confirm('如果里有[脚本]则会出错,用前请保存一份,确认全部把代码改成小写?'))iii.value=iii.value.toLowerCase()}elsealert('没找到需要转换的具体英文代码，请你填写完后进行转换');"type=buttonvalue=小写><INPUTonclick=yasuo()type=buttonvalue=压缩><INPUTid=fuxieonclick="if(selection.createRange().text!=''){selection.createRange().text+=selection.createRange().text}elsealert('请你选中一段文本呀，快试试!')"type=buttonvalue=复写><INPUTid=shanchuonclick="if(selection.createRange().text!=''){if(confirm('确认删掉选中的字符?'))selection.createRange().text=''}elsealert('请你选中需要删除的文本');"type=buttonvalue=删除><INPUT

onclick="varkaokao=escape(iii.value);if(iii.value==''){alert('无内容可以加密，请你填写HTML代码');this.checked=false;};if(this.checked){if(confirm('加密后的代码比现在长1。5倍，而且如果有脚本，恢复时还会有错误，建议你保存，确认加密？')){iii.value='<script>document.write(unescape(''+kaokao+''))</script>';font.innerHTML='解密'}elsethis.checked=false}else{iii.value=unescape(iii.value);iii.value=iii.value.replace("<script>document.write(unescape('",'');iii.value=iii.value.replace("'))</script>",'');font.innerHTML='加密'}"

style="WIDTH:20pt"type=checkbox><FONTcolor=redid=font>加密</FONT><INPUT

id=chec

onclick="if(this.checked){div1.style.zIndex='0';div1.style.height=110;iii.rows=10;div1.innerHTML=iii.value}else{div1.style.zIndex='-1';div1.innerHTML='';iii.rows=21;div1.style.height='0'}"

style="WIDTH:20pt"type=checkbox><FONTcolor=blue>视图</FONT><INPUTonclick=help()style="CURSOR:help;WIDTH:28pt"type=buttonvalue=Help></TD></TR>

<TR>

<TD><INPUTid=onclclonclick=edithtml()style="BACKGROUND-COLOR:#bbbbbb;COLOR:blue;FONT-WEIGHT:600;WIDTH:60pt"type=buttonvalue=运行Html><INPUTonclick="if(selection.createRange().text!=''){selection.createRange().text='<ahref="http://"title=单击进入style="">'+selection.createRange().text+'</a>'}elsealert('请选择一段文本')"style="BACKGROUND-COLOR:#acbedb;WIDTH:20pt"type=buttonvalue=A><INPUTonclick="if(selection.createRange().text!=''){selection.createRange().text='<fontcolor=""size=""style="">'+selection.createRange().text+'</font>'}elsealert('请选择一段文本')"style="BACKGROUND-COLOR:#acbedb;WIDTH:20pt"type=buttonvalue=F><INPUTonclick="if(selection.createRange().text!=''){selection.createRange().text='<b>'+selection.createRange().text+'</b>'}elsealert('请选择一段文本')"style="BACKGROUND-COLOR:#acbedb;FONT-WEIGHT:700;WIDTH:20pt"type=buttonvalue=B><INPUTonclick="if(selection.createRange().text!=''){selection.createRange().text='<i>'+selection.createRange().text+'</i>'}elsealert('请选择一段文本')"style="BACKGROUND-COLOR:#acbedb;WIDTH:20pt"type=buttonvalue=/><INPUTonclick="if(selection.createRange().text!=''){selection.createRange().text='<u>'+selection.createRange().text+'</u>'}elsealert('请选择一段文本')"style="BACKGROUND-COLOR:#acbedb;TEXT-DECORATION:underline;WIDTH:20pt"type=buttonvalue=U><INPUTonclick="if(selection.createRange().text!=''){selection.createRange().text='<s>'+selection.createRange().text+'</s>'}elsealert('请选择一段文本')"style="BACKGROUND-COLOR:#acbedb;TEXT-DECORATION:line-through;WIDTH:20pt"type=buttonvalue=S><INPUTonclick="if(selection.createRange().text!=''){selection.createRange().text='<samll>'+selection.createRange().text+'</samll>'}elsealert('请选择一段文本')"style="BACKGROUND-COLOR:#acbedb;WIDTH:20pt"type=buttonvalue=s><INPUTonclick="if(selection.createRange().text!=''){selection.createRange().text='<big>'+selection.createRange().text+'</big>'}elsealert('请选择一段文本')"style="BACKGROUND-COLOR:#acbedb;WIDTH:20pt"type=buttonvalue=G><INPUTonclick="if(selection.createRange().text!=''){selection.createRange().text='<pre>'+selection.createRange().text+'</pre>'}elsealert('请选择一段文本')"style="BACKGROUND-COLOR:#acbedb;WIDTH:20pt"type=buttonvalue=X><INPUTonclick="iii.value+='<br>'"style="BACKGROUND-COLOR:#cccccc;WIDTH:20pt"type=buttonvalue=Br><INPUTonclick="iii.value+='<p>'"style="BACKGROUND-COLOR:#cccccc;WIDTH:20pt"type=buttonvalue=P><INPUTonclick="iii.value+='<hrsize=""style=""color="">'"style="BACKGROUND-COLOR:#cccccc;WIDTH:20pt"type=buttonvalue=Hr><INPUTonclick="varcook=prompt('请你输入预备显示的图象地址[网址]','http://csylw.home.sohu.com/img/2/rongzu.jpg');iii.value+='<imgsrc="'+cook+'"style=""alt="一个图象"border="0">'"style="BACKGROUND-COLOR:#cccccc;WIDTH:28pt"type=buttonvalue=Img><INPUTonclick="iii.value+='<tablecellspacing=0cellpadding=0width=300height=200border=5style=""align=""bordercolor=""><Tr><Td>内容填写区</td></tr></table>'"style="BACKGROUND-COLOR:#cccccc;WIDTH:35pt"type=buttonvalue=Table><INPUTonclick="iii.value+='<marqueewidth=300height=330onmouseover="this.statr()"onmouseout="this.stop()"direction=downscrollamount=1>数据填写区</marquee>'"style="BACKGROUND-COLOR:#cccccc;WIDTH:50pt"type=buttonvalue=Marquee><INPUTonclick="if(sele.options[0].selected){alert('[特殊标签]是封面，你要选择一个它覆盖的元素呀')}elseiii.value+=sele.options[sele.selectedIndex].value;"style="COLOR:maroon;FONT-WEIGHT:600;WIDTH:33pt"type=buttonvalue=OK---><SELECT

name=selestyle="BACKGROUND-COLOR:#dddddd"><OPTIONselected>特殊标签<OPTION

value='<appletwidth=250height=300align=centercode=".class"name="app"></applet>'>applet<OPTION

value='<objecttype="text/scriptlet"data="http://csylw.home.sohu.com/shouye.html"width=400height=500align=centerid=cs1classid=""></object>'>activex<OPTION

value="<iframesrc='http://cartoonfile.163.com/source/9976/nine.swf'width=350height=230align=center></iframe>">flash<OPTION

value='<embedsrc="rtsp://ent.online.ln.cn/ent.online.ln.cn/LegendofZu_01.rm"type="audio/x-pn-realaudio-plugin"console="Clip1"controls="IMAGEWINDOW,ControlPanel,StatusBar"height=200width=200autostart=true></embed>'>embed<OPTION

value='<divstyle="position:absolute;top:30px;left:35px;width:300;height:200;z-index:2;background-color:eeeeee;overflow:scroll;"id=div1>请修改他的元素属性</div>'>绝对定位</OPTION></SELECT>

</TD></TR>

<TR>

</TD></TR>

<TR>

<TDid=newif>

<DIVid=div1

style="BACKGROUND-COLOR:#dddddd;HEIGHT:100%;OVERFLOW:scroll;WIDTH:100%;Z-INDEX:-1"></DIV></TD></TR>

<TR>

<TD><INPUTonclick=html()style="BACKGROUND-COLOR:#bbbbbb;COLOR:red;FONT-WEIGHT:600"type=buttonvalue=HTML><INPUTonclick="if(nnh.options[0].selected){alert('[实用脚本]不能插入的，请找它覆盖的元素')}elseiii.value+=nnh.options[nnh.selectedIndex].value"type=buttonvalue=Enter---><SELECT

id=nnhstyle="BACKGROUND-COLOR:#dddddd"><OPTIONselected

style="COLOR:green">实用脚本<OPTION

value='<ahref="mailto:hhhhh"title="请hhhhh替换成你的邮件地址OK?">与我联系</a>'>电子邮件<OPTION

value="<scriptlanguage=vbscript>document.writenow</script>">现在时间<OPTION

value="<script>document.write(document.lastModified)</script>">更新时间<OPTION

value="<script>self.moveTo(0,0);self.resizeTo(screen.availWidth,screen.availHeight)</script>">自最大化<OPTION

value='<aonclick="window.external.AddFavorite(location.href,document.title)"style="cursor:hand;color:blue">加入收藏</a>'>加入收藏<OPTION

value='<astyle="color:blue;cursor:hand"onclick=this.style.behavior="url(#default#homepage)";this.setHomePage("http://你的网址");>设为首页</a>'>设为首页<OPTION

value='<script>with(window.document.body.style){borderWidth="8";borderStyle="solid";borderColor="activeborder"}</script>'>加厚外框<OPTION

value='<METAhttp-equiv="Page-Enter"CONTENT="RevealTrans(Duration=2,Transition=23)">'>过滤效果<OPTION

value='<scriptlanguage=vbs>
subone
dima1//声明了a1是个变量
a1="你好"//为a1加值,请修改运用

endsub
</script>'>vbscript<OPTION

value='<script>
functionyou(){
varb1="大家好"//声明一个变量b1,请修改运用

}
</script>'>javascript</OPTION></SELECT><INPUTid=otbonclick="if(hhn.options[0].selected){alert('[表单控件]是封面,不能插入的，请选择他覆盖的东西')}elseiii.value+=hhn.options[hhn.selectedIndex].value"type=buttonvalue=Enter---><SELECT

id=hhnstyle="BACKGROUND-COLOR:#dddddd"><OPTIONselected

style="COLOR:navy">表单控件<OPTION

value='<inputtype=buttonvalue="按纽"name=""onclick=""style="">'>普通按纽<OPTION

value='<inputtype=textvalue="请输入"size=""style=""name="">'>小输入框<OPTION

value='<inputtype=radioname="a1"onclick=""style="">'>单选按纽<OPTION

value='<inputtype=checkboxname=""onclick=""style="">'>复选按纽<OPTION

value='<inputtype=imagesrc="http://图片地址"onclick=""name=""style="">'>图形按纽<OPTION

value='<inputtype=submitstyle=""onclick=""name=""value="提交">'>提交按纽<OPTION

value='<inputtype="reset"onclick=""name=""value="重填"style="">'>重添按纽<OPTION

value='<textareacols="40"rows="8"name=""onChange=""style="">请填写数据</textarea>'>大文本框<OPTION

value='<selectname=""style=""><optionselected>目录索引<optionvalue="">第一选项<optionvalue="">第二选项<optionvalue="">第三选项<optionvalue="">其他更多</select>'>下拉菜单<OPTION

value='<inputtype=filename=""onChange=""style="width:150pt">'>小浏览器</OPTION></SELECT><INPUTid=otaonclick="if(ffo5.value!=''){iii.value+='<fontface=wingdingsstyle=""size="">'+ffo5.value+'</font>'}elsealert('请在右面输入框填写[非汉字]的任何字符')"type=buttonvalue=Enter---><INPUT