简单实用的HTML到UBB转换脚本工具实现说明
更新时间：2009年11月02日 02:02:11 作者：
你也许是位乐于分享的技术人员，尽管你算不上什么技术高手，但是你都希望把自己所知道的通过博客与网友分享。为了让更多人知道你的经验，你可能会努力把博文发布到专业论坛。
现在出现一点麻烦：博客编辑器多为支持HTML发布，而论坛多为支持UBB，这意味着你想把之前发布在博客的文章直接复制发布到论坛是不行的。怎么办呢？手工一个个标签改？这样显然太麻烦了，况且懒乃人之本性嘛，哈！我也是位懒人，所以我写了个工具，可以帮助自己把博客的HTML转换成适合论坛发布的UBB格式，即使不能完全转换，但已帮我省去很多工作。
因为本人一直从事WEB前端开发工作，所以我知道HTML语义的重要性，也清楚如何标准编码，所以我发布在博客的HTML符合下面几个标准，使用这些标准，有利于更成功地实现HTML 到UBB的转换：
（1）所有标签合法嵌套并正常结束
（2）小标题使用h标签，段落使用p标签
（3）每张博客附图各占一行并居中，img标签同样作为一个新的段落放在p标签中
（4）代码片段是用博客园编辑器生成的，是一个div标签包含的内容块
这个HTML 2 UBB转换工具代码如下。通过代码你可以看到这是利用了正则表达式重复替换实现的，为了优化替换速度，我把可能存在大量无用HTML的内容先替换，这样后面其它方法无须再替换其中的内容，比如由博客园编辑器生成的代码片段就是要先替换的目标，它会被替换成“[code]这里是代码片段[/code]”，后面自己再把中间的文字替换成实际的代码就行了。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
工具的使用方法是（参考下面附图）：复制你发布到博客之前自己编辑好的HTML代码放于上文本框，然后再点击中间的“转换”按钮，这样工具就会在下面文本框生成你要粘贴到论坛的UBB文本，同时目标代码处于选中状态，你复制即可。
注意：如果你的HTML代码与我的标准不一样，转换肯定会出问题的，你可以根据自己的代码标准修改这个工具的部分代码，使其达到自己想要的效果。本文只是提供一个思路。 作者 webflash
因为本人一直从事WEB前端开发工作，所以我知道HTML语义的重要性，也清楚如何标准编码，所以我发布在博客的HTML符合下面几个标准，使用这些标准，有利于更成功地实现HTML 到UBB的转换：
（1）所有标签合法嵌套并正常结束
（2）小标题使用h标签，段落使用p标签
（3）每张博客附图各占一行并居中，img标签同样作为一个新的段落放在p标签中
（4）代码片段是用博客园编辑器生成的，是一个div标签包含的内容块
这个HTML 2 UBB转换工具代码如下。通过代码你可以看到这是利用了正则表达式重复替换实现的，为了优化替换速度，我把可能存在大量无用HTML的内容先替换，这样后面其它方法无须再替换其中的内容，比如由博客园编辑器生成的代码片段就是要先替换的目标，它会被替换成“[code]这里是代码片段[/code]”，后面自己再把中间的文字替换成实际的代码就行了。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
工具的使用方法是（参考下面附图）：复制你发布到博客之前自己编辑好的HTML代码放于上文本框，然后再点击中间的“转换”按钮，这样工具就会在下面文本框生成你要粘贴到论坛的UBB文本，同时目标代码处于选中状态，你复制即可。
注意：如果你的HTML代码与我的标准不一样，转换肯定会出问题的，你可以根据自己的代码标准修改这个工具的部分代码，使其达到自己想要的效果。本文只是提供一个思路。 作者 webflash
相关文章
这篇文章主要为大家详细介绍了javascript函数，帮助大家更好的理解js函数，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要为大家介绍了TypeScript类型使用示例剖析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
13个简单的代码优化方法，可以让你的代码在 Chrome 的 V8 JavaScript 引擎编译/运行你的 JavaScript 代码更加快速2012-07-07
IE浏览器不支持getElementsByClassName的解决方法
这篇文章主要介绍了IE浏览器不支持getElementsByClassName的解决方法,本文的方法比较完美的解决了这个问题,需要的朋友可以参考下2014-08-08
使用js检测浏览器是否支持html5中的video标签的方法
这篇文章主要介绍了使用js检测浏览器是否支持html5中的video标签的方法,需要的朋友可以参考下2014-03-03
这篇文章主要介绍了Javascript 鼠标移动上去 滑块跟随效果代码，有需要的朋友可以参考一下2013-11-11
一个从来没有接触过javascript的技术人员，几小时内就可以写出一个简单有用的程序代码;想写出高性能的代码，同样需要具备一个高级程序员的基本素养,javascript也是如此2013-01-01
Layui框架的table.render方法是用于渲染表格的核心功能,通过配置对象定义表格样式、列和数据源,cols数组中的每个对象通过field属性与数据源绑定,指定要显示的数据字段,本文给大家介绍Layui table.render的使用,感兴趣的朋友一起看看吧2024-09-09
typescript在node.js下使用别名(paths)无效的问题详解
这篇文章主要给大家介绍了关于typescript在node.js下使用别名(paths)无效问题的相关资料,文中通过图文以及示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2022-07-07
这篇文章主要介绍了微信小程序国际化探索实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-05-05
最新评论