자신이 작성한 소스코드나 다른 곳에서 마구잡이 식으로 퍼온 소스를 포스팅 할 때면 단조로운 한가지 색으로 표현된 소스코드가 왠지 뭐가 하나 빠진 듯한 느낌이었습니다.
Geshi를 이용해서 포스팅시 기존의 밋밋한 소스에 화려한 색을 칠해주는 플러그인입니다.

사용예)
[CODE type=c][/CODE] or [CODE][/CODE]

[CODE type=php][/CODE]

해당 함수 클릭시 함수에 대한 자세한 설명을 볼 수 있습니다. 도아님이 만드신 바깥고리 표시 플러그인과 함께 쓰시면 조금 예쁘지 않을 수 도 있습니다. ㅠㅠ 마구잡이 해결법 보기

사용법)
관리자 화면에서 LangToHtml 플러그인을 활성화해줍니다.
포스팅 시 소스코드를 [CODE type=프로그래밍언어][/CODE]로 감싸줍니다.
  예) C 언어 :  [CODE type=c][/CODE], PHP : [CODE type=php][/CODE]
      [CODE][/CODE]를 사용하시면 기본으로 정의된 언어로 인식하게 됩니다.(기본값 : c언어)

기본값을 다른 언어로 바꾸고 싶으신 분은 플러그인 내 index.php의 앞부분에 다음 부분을 살짝 고쳐주세요.
CODE TYPE : php
include_once('geshi/geshi.php');

define(OPEN_CODE,'[CODE type=');
define(CLOSE_CODE,'[/CODE]');
define(DEFAULT_CODE,"C")//기본 언어지정

function langtohtml($target,$mother)
포스팅 시 사용할 수 있는 형식
[CODE][/CODE], [code][/code], [CODE type=PL][/CODE], [code type=PL][/code]
가 있습니다. 내부적으로는 [code]를 [CODE type=PL]로 바꿔줍니다. ㅡㅡ;;

다운받기)
langtohtml(1.0.6).zip

1.0.6 이하버전


langtohtml.zip

1.1 버전


