html 可编辑div 如何粘贴自定义样式的div 并且光标位置要能正确可以支持撤回删除

您可以使用`contenteditable`属性将一个`div`元素设置为可编辑状态。然后，您可以通过JavaScript来粘贴自定义样式的`div`，并确保光标位置正确以支持撤回和删除操作。

首先，创建一个可编辑的`div`元素:

<div id="editableDiv" contenteditable="true"></div>

然后，使用JavaScript将自定义样式的`div`粘贴到可编辑的`div`中，并确保光标位置正确:

function pasteCustomDiv() {
  var customDiv = document.createElement("div");
  customDiv.textContent = "这是一个自定义的div";
  customDiv.style.color = "red";
  
  var editableDiv = document.getElementById("editableDiv");
  var selection = window.getSelection();
  var range = selection.getRangeAt(0);
  
  range.deleteContents();
  range.insertNode(customDiv);
  
  range.setStartAfter(customDiv);
  range.setEndAfter(customDiv);
  
  selection.removeAllRanges();
  selection.addRange(range);
}

// 调用pasteCustomDiv()函数来粘贴自定义样式的div
pasteCustomDiv();

这样，您就可以将自定义样式的`div`粘贴到可编辑的`div`中，并且支持光标位置的正确控制以及撤回和删除操作。