Вывод совершенно другой в chrome - windows и сафари - Mac - PullRequest
Новая
       7

Вывод совершенно другой в chrome - windows и сафари - Mac

0 голосов
/ 26 февраля 2020 
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)
  }
}

В консоли мы получаем разные данные в windows - chrome и ma c - safari cloneRange имеет список атрибутов, таких как innerText, inner HTML, outerText ..... и т. Д. Я думаю, что cloneRange не так поддерживается в сафари ..... есть ли метод вместо cloneRange для сафари в ма c.

в windows chrome: работа как положено ... .. 

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>"

В сафари - ма c Не работает 

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

Это описание, Активные, Действия ...... и так далее c Это ярлыки в текущая страница .. которая находится вверху страницы.

...