SyntaxHighlighter html 코드 입력

Posted by Breeze24
2016. 6. 5. 00:31 Web
SyntaxHighlighter html 코드 입력 방법

SyntaxHighlighter를 사용하면서 html 코드를 입력하게 되면 블로그에 보이지 않게 된다. 

아래 코드를 보자. 


<head>
<pre>hello</pre>
</head>


위의 소스를 SyntaxHighlighter를 이용해서 붙여넣기 한다면 붙인 소스가 블로그에서 보이지 않게 된다. 

이를 해결하는 방법에 대해 알아보자. 

.

태그를 <>를 사용하게 되면 블로그에서는 이 태그를 사용한 부분도 블로그 html 코딩의 일부분이라고 인식하게 된다. 


이럴 경우 <는 &lt;, >는 &gt;로 변경하면, 해결된다. 

즉 위의 소스는 SyntaxHighlighter로 입력할 때 아래와 같이 변경하면 된다. 


SyntaxHighlighter



입력할 html 소스를 만들어 놓고, 메모장, 울트라에디트와 같은 툴을 이용하여 한 번에 태그를 변경하면 쉽게 html 소스를 변경할 수 있다. 

문법 강조 참조

.

'Web' 카테고리의 다른 글

스마트폰 웹 화면 디버깅  (3) 2016.06.05
자바스크립트 난독화  (3) 2016.06.05
반응형 웹 만들기  (0) 2016.06.05
프레임에 파라미터 전달  (0) 2016.06.05
Internet Explorer 비트수 확인하기  (1) 2016.06.05