去空行小工具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>
相关推荐
biu_biubiu5 分钟前
我开源了 Codebook
前端·vue.js
下山6 分钟前
怎么把带自研插件的 DeepSeek Harness 部署到云服务器
前端
彭亚川Allen13 分钟前
985 在职研究生到底怎么样?是不是水硕?是不是.....?
前端·后端·程序员
YufJi15 分钟前
两棵树,两个线程:一个小程序引擎的架构拆解
前端
super_Omni25 分钟前
Chrome 插件入驻实战:从 Manifest V3 到过审上架的完整路径
大数据·前端·chrome
腾讯数据架构师41 分钟前
任务跑完怎么直接出图表?CubeStudio 任务可视化 ECharts 数据格式实操(CSV/JSON + metric.json,11 种图表一键渲染)
前端·json·echarts·数据可视化
小小小米粒1 小时前
不是在构造方法「之前」修饰 Bean、注入;是构造方法跑完之后,才做属性注入,再跑 @PostConstruct。
前端
小李科技1 小时前
【性能优化】事件委托:目标定位与 React/Vue 实战
前端·vue.js·react.js·面试·性能优化·前端框架
QianhangQianping1 小时前
一块大屏的数据在浏览器里怎么变成画面:背景、子屏、前景三层结构
前端·低代码·架构·编辑器·数据可视化·大屏可视化
梦想很大很大1 小时前
让 Codex 自由发挥,给 nvm-desktop 换个 UI
前端·人工智能·设计