简单的Html转换UBB的程序-巨人网络通讯

主页 > 知识库 > 简单的Html转换UBB的程序

简单的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,宋体;font-weight: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>

标签：海南邯郸娄底德阳乐山衡阳内江黔东

巨人网络通讯声明：本文标题《简单的Html转换UBB的程序》，本文关键词简单,的,Html,转换,UBB,程序,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。