用html+javascript打造公文一键排版系统13：增加半角字符和全角字符的相互转换功能

一、实践发现了bug和不足

今天用了公文一键排版系统对几个PDF文件格式的材料进行文字识别后再重新排版，处理效果还是相当不错的，节约了不少的时间。

但是也发现了三个需要改进的地方：

（一）发现了两个bug：

1.二级标题排版格式中css的text-indent属性的单位忘记从em改为pt，结果排版时二级标题显示几乎变成居中了。

2.存储温馨提示信息的变量a初始值设为null，结果在输出a时null也被当成字符串符显示了，应设为为""。

这两个均已debug了。

（二）文字识别经常将标点符号识别为半角的符号，排版出来不够美观。

（三）文字识别会添加一些空格，排版出来不够美观。

二、明确了改进方向

针对上面发现的不足，决定给一键排版系统增加两项功能：

1. 半角标点符号和全角标点符号相互转换的功能按钮。

2. 删除空格的的功能按钮

三、实现半角标点符号和全角标点符号相互转换

先实现上面列的第1项功能。

在网上搜索了一下，已经有网友做过分析，并分享了实现这个功能的代码。

拥有全角与半角之分的ASCII字符范围：0x20~0x7E。

除了空格（0x20）外，其他的字符中，全角与半角均相差：0xFFE0。全角空格的代码为：0x03000 。

因此，在全角与半角的字符转换中，除空格需要特殊处理外：

全角 = 半角 + 0xFEE0

半角 = 全角  - 0xFFE0

半角字符的代码范围：

在网友们分享的代码基础上做了一点改进。

	
	
	



 	
实时编辑区
	


	全角和半角字符转换：
	
	

效果如下图：

 

下一步我们将增加一些转换选项，比如英文字母、阿拉伯数字、标点符号、空格。