QuickHighlighter – 블로그에 소스코드 삽입시에 편리한 도구

BS는 블로그에 소스코드 넣을 때에 SyntaxHighlighter를 사용하는데요…
예쁘기는 하지만 속도가 느리고 용량도 크고 설치도 해야되는 단점이 있습니다.
그럴 경우 대신할 수 있는 도구롤 소개합니다.


Quick Highlighter


간단한 소스 코드를 가지고 비교해 보겠습니다.


1. SyntaxHighlighter
태그를 <pre>로 하면 소스에 <나 >가 들어가면 쓸데없는 태그가 출력되네요…
(이건 SyntaxHighlighter의 버그가 아니라 블로그 에디터의 버그입니다.)
아래는 <script type=”syntaxhighlighter” class=brush:cpp><![CDATA[ … ]]></script>로 한 것입니다.

// 이것은 테스트 코드입니다.
#include <iostream>

int main(void)
{
	using namespace std;
	cout << "Hello" << endl;
	return 0;
}

2. QuickHighlighter
옵션은 Normal Line Numbers + Wrap overflowing text + 4 Tab Width + Combine Style and HTML Code + Highlight inbuilt keywords… 입니다.
Style과 HTML코드는 글에 하이라이팅이 여러 개이면 분리하고, 하나이면 묶는 것이 좋습니다.
한글이 아주 보기좋게 깨져서 나옵니다.





  1. // &#51060;&#44163;&#51008; &#53580;&#49828;&#53944; &#53076;&#46300;&#51077;&#45768;&#45796;.


  2. #include <iostream>


  3.  


  4. int main(void)


  5. {


  6.     using namespace std;


  7.     cout << “Hello” << endl;


  8.     return 0;


  9. }

3. 수정한 QuickHighlighter
수정한 내용은 “&amp;“를 “&“로 변경하고
‘Courier New’, Courier, “, “130% “, “vertical-align:top;“, “normal normal monospace; “, “normal normal 1em/1.2em monospace; ” 를 삭제하였습니다.





  1. // 이것은 테스트 코드입니다.


  2. #include <iostream>


  3.  


  4. int main(void)


  5. {


  6.     using namespace std;


  7.     cout << “Hello” << endl;


  8.     return 0;


  9. }


글쓴이

BS

BS == Programmer