HTML粘贴将文本拆分为不同的表单输入字段？

<div contenteditable="true" id="editableDiv">
  在这里粘贴文本...
</div>
<button onclick="splitText()">拆分文本</button>

function splitText() {
  var editableDiv = document.getElementById("editableDiv");
  var text = editableDiv.innerText;

  // 拆分文本，按照空格分隔
  var splitTextArr = text.split(" ");

  // 清空可编辑区域
  editableDiv.innerText = "";

  // 创建表单输入字段，并将拆分后的文本插入到表单中
  splitTextArr.forEach(function (splitText) {
    var input = document.createElement("input");
    input.type = "text";
    input.value = splitText;
    editableDiv.appendChild(input);
  });
}