!DOCTYPE htmlhtmlheadh1文本替换工具h1p请输入您想要替换的内容：ptextarea id=replace-text rows=10 cols=200textareabrbutton onclick=replaceText替换buttonbrp替换后的文本内容：pp出现了span id=comma-count0span个VCGID。ptextarea id=output-te
<!DOCTYPE html>
<html>
<head>
<title>文本处理工具</title>
<style>
textarea {
width: 100%;
height: 100px;
margin-bottom: 10px;
}
button {
margin-right: 10px;
}
.result {
margin-top: 20px;
border: 1px solid black;
padding: 10px;
}
</style>
</head>
<body>
<h1>文本处理工具</h1>
<div>
<h2>文本替换工具</h2>
<textarea id="replace-text" placeholder="请输入您想要替换的内容"></textarea>
<button onclick="replaceText()">替换</button>
<p>替换后的文本内容：</p>
<p>出现了<span id="comma-count">0</span>个VCGID。</p>
<textarea id="output-text"></textarea>
</div>
<div>
<h2>文本分割工具</h2>
<textarea id="split-text" placeholder="请输入要分割的文本"></textarea>
<input type="number" id="split-size" placeholder="请输入每个分割块的大小">
<button onclick="splitText()">分割</button>
<div class="result" id="split-result"></div>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
<script>
// 替换文本
function replaceText() {
const inputText = document.getElementById("replace-text").value;
const replacedText = inputText.replaceAll(/["\s]+/g, ",");
document.getElementById("output-text").value = replacedText;
document.getElementById("comma-count").innerHTML = (replacedText.match(/,/g) || []).length;
}
<pre><code> // 分割文本
function splitText() {
const inputText = document.getElementById("split-text").value;
const splitSize = document.getElementById("split-size").value;
const dataArray = inputText.split(/\s*,\s*/);
const result = document.getElementById("split-result");
result.innerHTML = "";
const boxCount = Math.ceil(dataArray.length / splitSize);
for (let i = 0; i < boxCount; i++) {
const box = document.createElement("textarea");
box.rows = "10";
box.cols = "50";
const start = i * splitSize;
const end = Math.min(start + splitSize, dataArray.length);
box.value = dataArray.slice(start, end).join(",");
result.appendChild(box);
}
download(result.innerText);
}
// 下载文本
function download(text) {
const blob = new Blob([text], {type: "text/plain;charset=utf-8"});
saveAs(blob, "data.txt");
}
</script>
</code></pre>
</body>
</html>
原文地址: http://www.cveoy.top/t/topic/bVUc 著作权归作者所有。请勿转载和采集!