UBB编辑器演示(兼容IE,Opera,Firefox)Byshawl.qiu
说明:
这个很简单,没啥好说明的.
哦,还是有点需要说明,这个UBB编辑器对应的解码与编码是服务端代码,这个是秘密.
最近狂了解浏览器兼容技术,已经有点小心点了.
等着我的HTML编辑器吧,照样兼容IE,Opera,Firefox,主要技术已经解决了.
shawl.qiu
-11-23
/btbtd
UBB编辑器演示源代码:
linenum<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <scripttype="text/javascript"> /*-------------------------------------------------------*/ *UBB编辑器演示(兼容IE,Opera,Firefox)Byshawl.qiu *参数说明: *target:字符串,UBB主编辑域ID *markup:字符串,UBB标签 /*-------------------------------------------------------*/ functionubbTag(target,markup){ vartxa=document.getElementsByName(target)[0]; txa.focus(); varstrEnd=markup.replace(//[/ig,'[/'); if(strEnd.indexOf('=')>-1){ strEnd=strEnd.replace(/(.*?)/=.*?/]/,'$1]'); } if(document.selection&&document.selection.type=="Text"){ //IE,Opera varoStr=document.selection.createRange(); oStr.text=markup+oStr.text+strEnd; }elseif(window.getSelection&&txa.selectionStart>-1){ //Netscape varst=txa.selectionStart; vared=txa.selectionEnd; txa.value=txa.value.substring(0,st)+markup+ txa.value.substring(st,ed)+strEnd+ txa.value.slice(ed); }else{ txa.value+=markup+strEnd; } }//shawl.qiuscript //]]> </script> <formaction=""method="post"name="ubbForm"id="ubbForm"> <selectοnchange="ubbTag('content','['+this.value+']')"> <optionvalue="h6">h6</option> <optionvalue="h5">h5</option> <optionvalue="h4">h4</option> <optionvalue="h3">h3</option> <optionvalue="h2">h2</option> <optionvalue="h1">h1</option> <optionvalue="h1"selected="selected">fontsize</option> </select> <selectοnchange="ubbTag('content','[color='+this.value+']')"> <optionvalue="black">color</option> <optionvalue="black"style="background-color:black;color:#FFFFFF;">black</option> <optionvalue="blue"style="background-color:blue;color:#FFFFFF;">blue</option> <optionvalue="fuchsia"style="background-color:fuchsia;color:#FFFFFF;">fuchsia</option> <optionvalue="gray"style="background-color:gray;color:#FFFFFF;">gray</option> <optionvalue="green"style="background-color:green;color:#FFFFFF;">green</option> <optionvalue="lime"style="background-color:lime;">lime</option> <optionvalue="maroon"style="background-color:maroon;color:#FFFFFF;">maroon</option> <optionvalue="navy"style="background-color:navy;color:#FFFFFF;">navy</option> <optionvalue="olive"style="background-color:olive;color:#FFFFFF;">olive</option> <optionvalue="orange"style="background-color:orange;color:#FFFFFF;">orange</option> <optionvalue="purple"style="background-color:purple;color:#FFFFFF;">purple</option> <optionvalue="red"style="background-color:red;color:#FFFFFF;">red</option> <optionvalue="silver"style="background-color:silver;color:#FFFFFF;">silver</option> <optionvalue="teal"style="background-color:teal;color:#FFFFFF;">teal</option> <optionvalue="white"style="background-color:white;">white</option> <optionvalue="yellow"style="background-color:yellow;">yellow</option> </select> <inputtype="button"value="url"οnclick="ubbTag('content','[url]')"/> <inputtype="button"value="img"οnclick="ubbTag('content','[img]')"/> <inputtype="button"value="email"οnclick="ubbTag('content','[email]')"/> <inputtype="button"value="code"οnclick="ubbTag('content','[code]')"/> <inputtype="button"value="quote"οnclick="ubbTag('content','[quote]')"/> <inputtype="button"value="cite"οnclick="ubbTag('content','[cite]')"/> <inputtype="button"value="linenum"οnclick="ubbTag('content','[linenum]')"/> <inputtype="button"value="b"οnclick="ubbTag('content','[b]')"/> <inputtype="button"value="left"οnclick="ubbTag('content','[align=left]')"/> <inputtype="button"value="center"οnclick="ubbTag('content','[align=center]')"/> <inputtype="button"value="right"οnclick="ubbTag('content','[align=right]')"/> <inputtype="button"value="textarea"οnclick="ubbTag('content','[textarea]')"/> <inputtype="button"value="pre"οnclick="ubbTag('content','[pre]')"/> <inputtype="button"value="xmp"οnclick="ubbTag('content','[xmp]')"/> <inputtype="button"value="sub"οnclick="ubbTag('content','[sub]')"/> <inputtype="button"value="sup"οnclick="ubbTag('content','[sup]')"/> <inputtype="button"value="abbr"οnclick="ubbTag('content','[abbr]')"/> <inputtype="button"value="address"οnclick="ubbTag('content','[address]')"/> <inputtype="button"value="dl"οnclick="ubbTag('content','[dl][dd]')"/> <inputtype="button"value="dt"οnclick="ubbTag('content','[dt]')"/> <inputtype="button"value="dd"οnclick="ubbTag('content','[dd]')"/> <inputtype="button"value="nl"οnclick="ubbTag('content','[nl][li]')"/> <inputtype="button"value="ol"οnclick="ubbTag('content','[ol][li]')"/> <inputtype="button"value="ul"οnclick="ubbTag('content','[ul][li]')"/> <inputtype="button"value="li"οnclick="ubbTag('content','[li]')"/> <inputtype="button"value="floatleft"οnclick="ubbTag('content','[float=left]')"/> <inputtype="button"value="floatright"οnclick="ubbTag('content','[float=right]')"/> <inputtype="button"value="tagLink"οnclick="ubbTag('content','[taglink]')"/> <inputtype="button"value="glLink"οnclick="ubbTag('content','[gllink]')"/><br/> <textareaname="content"cols="80"rows="10">aaaaaaaaaa</textarea><br/> <inputtype="submit"name="Submit"value="Submit"/> <inputtype="reset"name="Reset"value="Reset"/> </form>
