将 html 转成 ubb代码的小脚本

524 查看

只写了几个常用的标签，如果要添加其他标签，按照已有的正则照猫画虎
（存储于剪切板的超文本和源文件有可能是不同的！！也就是说浏览器已经对原有 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 class="textarea" id="text" onbeforepaste="if(document.getElementById('x_paste').checked){window.clipboardData.setData('text',trans());this.focus();}" style="width:100%; height:200px">
 
<iframe id="rtf" marginheight="0" marginwidth="0" scrolling="no" src="about:blank" style="width:0px; height:0px;"></iframe> 
<input onclick="document.getElementById('text').value += trans()" type="button" value="转换剪切版超文本数据"/> 
<input id="x_paste" type="checkbox"/> <label for="x_paste">启用超文本粘贴转换</label> 
<script> 
rtf.document.designMode="On"; 
</script>

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

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

最近更新的内容

JS正则表达式匹配检测各种数值类型(数字验证)
深入理解正则表达式语法知识
Javascript校验密码复杂度的正则表达式
Javascript使用正则验证身份证号(简单)
JavaScript中一些常用的正则表达式(推荐)
教你轻松记住JS正则表达式
正则表达式与HTML5新元素
正则表达式日常收集整理(简单且实用)
在实际例子中学习正则表达式(高效率)
常用正则表达式匹配代码介绍

你可能感兴趣的文章

js中exec、test、match、search、replace、split用法
用正则查找html中有id属性的html标签
20个正则表达式必知(能让你少写1,000行代码)
正则中需要转义的特殊字符小结
notepad++ 等用正则表达式自动添加sql引号的技巧
一串字字符中多个逗号替换为一个既标准分隔符（正则表达式）
正则表达式(regex)错误使用导致功能漏洞分析
收集整理ASP.NET中17种常用正则表达式
ORACLE数据库中怎么求除数字、字母之外的非中文字符的正则表达式
根据身份证号码计算出生日期、年龄、性别（18位）根据入职时间计算工龄。

2025 - 快车库 - 我的知识库重庆启连科技有限公司渝ICP备16002641号-10
企客连连表单助手企服开发榜单123