반응형
오늘 인터넷을 뒤적거리다가 google.에서 뿌리는 syntaxhighlighter 라는 것을 발견했다.

인터넷 블로그에 보면 코드를 예쁘게 쓰는것을 보고 저게 도대체 뭔가? 하면서
티스토리에서 플러그인으로 지원해 주는건가...?

하며 티스토리를 부러워 했다.

텍스큐브에는 지원이 안되는 기능인가....? 하면서 플러그인을 다 뒤적거려 봐도 지원되는 플러그인이 없었다.

그러다가 오늘 우연하게
syntaxhighlighter를 찾아내었다.

하지만 어떻게 써먹는건지....  @_@

당장 검색을 했더니 바로 나오는것이었다.
여기 가면 친절하게 설명이 나와있다.

http://gyuha.tistory.com/193


이곳은 티스토리에서 사용하는 방법으로 설명이 되어 있지만

텍스큐브에 설정하는것도 별반 다르지 않아서 나도 설치를 완료했다. 하하하

이제 코드를 예쁘게 올릴수 있겠다.

야호~~!!


사용법은 익숙하지 않으니까 사용법 부분만 좀 퍼올께요~

syntaxhighlighter 사용하기.

tistory에서 사용하기 위해서는 좀 귀찮습니다.
솔직히 기본 편집모드에서 편집하면서 사용하는것은 거의 힘이 듭니다.
복사해서 붙여넣기를 하는 방법으로 사용하시길 권장합니다.

먼저 사용하는 방법은 <pre>테그를 이용하는 방법과 <textarea>테그를 이용하는 방법등 2가지가 있습니다.
먼저 <pre>테그를 사용하는 방법 입니다.





pre테그를 사용할 경우에느 <와 같은 html테그를 사용할 경우 &lt;와 같이 변환을 해서 사용해야 합니다. 테그가 좀 편하긴 하지만, 꺽쇠(<) 테그로 인해서 귀찮은 경우가 있습니다.
다음으로 <textarea> 테그를 사용하는 방법입니다.

  
<textarea name="code" class="c#" cols="60" rows="10">
... some code here ...   
</textarea>


<textarea>테그로 쓸 경우 귀찮은 <를 &lt;로변환 하지 않아도 됩니다.
못쓰는 경우는 내용물에 </textarea>를 쓰는 경우 빼고는 없습니다. 중간에 </textarea>를 쓰게 되면, 중간에 멈춰 버리게 되겠죠?
저 같은 경우에도 바로 위의 <textarea> 샘풀의 경우 내용물에 </textarea>가 들어가야 해서 에는 <pre>테그를 사용해서 표현 했습니다.
꼭 한가지가 답은 아닌가 적당하게 섞어서 사용하시면 되겠습니다.
하지만, 특별한 경우가 아니면, <textarea>테그를 사용하는 것을 권장합니다.

여기서 class뒤에 넣은 형태는 아래 표의 명칭을 보시고 넣으시면 됩니다.
언어  명칭
C++ cpp, c, c++
C# c#, c-sharp, csharp
CSS css
Delphi delphi, pascal
Java java
Java Script js, jscript, javascript
PHP php
Python py, python
Ruby rb, ruby, rails, ror
Sql sql
VB vb, vb.net
XML/HTML xml, html, xhtml, xslt

기본적이 사용법은 이렇게 이해 하시면 됩니다.

반응형
Posted by Real_G