Javascript chrome-windows和safari-mac的输出完全不同 var sel=window.getSelection（）； 如果（选择getRangeAt）{ 如果（选择范围计数）{ 范围=选择范围（0）； range.insertNode（“名字”） var range2=range.cloneRange（）； console.log（“测试”，范围2） } }

在控制台中，我们在windows chrome和mac-safari中获得不同的数据 cloneRange具有属性列表，如innerText、innerHTML、outerText…等 我认为safari中不太支持cloneRange…..mac中有没有什么方法可以代替cloneRange来支持safari

在windows chrome中：按预期工作

var sel = window.getSelection();
if(sel.getRangeAt) {
  if(sel.rangecount){
    range = sel.getRangeAt(0);
    range.insertNode("<span id="xXmergefield" class="tag mergefield" data-replacement="{MERGEFIELD FirstName}" contenteditable="false" style="background-color: rgba(93, 0, 255, 0.75);">First Name<i id="xXmergefield firstnameXx13-remover" class="fas fa-times remover"></i></span>")
   var range2 = range.cloneRange();
console.log("test",range2)
  }
}

innerHTML：“你知道吗？？？名字”
outerHTML：“你知道吗？？？名字”

在safari中-mac不工作

innerHTML: "Did You know??? <span id="xXmergefield" class="tag mergefield" data-replacement="{MERGEFIELD FirstName}" contenteditable="false" style="background-color: rgba(0, 0, 255,
0.75);">FirstName<i id="xXmergefield firstnameXx1-remover" class="fas fa-times remover"></i></span> "

outerHTML: "<div id="mycontent-header" contenteditable="true" class="mycontent" style="user-select: text;">Did You know??? <span id="xXmergefield" class="tag mergefield" data-replacement="{MERGEFIELD FirstName}" contenteditable="false" style="background-color: rgba(0, 0, 255, 0.75);">FirstName<i id="xXmergefield firstnameXx1-remover" class="fas fa-times remover"></i></span> </div>"

---

innerHTML:“Description active在chrome中，我们选择并右键单击以添加字段，它会获取非常接近的文本并向其中添加相应的span标记。但是在safari中，当我们选择并右键单击时…它会从页面顶部获取文本…因此，它不会添加相应的span标记。您的格式设置会使您的问题无法阅读。Inden”在chrome和safari中执行上述代码时，数据是不同的。意思是…在chrome中，innerHTML：“你知道吗？”？在safari-mac中，innerHTML：“描述活动
innerHTML: “<div class=\“row\“><div class=\“cell label\“>Description</div><div class=\“cell\“><input></div> <div class=\“cell label pad\“>Active</div><di…”
innerText: “Description↵↵Active↵Action type↵↵Trigger↵↵Days↵↵Run at time↵10:30↵Disable template↵Disable unsubscribe↵Email fields:↵Subject↵Appoin

outerHTML: “<div class=\“content\“><div class=\“row\“><div class=\“cell label\“>Description</div><div class=\“cell\“><input></div> <div class=\“cell labe…”
outerText: “Description↵↵Active↵Action type↵↵Trigger↵↵Days↵↵Run at time↵10:30↵Disable template↵Disable unsubscribe↵Email fields:↵Subject↵Appointment