帮我写一个html代码需求如下我会输入一批数据给你里面可能会包括空格及各种符号请把空格及各种符号都删掉并且在每个VCG的开头添加一个符号但是数据的开头不添加将把这些数据分割成1000个数据一组的文本框并在页面上显示出来。用户可以在每个文本框中查看和修改数据。当用户想要将数据保存到本地时点击下载按钮程序将把所有文本框中的数据合并成一个文本文件并自动下载到本地。该程序使用了FileSaverjs库来实
<!DOCTYPE html>
<html>
<head>
<title>Data Input</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
<script>
function removeSpecialChars(str){
return str.replace(/[^\w\s]/gi, '').replace(/\s+/g, '');
}
<pre><code> function addComma(str){
return "," + str;
}
function createText(){
var data = $("#data").val();
data = removeSpecialChars(data);
data = data.split("VCG");
data.shift();
data = data.map(function(item){
return addComma(item);
});
var text = "";
var i = 1;
data.forEach(function(item){
if(i % 1000 == 0){
text += item + "\n";
}
else{
text += item;
}
i++;
});
$("#output").val(text);
}
function download(){
var text = $("#output").val();
var blob = new Blob([text], {type: "text/plain;charset=utf-8"});
saveAs(blob, "data.txt");
}
</script>
</code></pre>
</head>
<body>
<h1>Data Input</h1>
<textarea id="data" rows="10" cols="50"></textarea>
<br>
<button onclick="createText()">Create Text</button>
<br>
<br>
<textarea id="output" rows="10" cols="50"></textarea>
<br>
<button onclick="download()">Download</button>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/bVTK 著作权归作者所有。请勿转载和采集!