HTML 코드를 CSS JS 이스케이프 문자열로 변환
HTML 소스코드 마크업 블록을 자바스크립트 변수 문자열 선언문 포맷으로 일괄 이스케이프 및 변환
도구를 불러오는 중…
🔒 이 도구는 100% 브라우저에서 처리됩니다. 업로드한 파일과 입력한 내용은 서버로 전송되지 않습니다.
HTML 코드 덩어리를 JavaScript 파일 내에 문자열 변수(String Variable) 형태로 삽입해 사용해야 할 때, 줄바꿈 문자 처리와 따옴표 이스케이프(`\"`, `\'`) 처리를 완벽하게 수행한 JS 선언문으로 변환해 주는 개발 유틸리티입니다.
사용 방법
- 변환하고 싶은 HTML 코드 블록을 전체 입력란에 입력합니다.
- 선언할 문자열 묶음 기호 종류(쌍따옴표, 홑따옴표, ES6 백틱 템플릿 리터럴)를 선택합니다.
- JS 문자열로 변환하기를 실행하여 자동 들여쓰기와 줄 바꿈 더하기(`+`)가 적용된 소스 코드를 획득합니다.
자주 묻는 질문
- 백틱(`) 템플릿 리터럴로 변환할 때는 어떤 처리가 이루어지나요?
- ES6 백틱 템플릿 리터럴 형식은 내재된 줄바꿈을 그대로 허용하므로, 코드 내부의 백틱 자체(`\``) 및 JS 변수 바인딩 기호인 `${` 에 대한 안전한 역슬래시 이스케이프 처리만 적용하여 한 줄의 큰 문자열 상수로 변환해 줍니다.