去空行小工具Html + Javascript

这是一个平常用到的小工具,为了节省屏幕空间把空行去掉,怕要用的时候找不到故记录在此。

效果图

网页版,放在浏览器里就可以用

html 复制代码
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>去回车去空行</title>

  </head>
  <body>
	<script type="text/javascript">
	function format(){
		var content = document.getElementById('input').value;
		var result = "";
		var skip = false;
		document.getElementById('input').value = content;
		var lines = content.split("\n");
		lines.forEach(function(element){
			if (element.trim().length > 0){
				if (element.match(/^.*([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/)){
					result = result + element + ' ';
				}else{
					result = result + element + '\n';
				}
			}
		});
		document.getElementById('output').value = result;			
		return false;
	}
	</script>
	<br>
	<form onsubmit="return format();" class="my-form">
	<textarea id="input" name="input" rows="30" cols="60">input text here</textarea>
	<textarea id="output" name="output" rows="30" cols="60"></textarea><br>
    <input type="submit" value="Submit转换">
	</form>
 
  </body>
</html>
相关推荐
深蓝AI18 小时前
Meta 开源用了八年的设计系统 astryx:连坐两天 GitHub 总榜第一,组件库开始写给 agent 的说明书
前端·人工智能
IT_陈寒19 小时前
Vue的watch把我坑惨了,原来要这样用才靠谱
前端·人工智能·后端
1-1=019 小时前
Vue 3 模板语
前端·javascript·vue.js
用户76103044737119 小时前
【转战智能眼镜开发】ROKID AIUI 小游戏 亚马逊标枪项目实战讲解
前端
风卿19 小时前
看着AI写代码太孤独了,来欣赏星云吧:一个DSH 装饰插件
前端·javascript
牧艺20 小时前
弹层不用再手算坐标了:CSS Anchor Positioning 从原理到可上线
前端·javascript·css
用户老李20 小时前
YOLO 目标检测自学教程 07:YOLOv3——多尺度预测
前端
moshuying20 小时前
ESP32 墨水屏金价牌(上):从点亮到把图片推过去
前端
李剑一20 小时前
别再抬杠,前端岗已经没了!无论前后端,我们最终都要成“全干”工程师
前端·面试
Highcharts.js20 小时前
Highcharts 仪表盘与速度仪图表库介绍
前端·信息可视化·仪表板·highcharts·图表开发·图表库·仪表可视化