Front-end 개발/JAVASCRIPT

HTML문서 소스에서 원하는 HTML만 추출하는 기능 테스트 (DOMParser, parser.parseFromString 활용)

별의 노트 2023. 1. 11. 16:35
반응형

DOCTYPE 포함된 HTML문서에서 원하는 HTML만 추출하는 기능 테스트

ex) sun editor로 등록된 게시글의 원본 html문서에서 editor로 등록한 내용만 추출

function getEditorHtml(content) {
  if (!content) {
    return;
  }
  const parser = new DOMParser();
  const doc = parser.parseFromString(content, 'text/html');

  if (doc.querySelector('.sun-editor-editable')) {
    return doc.querySelector('.sun-editor-editable').innerHTML;
  } else {
    return content;
  }
}