首页前端开发其他前端知识简单的Html转换UBB的程序

简单的Html转换UBB的程序

时间2024-02-01 12:43:02发布访客分类其他前端知识浏览358
导读:收集整理的这篇文章主要介绍了简单的Html转换UBB的程序,觉得挺不错的,现在分享给大家,也给大家做个参考。 这个功能主要是让 ubB 转贴的时候方便点. 1.自动识别图片,超链接,字体...
收集整理的这篇文章主要介绍了简单的Html转换UBB的程序,觉得挺不错的,现在分享给大家,也给大家做个参考。 这个功能主要是让 ubB 转贴的时候方便点. 

1.自动识别图片,超链接,字体颜色,和字体加粗,倾斜,下划线的HTML代码,并且转换为UBB代码.
2.兼容 IE 和 mozilla多种浏览器
html>
head>
tITle> Html转换程序/title>
SCRIPT language="JavaScript1.2">
function HtmlToUBB(str) {
str = str.replace(/\r/g,"");
str = str.replace(/on(load|click|dbclick|mouseover|mousedown|mouseup)="[^"]+"/ig,"");
str = str.replace(/script[^> ]*?> ([\w\W]*?)\/script> /ig,"");
str = str.replace(/a[^> ]+href="([^"]+)"[^> ]*> (.*?)\/a> /ig,"\n[url=$1]$2[/url]\n");
str = str.replace(/font[^> ]+color=([^ > ]+)[^> ]*> (.*?)\/font> /ig,"\n[color=$1]$2[/color]\n");
str = str.replace(/img[^> ]+src="([^"]+)"[^> ]*> /ig,"\n[img]$1[/img]\n");
str = str.replace(/([\/]?)b> /ig,"[$1b]");
str = str.replace(/([\/]?)strong> /ig,"[$1b]");
str = str.replace(/([\/]?)u> /ig,"[$1u]");
str = str.replace(/([\/]?)i> /ig,"[$1i]");
str = str.replace(/ /g," ");
str = str.replace(/& /g,"& ");
str = str.replace(/"/g,"\"");
str = str.replace(//g,"");
str = str.replace(/> /g,"> ");
str = str.replace(/br> /ig,"\n");
str = str.replace(/[^> ]*?> /g,"");
str = str.replace(/\[url=([^\]]+)\]\n(\[img\]\1\[\/img\])\n\[\/url\]/g,"$2");
str = str.replace(/\n+/g,"\n");
return str;
}

function trans(){
VAR str = "";
str = document.getElementById('edit').contentWindow.document.body.innerHTML;
if (str.length == 0) {
alert("无转换内容!请使用 Ctrl+V 把内容复制到下面的编辑框内");
}
document.getElementById('ReCode').value=HtmlToUBB(str);
}

function clearCode(){
document.getElementById('ReCode').value="";
}

function Start() {
  document.getElementById('edit').contentWindow.document.designMode = "on";
  try {
    document.getElementById('edit').contentWindow.document.execCommand("undo", false, null);
  }   catch (e) {
    alert("你的Mozilla浏览器不支持在线RichEditor");
  }
}

function ViewSource(Source){
  var Html;
  if (Source){
document.getElementById('sCode').value = document.getElementById('edit').contentWindow.document.body.innerHTML;
document.getElementById('edit').style.display="none";
document.getElementById('sCode').style.display="";
document.getElementById('tip').innerText="修改粘贴后的网页源代码 > > ";
document.getElementById('tranButton').disabled="disabled"
  }
  else{
document.getElementById('edit').contentWindow.document.body.innerHTML = document.getElementById('sCode').value;
   document.getElementById('edit').style.display="";
document.getElementById('sCode').style.display="none";
    document.getElementById('edit').contentWindow.document.designMode = "on";
  document.getElementById('tip').innerText="请使用 Ctrl+V 把内容复制到这里 > > ";
document.getElementById('tranButton').disabled=""
}
}
/SCRIPT>
style>
body{ background:#688ABD; margin:2px; }
label{ color:#fff; }
th{ font-Size:14px; font-family:verdana,宋体; @R_777_162@:bold; color:fc6; text-align:left}
#sCode{ width:400; height:150px; border:1px solid #1f2F47; margin-top:0px !important; margin-top:-1px; margin-bottom:0px !important; margin-bottom:-1px; }
#ReCode{ width:400; height:150px; border:1px solid #1F2F47; font-size:12px; }
#edit{ width:398; height:148px; border:1px solid #1F2F47; background:#fff; font-size:12px}
.input{
 border-top:1px solid #fff;
 border-right:1px solid #003;
 border-bottom:1px solid #003;
 border-left:1px solid #fff;
 background:#F4F7FB;
}
.tip{
 color:#ffc;
 font-weight:bold;
 font-size:12px;
 font-family:宋体;
}
/style>
/head>
body onload="Start()" style="">
table border="0" align="center">
tr>
th style=""> Html转换UBB程序/th>
/tr>
tr>
td style="font-size:12px; ">
 label for="Source"> input tyPE="checkbox" id="Source" onclick="ViewSource(this.checked)"> 查看源代码 /label>
         input id="tranButton" type="button" value="转 换" onclick="trans()" class="input">
         input type="button" value="清 除" onclick="clearCode()" class="input"> /td>
/tr>
tr>
td class="tip">
         span id="tip"> 请使用 Ctrl+V 把内容复制到这里 > > /span> /td>
/tr>
tr>
td>
         textarea id="sCode" style="display:none"> /textarea>
         iframe id="edit"src="about:blank" border="0" frameborder="0"> /iframe>
/td>
/tr>
tr>
td class="tip">
         转换输出代码 > > /td>
/tr>
tr>
td>
         textarea id="ReCode" readonly="readonly"> /textarea>
        /td>
/tr>
/table>
/body>
/html> @H_763_126@

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 求个简单正则下一篇:正则表达式在javascript中的几个...猜你在找的正则表达式相关文章 去除内容中的html2022-04-16Python正则表达式保姆式教学详细教程2022-04-16十分钟上手正则表达式 上篇2022-04-16十分钟上手正则表达式 下篇2022-04-16深入浅出正则表达式中的边界\b和\B2022-04-16轻松入门正则表达式之非贪婪匹配篇详解2022-04-16轻松掌握正则表达式findall函数详解2022-04-16正则表达式用法详解2022-04-1636个正则表达式(开发效率提高80%)2022-04-16Python正则表达式指南 推荐2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: 简单的Html转换UBB的程序
本文地址: https://pptw.com/jishu/595415.html
php正则表达式中的非贪婪模式匹配 求个简单正则

游客 回复需填写必要信息