String에 text로 저장되어 있는 태그 치환 문의

Question

안녕하세요. 혹 해당 부분 해결할 수 있는 방법이 있는지 질문드립니다. 현재 React 프로젝트 진행중인데 예를 들어 -> '111111 목표1 222222 목표 2' 해당 형태의 스트링 텍스트가 있다고 가정하고 해당 스트링의 span 태그 부분을 커스텀 태그나 DnD 태그로 변환 시키고 싶은데방법이 있을까요?결과 물이 -> '111111

목표1

222222

목표 2

' 이런 식으로 나오게 하고 싶습니다. 해당 ..는 임의 태그입니다.

Gear · Accepted Answer

특정 규칙을 반드시 만족한다면 정규식으로 해결할 수 있습니다.const original = `111111 목표1 222222 목표 2`; const result = original.replace(/([^(<\/span>)]+)<\/span>/g, `

$1

`); console.log(result);조건이 맞지 않아 제대로 동작하지 않는다면 DOMParser 이용해보세요const original = `111111 목표1 222222 목표 2`; const parser = new DOMParser(); const dom = parser.parseFromString(original, "text/html"); dom.querySelectorAll("span.tag1").forEach(el => { const newElement = dom.createElement("div"); newElement.className = "tag2"; el.parentElement.insertBefore(newElement, el); newElement.innerHTML = el.innerHTML; el.remove(); }); const result = dom.body.innerHTML; console.log(result);DOMParser 쓰는 예제는 조금 다르게 했는데, 보여드린 것을 보고 응용할 수 있을겁니다.

String에 text로 저장되어 있는 태그 치환 문의

1개의 답변

Q&A 목록