JS实现全半角转换和去空格

最近在写开题报告,发现PDF中的文字复制出来会各种凌乱:标点全半角不定、各种空格莫名其妙的多。太影响复制粘贴了。

用js写了个解决问题的办法,基本就是用正则表达式替换。为了能方便的加入新标点转换,做了一下结构上的优化。

<html>
<!-- trim all the spaces in input, and make the punctuations in right case-->
<head>
	<meta charset="UTF-8">
	<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script type="text/javascript">

	$(function(){
		//bind events
		$('#format').click(format);
		$('#clear').click(clear);
	});

	//replace strategy
	function Strategy(reg, rep){
		this[this.REG] = reg;
		this[this.REP] = rep;
	}
	Strategy.prototype.REG = 0;
	Strategy.prototype.REP = 1;

	//replace utils
	function change(p1, p2, mapping){
		return p1 + mapping[p2];
	}

	function getRegOf(word, mapping){
		var str = '';
		for (var i in mapping){
			str += '\\' + i;
		}
		return new RegExp('(' + word + ')([' + str + '])', 'g');
	}

	// DBC to SBC case
	function en2cnChange(){
		var args = arguments;
		return change(args[1], args[2], en2cnChange.prototype.mapping.mapping);
	}

	en2cnChange.prototype.mapping = {
		mapping : {
			'\,': ',',
			'\.': '。',
			'\;': ';',
			'\!': '!'
		},
		reg: function(){
			if(this._reg == undefined){
				//initial once
				this._reg = getRegOf('\\W', this.mapping);
			}
			return this._reg;
		}
	}
	//SBC to DBC case
	function cn2enChange(){
		var args = arguments;
		return change(args[1], args[2], cn2enChange.prototype.mapping.mapping);
	}

	cn2enChange.prototype.mapping = {
		mapping : {
			',': '\,',
			'。': '\.',
			';': '\;',
			'!': '\!'
		},
		reg: function(){
			if(this._reg == undefined){
				//initial once
				this._reg = getRegOf('\\w', this.mapping);
			}
			return this._reg;
		}
	}

	// event handler
	function format(){
		var str = $('#input').val();
		var reg = Strategy.prototype.REG;
		var rep = Strategy.prototype.REP;
		var strategies = format.prototype.strategies;
		for(var i in strategies){
			var strategy = strategies[i]; 
			str = str.replace(strategy[reg], strategy[rep]);
		} 
		$('#output').val(str);
	}
	format.prototype.strategies = [
		new Strategy(en2cnChange.prototype.mapping.reg(), en2cnChange),
		new Strategy(cn2enChange.prototype.mapping.reg(), cn2enChange),
		new Strategy(/\s/g, function(){return ''})// whtie space
	];

	function clear(){
		$('textarea').each(function(){$(this).val('')});
	}
	</script>
	<style type="text/css">
	textarea{
		display: inline-block;
		width: 45%;
		height:80%;
		margin: 1em;
	}
	</style>
</head>
	<textarea id="input" placeholder="input"></textarea>
	<textarea id="output" placeholder="output"></textarea>
	<br/>
	<button id="format">format</button>
	<button id="clear">clear</button>
</html>



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值