티스토리 문서를 편집하다가 html 코드를 넣게되는 경우, 기본모드로 돌아왔다가 다시 html모드로 변경하면, 코드가 삭제되는 경우가 있다. 아무래도 특정 tag를 걸러내거나, 이상해보이는 tag를 삭제하는 듯 하다.어제 잠시 이 문제를 구글링 해보니, 단 하나의 글을 제외하고는 언급조차 되는 것을 찾지 못했다.
해당 글을 보니, `html블럭` 기능을 사용하면 처리가 된다고 한다. 그런데, `html블럭`을 몇번 사용해보니, 해당 기능의 경고문구에 나와있는 것처럼, 여전히 삭제기능은 유효한 듯하다.
어쩔 수 없이 상식적인 선에서 내 손으로 문제를 처리해야하는 상황이 되었다. 미천한 실력으로는 성능적으로 권장이 되지는 않지만, js의 `document.write` 기능을 사용하는 방법밖에는 떠오르지 않는다. 우선, <head> 태그 안에다가 아래 코드를 넣는다.
<!-- 유튜브 삽입 코드 -->
<script>
function vid(vidid){
var mytxt = vidid;
document.write("<div><lite-youtube videoid=" + mytxt + "></lite-youtube></div>");
}
</script>
이제 글을 작성할때, video id를 넣는 함수를 호출해주면 된다.
`<script>vid('당신의 유튜브 video id');</script>`
아래와 같이 정상적으로 <lite-youtube> 태그가 살아서 구동되는 것을 알 수 있다.
끝.