반응형
안녕하세요 여러분~
크리에이트메이커 입니다.
오늘 게시물은 우리가 html에서 문장을 작성할떄, 주이의할 점에 대해 이야기 해볼게요!
이부분은 해킹과도 관련이 있는데요.
우리가 innerHTML 같은곳에 글을쓸때, 특수문자를 쓰면, 예를들어 <body></body> 등 이런것을 쓰면,
html은 그것을 코드로 받아들입니다. 기본적으로요.
그래서 작업을 하다 본의아니게 html틀을 깨는경우가 있는데요.
이럴때는
함수를 간한하게 추가해서, 내가쓴 문장의 특수문자를 코드가 아닌 특수문자 그대로 바꿔주면 됩니다.
자바스크립트 기준으로
function specialword(html) {
var div = document.createElement('div');
div.innerText = html;
return div.innerHTML;
}
이렇게 내가 쓴 문장을 저 함수에 넣어주면,
div의 innerText 속성을 모든 특수문자를 그냥 특수문자로 바꿔줍니다.
사실 간단한 코딩이야 애초에 .innerText로 하면 문자 그대로 받지만,,,
복잡한 코딩을 하다보면 innerText를 구조상 못쓸수도 있거든요.
그럴땐 저런 간단함 함수를 만들어서 특수문자가 들어가지만, innerText못쓰는 부분에서 글 들어가는 부분에 저 함수를 넣어주면 될거 같아요.
ex)
let escapedata = specialword(data);
note_html += `<textarea class="edit_code_erea" name="texteditor">` + escapedata + `</textarea>`
요런느낌으로요
그럼 즐거운 개발되세욤
반응형
'IT기술(코딩) > HTML,CSS' 카테고리의 다른 글
| html 이벤트 변경 (0) | 2024.04.22 |
|---|---|
| 호버시 테두리 안으로,,,hover innerborder (0) | 2024.04.13 |
| 개인정보처리방침 필요하면 이 코드 참고 하세요. 작년부터 개인정보포털에서 개인정보처리방침 만들기가 사라지고 정책만 볼수 있어서요. (0) | 2024.03.02 |
