将Range或DocumentFragment转换为字符串

const range = document.createRange();
range.selectNodeContents(document.getElementById('myElement'));
const rangeString = range.toString();
console.log(rangeString);

const fragment = document.createDocumentFragment();
const textNode = document.createTextNode('Hello, ');
const elementNode = document.createElement('span');
elementNode.textContent = 'World!';
fragment.appendChild(textNode);
fragment.appendChild(elementNode);

const fragmentString = Array.from(fragment.childNodes)
  .map(node => node.textContent)
  .join('');
console.log(fragmentString); // 输出: "Hello, World!"

const escapeHtml = (str) => {
  return str.replace(/&/g, '&')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&#039;');
};

const rangeString = range.toString().replace(/[&<>"']/g, escapeHtml);
console.log(rangeString);