Javascript, Typescript Html 인코딩, 디코딩

Html 인코딩 디코딩은 div 태그를 만들어서 그 안에 텍스트를 가져오는 개념이다.

 

function htmlEncode(str) {

  const temp = document.createElement('div');

  temp.textContent = str;

  return temp.innerHTML;

}

function htmlDecode(str) {

  const temp = document.createElement('div');

  temp.innerHTML = str;

  return temp.textContent;

}

 

아래 코드는 타입스크립트를 적용한 함수이다.

const htmlEncode = (str: string): string => {

  const temp: HTMLDivElement = document.createElement('div');

  temp.textContent = str;

  return temp.innerHTML;

};

const htmlDecode = (str: string): string => {

    const temp: HTMLDivElement = document.createElement("div");

    temp.innerHTML = str;

    return temp.textContent || "";

};