CodeHighlight Plug-in

개발&Development/태터툴즈 2007/03/02 21:17 posted by 겐도
순전히 개인적으로 필요해서 만든 플러그인입니다. 이게 어서 티스토리에 적용되어야 할텐데요. -ㅅ-



베이스로 "dp.SyntaxHighlighter"를 사용합니다. http://www.dreamprojections.com/SyntaxHighlighter
기존 테터에서 사용되던 [ code ] [ / code ]를 사용합니다. 그냥 이대로 하는 경우 C++로 기본 적용됩니다.
만약 언어를 적용하고 싶은 경우 "[ code" 다음에 언어를 적고 "]"를 쓰시면 됩니다.
http://www.dreamprojections.com/SyntaxHighlighter/Usage.aspx
여기서 class 영역에 지정하는 방법을 그대로 사용할 수 있습니다. 가령 "c#:collapse"를 하고 싶다면
[ code c#:collapse ] ~~~
하시면 됩니다. 가령 php라면
[ code php ]
되겠습니다. [ 와 code 사이엔 공백 있으면 안됩니다. (주의!)

List of supported language codes
  • css
  • c#, c-sharp, csharp
  • c, cpp, c++
  • vb, vb.net
  • delphi, pascal
  • js, jscript, javascript
  • php
  • py, python
  • ruby
  • sql
  • xml, xhtml, xslt, html, xhtml

List of supported Configuration
  • nogutter
    Will display no gutter.
  • nocontrols
    Will display no controls at the top.
  • collapse
    Will collapse the block by default.
  • firstline(value)
    Will begin line count at value. Default value is 1.
  • showcolumns
    Will show row columns in the first line. See example.

FirstLine의 경우 [를 사용할 수 없어서 (로 쓰셔야 합니다.
더불어 code내의 모든 "<BR>"은 엔터로 변경됩니다.  내용은 모두 HTML로 기술되어야 합니다. 가령 HTML 코드를 적는 경우 "<"들은 "&lt;"로 되어 있어야 하죠. (이해 안되시면 그냥 위지윅 모드에서 쓰심 됩니다.)

정말 불친절한 설명답게 날림 코드로 작성 -ㅅ-

Trackbas address :: http://gendoh.tistory.com/trackback/2510878 관련글 쓰기

  1. Tracked from My Program at 2007/04/04 01:12  삭제

    Subject: 真方便的CodeHighlight Plug-in

    views: 6 times 今天瞎逛了一下 tt 的plugin網站:http://tattertools.com/ko/bbs/zboard.php?id=plugin結果找到了一個還不錯用的 syntax highlighter plugin, 這個是利用之前介紹的 http://diary.tw/tim/43 這篇內容中的 dp.SyntaxHighlighter 功能整合實作出來的, 效果當然很不錯囉, 給有需要說明講解程式又在寫 tt 的人使用是再適合不過了, 使用方式相當容易, 就是用.....

  2. Tracked from The note of Legendre at 2008/01/20 00:59  삭제

    Subject: SyntaxHighlighter 설치

    미루어 두었던 SyntaxHighlighter를 설치했다. 다음은 예시 코드. <?php class SqliteConnection extends BaseConnection { // ... } register_driver('sqlite', 'SqliteConnection', 'Sqlite Database'); ?> 소스코드를 블로그에 게시할 때 예쁘고, 줄 번호가 붙어서 보기 편하다. 자바스크립트 등을 불러와야 하기 때문에, 접속이 다소 느리게 되는.....

  3. Tracked from Manuz.Com at 2009/04/21 18:20  삭제

    Subject: Syntax Highlighter 1.0 (Manuz) (TT 플러그인)

    SyntaxHighlighter 입니다. 기존에 EYE 님께서 만드신 버젼도 있지만 전 개인적으로 Alex Gorbatchev가 만든 기능이 더 맘에 들어서 제작해보았습니다. 기존에 시작할때에는 단순하게 EYE 님께서 만드신 스크립트를 Alex Gorbatchev의 것으로 바꾸는 것만 생각했었지만 그렇게 되면 단순히 플러그인을 베끼는 느낌이 들 것 같아서 환경설정 기능까지 포함해서 완전히 새롭게 제작했습니다. Based on eye plugin 이......

  1. Commented by 겐도 at 2007/03/02 21:33

    만든 이유가;; 빌어먹을 Live Writer땜시. ㅠ.ㅠ

  2. Commented by kcy1019 at 2007/03/09 19:17

    오오 대단하시네요..
    그런데 VB코드에 적용시키려면 어떤 방법을 사용해야 하나요?

  3. Commented by kcy1019 at 2007/03/09 19:28

    아하 감사합니다~!
    어서 티스토리에도 적용되기를~

  4. Commented by 건이아빠 at 2007/03/11 09:05

    잘 사용하겠습니다.
    감사합니다 !!! 꾸벅! :)

  5. Commented by zziuni at 2007/04/03 11:27

    이 포스트를 먼저 찾았어야 했는데...
    전 dp.SyntaxHighlighter 사이트에서 기능을 보고, 혹시 테터에... 로 역으로 찾아왔내요.. ㅋ
    좋은 툴 감사합니다. ^^

  6. Commented by tim at 2007/04/04 01:17

    hello, this is a very good plugin for me and for people who use tt and want to share or explain their code. thanks you for design this plugin and also thank for dp.SyntaxHighlighter author!

  7. Commented by 정문창 at 2008/03/16 13:00

    테스트큐브에서 위지웍으로 코드를 작성시에 생기는 <p></p>태그가 변환 되지 않아 밖으로 보이는 문제를 해결 할 수 있는 방법이 없을까요?
    그리고 클립보드에 복사 했을 경우 붙여 넣으면 <p></p>태그와 함께 공백부분에 &nbsp;이 생겨 문제가 생깁니다.
    예: http://jwnc.net/16

    • Commented by 겐도 at 2008/03/17 14:52

      브라우저 마다 약간씩 다르고... <p> 문제는 손으로 빼는게 일단 답일 것 같습니다. 데이터 표현상으로도 그렇고.

  8. Commented by discount ed hardy at 2010/07/08 14:41

    테스트큐브에서 위지웍으로 코드를 작성시에 생기는 <p></p>태그가 변환 되지 않아 밖으로 보이는 문제를 해결 할 수 있는 방법이 없을까요?

  9. Commented by true religion purses at 2010/07/08 14:42

    아하 감사합니다~!
    어서 티스토리에도 적용되기를~