변경사항)
태터 1.1버전에서 "새로 쓰시는 글에 대해서" 줄바꿈이 안되는 현상이 발생했습니다. 태터 에디터가 DB에 저장하는 방식이 살짝 바뀐 것 같습니다.
태터 1.1버전을 쓰시는 분들은 줄바꿈을 위해 index.php파일의 70번째 줄 부분을 다음과 같이 수정해주셔야 합니다.
CODE TYPE : php
//코드를 알맞은 형태로 넘겨줌
$source = str_replace("<br />", "\n","$source);

1.1 아래 버전으로 작성한 글에대해서는 엔터가 하나씩 더 들어가게 출력됩니다. 이 문제는 해당 글을 수정 메뉴를 통해 동일한 내용으로 다시 저장하시면 해결이 가능합니다. ^^;;

덧, 수정 및 재배포가 가능합니다.(GPL)

덧, 제가 시험해본 언어는 C와 php입니다. 다른 언어도 Geshi에서 지원한다면 될 것입니다.
덧, agcraft님의 PointCode소스를 허락없이 참고 했습니다. 너그러이 용서를 부탑드립니다..^^;;
덧, Geshi 수정을 위한 Documentation 문서 - 바로가기
크리에이티브 커먼즈 라이센스
Creative Commons License

Posted by Kornuri


Trackback URL : http://www.kornuri.com/blog/trackback/44

Trackbacks List

  1. 소스코드 출력

    Tracked from Building Environment Laboratory 2006/10/17 11:00 Delete

    오늘 홈페이지에 새로운 기능을 추가하였다. 프로그래밍 소스코드를 알아보기 쉽게 해주는 기능을 가진 플러그인이다. 아래는 관련한 내용을 옮겨온 것입니다. 출처 : http://www.kornuri.com/blog/44 ..

  2. LangToHtml 플러그인에서 함수 링크 지우기

    Tracked from Kornuri's Blog!! 2006/10/19 01:24 Delete

    태터툴즈 LangToHtml 플러그인을 도아님이 만드신 바깥고리 표시 플러그인(너무 맘에 들어 안 쓸수가 없죠. ㅠㅠ)과 같이 쓰게 되면 소스 코드에 이미지가 생겨 보기 흉한 걸 어떻게 고쳐볼까 연..

  3. 태터 BBCode 플러그인

    Tracked from [jami] - for the better 2006/10/20 17:34 Delete

    개인적으로 BB Code를 사용하고 있었다. 사용하는게.. code 태그와 url 태그가 전부였지만.. ^^; 이 플러긴에 [url]http://www.kornuri.com/blog/44[/url] 를 참조하여 GeSHi를 적용했다. 맘대로 수정 재배포 가능 ..

  4. Syntax Highliting 플러그인 발견!

    Tracked from ::: 루미넌스 - 세주니네 집 ::: 2006/10/21 02:10 Delete

    http://www.kornuri.com/blog/44 너무 아쉬운 기능이라 만들 생각까지 했었다는.. 집에 가면 꼭 써봐야지.. 지금은 내 컴이 아니라 영 손이 익지 않아서 거시기 하네..ㅡㅡㅋ

  5. Syntax Highlight Plug-in 수정하다.

    Tracked from ::: 루미넌스 - 세주니네 집 ::: 2006/10/23 22:32 Delete

    Kornuri님 블로그에서 퍼온 LangToHtml Plug-in을 허락없이 수정하다;;; GeSHi를 이용한 플러그인인데, GeSHi의 라인넘버 보여주기 기능을 약간 응용하여 간단한 설정으로 사용할 수 있게 했다.그리고 [CO..

  6. LanguageToHtml 플러그인을 깔았다.

    Tracked from 게으른 엔지니어가 사는 법~~~ 2006/12/27 14:09 Delete

    NSIS 메뉴얼을 나름데로 편하게 볼려고 블로그에 글을 적고 있는데, 코드를 보여 주는 부분이 애매해서 이리 저리 찾다보니 테터툴즈 플러그인 중에 편하게 사용할 수 있는게 있었다. 원하는 ..

  7. 태터툴즈 플러그인 - Languages To Html 각종 프로그래밍 소스 하이라이팅

    Tracked from 폭주기관차의 카페 24시 2007/01/22 13:55 Delete

    참조 : 원문글 바로 가기 게시판에 글 쓸 때 C코드나 기타 프로그래밍 소스 코드를HTML코드에 이쁘게 보이도록 해주는 플로그인사용방법은 위의 링크된 '원문글 바로 가기'를 클릭해서플로그인..

Comments List

  1. 별사랑 2006/10/13 13:20 # M/D Reply

    깔끔하게 별다른 수정없이 잘 동작하는군요. 감사합니다.
    제가 테스트 해 본 부분은 SQL과 C# 입니다. 상당히 많은 언어를 지원해주는 듯 합니다. 감사합니다.
    근데 문의할것은. 해당 CODE 부분으로 둘러쌓인 코드의 배경색을 지정해줄 수 있나해서요
    머라고 해야되나 -_- 엷은 회색의 사격형안에 코드를 가두고 싶습닌다. 이해하실 수 있을듯 -_- 대부분의 코드를 사용하면 변하는 그런 배경색으로 해서 코드를 내용안에서 잘 보일 수 있도록 하고 싶습니다.
    수정방법 좀 알려주세요~ php를 잘 모르다보니 ㅠㅠ

    1. kornuri 2006/10/13 17:12 # M/D

      Geshi에서 출력할때 행번호같은 것도 설정할 수 있다고 하더군요. 저도 Geshi에서의 설정 방법은 잘모르겠습니다.
      그냥 제 스타일로 하는 법을 말씀드리면 index.php파일을 보시면 소스코드 중간에 "//입맛에 따라"라는 부분이 있습니다. 그 밑 에 주석처리된 3줄의 주석 인자(//)를 제거해주시고 $code_mark="" 부분에 해당하는 html 코드를 써주시면 됩니다. ^^
      예를 들자면 <div style=\"background-color:beige;\"> 이렇게 해주시면 됩니다.
      그리고 주의하실점은 <div>태그를 썼으니까 3번째 주석처리 되어있던 곳에 </div>을 써주셔야합니다. ^^

    2. Nes 2007/02/02 06:39 # M/D

      다른 방법을 말씀드리면
      해당 스킨의 CSS파일에서

      code{
      display:block;
      background-color:원하는색깔;
      }

      식으로 지정해 주셔도 됩니다.

  2. 블루비 2006/10/14 14:15 # M/D Reply

    행번호 출력은
    geshi/geshi.php 파일의 맨 하단에 보시면 geshi_highlight 함수가 있습니다.
    $geshi->set_header_type(GESHI_HEADER_NONE); 이 라인 바로 아래에 다음 소스를 추가 하시면 됩니다.

    $geshi->enable_line_numbers(GESHI_FANCY_LINE_NUMBERS, 2);
    $geshi->set_line_style('background: #fcfcfc;','background: #FFFFC8;');

    관련 플러그인 찾다가 여기 소스 보고 적용하고 삽질하고 검색하고 하다 보니 알게되었습니다.
    잘쓰겠습니다.

    1. kornuri 2006/10/16 22:26 # M/D

      감사합니다. 그렇게 하면 되는거 였군요..^^;

      도통 영어는 해석이 안돼서요...^^;;

  3. 별사랑 2006/10/15 02:16 # M/D Reply

    감사합니다 ^^ 종종 소스코드를 써야되서 고민했었는데 덕분에 깔끔하게 해결하게 되었습니다.

    1. kornuri 2006/10/16 22:22 # M/D

      해결되셨다니 다행입니다..^^;;

  4. 솔라뷰 2006/10/16 19:57 # M/D Reply

    좋은 플러그인 감사합니다. 유용하게 잘 쓰겠습니다.

    1. kornuri 2006/10/16 22:22 # M/D

      제가 필요해서 만든건데요..뭘요..^^

  5. MobileStation 2006/11/20 00:09 # M/D Reply

    안녕하세요~ 이전부터 플러그인 설치해서 잘 사용하고 있습니다...
    태터 1.1로 업그레이드한 후부터 정상 동작하지 않는 것 같습니다.
    CODE로 둘러쌓인 부분의 글자 크기, 라인 변경이 되지 않는 것 같은데요...
    손 봐야 할 부분이 있으려나용?

    1. kornuri 2006/11/20 21:57 # M/D

      저한테는 특별한 문제가 발생하지는 않는데요..
      한번 확인해보겠습니다.

    2. kornuri 2006/11/20 22:17 # M/D

      그렇군요..새글쓰기시에 문제가 되는군요..^^;;

  6. byeongseon 2006/11/28 19:22 # M/D Reply

    [code type=][/code]를 자동으로 입력해주는 플러그인을
    태터센터 플러그인에 올려놨습니다 :-D

    1. kornuri 2006/11/29 00:36 # M/D

      오홋!! 이제 간편하게 쓸수 있겠군요!!

      좋은 플러그인 감사합니다. ^^

      덧, 제 생각외로 사람들이 C를 잘 안쓰나봐요. ^^;;

  7. 헌정 2006/12/12 19:16 # M/D Reply

    플러그인을 적용하려고 하는데요..

    줄 바꿈이 안되어서 (최신 테터 버젼에서요)
    CODE TYPE : php//코드를 알맞은 형태로 넘겨줌
    $source = str_replace("<br />", "\n","$source);

    를 했더니 블러그 자체가 안 읽히네요...

    혹시 왜 이런지 아시나요

    참..CODE TYPE : php//코드를 알맞은 형태로 넘겨줌
    는 //CODE TYPE : php//코드를 알맞은 형태로 넘겨줌
    아닌가요...이 줄 전체가 코멘트 아닌지?

    1. kornuri 2006/12/16 13:24 # M/D

      죄송합니다. 시험기간이라 답변이 늦었습니다. ^^;;

      아마 예전 테터에서 저장했던 내용이 줄바꿈 안되서 출력되실겁니다. ^^;;

      최신 테터에서 줄바꿈은 해당 글의 수정을 누르시고 아무것도 변경하지않고

      다시 한번 저장을 하시면 해결됩니다.


      CODE TYPE : php 는 소스가 아니고 밑에 출력되는 소스의 종류는 사용자의 이해를 돕기위해 출력되는 것입니다. ^^;;

      잘 안되신다면 다시 글남겨 주세요..^^

  8. Ohyung 2007/02/19 15:44 # M/D Reply

    클래식에서 적용하였습니다.
    감사드립니다.

  9. 정문창 2007/05/10 00:51 # M/D Reply

    tattertools-1.1.2.2에서 코드중간에 <p>나 </p>가 출력됩니다.
    어떻게 수정을 해야 할까요??

  10. 정문창 2007/05/10 22:11 # M/D Reply

    아~ 해결했습니다...
    위 방법처럼 바꾸도록 하는데..."<P>"이 대문자더군요..ㅋㅋㅋ

Leave a comment
[로그인][오픈아이디란?]
« Previous : 1 : ... 7 : 8 : 9 : 10 : 11 : 12 : 13 : 14 : 15 : ... 52 : Next »

블로그 이미지

항상 행복하자고 하면 행복해질까?

- Kornuri

Calendar

«   2010/02   »
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28            

Site Stats

Total hits:
108994
Today:
10
Yesterday:
42