将 html 转成 ubb代码的小脚本

时间:2021-03-17 人气:0

想了解将 html 转成 ubb代码的小脚本的相关内容吗，在本文为您仔细讲解的相关知识和一些Code实例，欢迎阅读和指正，我们先划重点：将,html,转成,ubb代码的小脚本，下面大家一起来学习吧。

只写了几个常用的标签，如果要添加其他标签，按照已有的正则照猫画虎
（存储于剪切板的超文本和源文件有可能是不同的！！也就是说浏览器已经对原有 html 进行了规范化）

function html_trans(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(/
/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 = ""; 
    rtf.focus(); 
    rtf.document.body.innerHTML = ""; 
    rtf.document.execCommand("paste"); 
    str = rtf.document.body.innerHTML; 
    if(str.length == 0) { 
        alert("剪切版不存在超文本数据！"); 
        return ""; 
    } 
    return html_trans(str); 
} 
</script>

<textarea style="width:100%; height:200px" id="text" class="textarea" onbeforepaste="if(document.getElementById('x_paste').checked){window.clipboardData.setData('text',trans());this.focus();}"></textarea>
 
<iframe scrolling="no" id="rtf" src="about:blank" MARGINHEIGHT="0" MARGINWIDTH="0" style="width:0px; height:0px;"></iframe> 
<input type="button" value="转换剪切版超文本数据" onclick="document.getElementById('text').value += trans()"> 
<input type="checkbox" id="x_paste"> <label for="x_paste">启用超文本粘贴转换</label> 
<script> 
rtf.document.designMode="On"; 
</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

使用说明
在别的网页中选择HTML内容，比如有链接，或者颜色的拷贝。
点击运行代码按钮
直接点击转换
出来的就是论坛专用的 ubb 代码了

加载全部内容