index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>逐行字符串分拆工具</title>
<style>
    body {
        font-family: Arial, sans-serif;
					  
								
							
					  
				  
								  
    }
    .container {
						  
					  
						   
												
				   
						 
        display: flex;
        justify-content: space-around;
        align-items: flex-start;
        margin-top: 20px;
    }
    textarea {
        width: 45%;
        height: 300px;
        padding: 10px;
        font-size: 16px;
							
							   
						   
					 
    }
    button {
        margin-top: 20px;
        padding: 10px 20px;
        font-size: 16px;
					 
						   
						
									
	 
				  
								  
					 
    }
					   
					  
									   
	 
</style>
</head>
<body>

<div class="container">
    <textarea id="inputText" placeholder="在这里粘贴文本..."></textarea>
    <div class="button-container">
        <button onclick="splitText()">分拆</button>
        <button onclick="copyToClipboard()">复制结果</button>
    </div>
    <textarea id="outputText" placeholder="分拆后的结果会显示在这里..." readonly></textarea>
</div>

<script>
function splitLineInThrees(line) {
    // 分割单行文本为每三个字符一组，并用空格连接
    return line.match(/.{1,3}/g)?.join(' ') || '';
}

function splitText() {
    // 获取输入文本框的内容
    const inputText = document.getElementById('inputText').value;

    // 按行分割输入文本
    const lines = inputText.split('\n');

    // 对每一行进行分拆处理
    const processedLines = lines.map(line => {
        // 移除行首和行尾的空白字符
        const cleanLine = line.trim();
        
        // 如果行为空，则返回空字符串
        if (!cleanLine) return '';

        // 调用函数对单行进行分拆
        return splitLineInThrees(cleanLine);
    });

    // 将处理后的各行重新组合成一个字符串，每行之间用换行符分隔
    const resultText = processedLines.join('\n');

    // 将分拆后的结果显示在输出文本框中
    document.getElementById('outputText').value = resultText;
}
function copyToClipboard() {
    const outputText = document.getElementById('outputText');
    outputText.select(); // 选择文本框中的所有文本
    outputText.setSelectionRange(0, 99999); // 对于移动设备
    document.execCommand('copy'); // 复制选中的文本到剪贴板

    // 可选：提供反馈给用户
    alert('分拆结果已复制到剪贴板！');
}
</script>

</body>
</html>