简单实用的HTML到UBB转换脚本工具实现说明

网络编程 2025/1/23 佚名

2 0 1

极乐门资源网 Design By www.ioogu.com

现在出现一点麻烦：博客编辑器多为支持HTML发布，而论坛多为支持UBB，这意味着你想把之前发布在博客的文章直接复制发布到论坛是不行的。怎么办呢？手工一个个标签改？这样显然太麻烦了，况且懒乃人之本性嘛，哈！我也是位懒人，所以我写了个工具，可以帮助自己把博客的HTML转换成适合论坛发布的UBB格式，即使不能完全转换，但已帮我省去很多工作。

因为本人一直从事WEB前端开发工作，所以我知道HTML语义的重要性，也清楚如何标准编码，所以我发布在博客的HTML符合下面几个标准，使用这些标准，有利于更成功地实现HTML 到UBB的转换：

（1）所有标签合法嵌套并正常结束
（2）小标题使用h标签，段落使用p标签
（3）每张博客附图各占一行并居中，img标签同样作为一个新的段落放在p标签中
（4）代码片段是用博客园编辑器生成的，是一个div标签包含的内容块

这个HTML 2 UBB转换工具代码如下。通过代码你可以看到这是利用了正则表达式重复替换实现的，为了优化替换速度，我把可能存在大量无用HTML的内容先替换，这样后面其它方法无须再替换其中的内容，比如由博客园编辑器生成的代码片段就是要先替换的目标，它会被替换成“[code]这里是代码片段[/code]”，后面自己再把中间的文字替换成实际的代码就行了。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML 2 UBB</title> <style type="text/css"> * {margin:0; padding:0} #layout {width:800px; margin:10px auto} textarea {width:800px; height:250px; font-size:12px} input {width:800px; height:30px; margin:10px 0} </style> </head> <body>  <textarea id="inputCode"><"button" id="transform" value="【转换】" onclick="transform()" /> <textarea id="outputCode"><"text/javascript"> function transform() {     var html = document.getElementById('inputCode').value;          html = html.replace(/\n/g,'');     html = html.replace(/(.+?)<\/div>/ig,'[    DISCUZ_CODE_0    ]\n\n');     html = html.replace(/<p.*?>(.+?)<\/p>/ig,'$1\n\n');     html = html.replace(/<br>/ig,'\n\n');     html = html.replace(/(.+?)<\/a>/ig,'[url=$1]$2[/url]');     html = html.replace(/<img.+?src="/UploadFiles/2021-04-02/(.+?)">/ig,'[align=center][img]$1[/img][/align]');     html = html.replace(/<strong>(.+?)<\/strong>/ig,'[b]$1[/b]');     html = html.replace(/<h\d>(.+?)<\/h\d>/ig,'[size=3][b]$1[/b][/size]\n\n');          document.getElementById('outputCode').value = html;     document.getElementById('outputCode').select(); } </script> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
工具的使用方法是（参考下面附图）：复制你发布到博客之前自己编辑好的HTML代码放于上文本框，然后再点击中间的“转换”按钮，这样工具就会在下面文本框生成你要粘贴到论坛的UBB文本，同时目标代码处于选中状态，你复制即可。

注意：如果你的HTML代码与我的标准不一样，转换肯定会出问题的，你可以根据自己的代码标准修改这个工具的部分代码，使其达到自己想要的效果。本文只是提供一个思路。作者 webflash

HTML,UBB,转换脚本工具

标签：

HTML,UBB,转换脚本工具

极乐门资源网 Design By www.ioogu.com

极乐门资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

极乐门资源网 Design By www.ioogu.com

评论“简单实用的HTML到UBB转换脚本工具实现说明”

暂无简单实用的HTML到UBB转换脚本工具实现说明的评论...

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2025年01月23日

简单实用的HTML到UBB转换脚本工具实现说明

HTML,UBB,转换脚本工具

Javascript结合css实现网页换肤功能

cnblogs csdn 代码运行框实现代码

评论“简单实用的HTML到UBB转换脚本工具实现说明”

P70系列延期，华为新旗舰将在下月发布

更新日志

友情链接