로그인

이메일
비밀번호
왼쪽에 걸리적 거리는 거 숨기기
오 짱 멋져!
감동받은 기능과 속도!

http://www.codepress.org/

이건 뭐 일단 IDE 툴의 하이라이팅 기능에 비해 손색이 없네! 乃

ps. 줄번호는 어떻게 했나 궁금해서 봤더니 1500 라인까지 나와있는 세로길이 24010px 짜리 이미지;;
영양가 있는 포스팅인가요
(총 7분이 투표해서 1.9점) 1.9점
2007/08/09 14:25 2007/08/09 14:25

이번 버젼에서는 캡션 기능이 추가되었습니다.

사용자 삽입 이미지

코드를 입력할 때 위에 그림처럼 캡션을 입력할 수 있는 칸이 추가되었으며 여기에 원하는 캡션을 입력하면 아래처럼 나옵니다.

테스트 소스입니다 (Language : c)
  1. #include <stdio.h>
  2.  
  3. int main(int argc, char *argv[]) {
  4.     printf("hello world!\n");
  5.     return 0;
  6. }

물론 아럐처럼 캡션을 입력하지 않으면 나오지 않습니다.

(Language : c)
  1. #include <stdio.h>
  2.  
  3. int main(int argc, char *argv[]) {
  4.     printf("hello world!\n");
  5.     return 0;
  6. }

하이라이트 색상을 변경하고 싶을때는 geshi_light.css 나 geshi_dark.css 파일을 고쳐준 다음에 index.php 의 110번째 줄을 원하는 css 파일명으로 바꿔줍니다.

플러그인의 index.php 파일 (Language : php)
  1.         $content = <<<EOD
  2.     <link rel="stylesheet" media="all" type="text/css" href="$pluginURL/geshi_base.css" />
  3.     <link rel="stylesheet" media="all" type="text/css" href="$pluginURL/geshi_light.css" />
  4. EOD;


본 플러그인을 사용하려면 태터 플러그인 Base 2.0 이상이 설치되어 있어야 합니다.
영양가 있는 포스팅인가요
(총 5분이 투표해서 3.4점) 3.4점
2007/03/25 16:32 2007/03/25 16:32

태터 코드하이라이트 플러그인 1.3 과 동일한 기능으로
jQuery 를 사용하는 태터 플러그인 Base 2.0 를 사용하도록 변경되었습니다.

다음과 같은 문제로 인한 패치입니다.

2007년 3월 18일에 포스팅한 글 : 플러그인에 문제가 있군요


영양가 있는 포스팅인가요
(총 1분이 투표해서 4.0점) 4.0점
2007/03/19 23:22 2007/03/19 23:22

http://blog.hooriza.com/1018

몇가지 기능이 추가되었습니다.
우선 탭크기를 지정할 수 있게 되었고 코드 입력 후에 에디터 창에서 코드와 다른 내용과의 구분을 확실히 할 수 있도록 fieldset 태그를 사용했습니다.

이번 버젼에서는 에디터에서 코드가 아래처럼 보입니다

사용자 삽입 이미지

아래는 예제입니다. (뭐.. 결과로 나오는 화면은 똑같습니다;)

언어 : c
  1. #include <stdio.h>
  2.  
  3. int main(int argc, char *argv[]) {
  4.     printf("Hello World\n");
  5.     return 0;
  6. }

3월 13일 내용 추가 :

아 소스를 안 올렸군요-_-;
근데 아무도 알려주지 않았다는;;;;


영양가 있는 포스팅인가요
(아무도 투표를 안 했어요) 0점
2007/03/11 10:32 2007/03/11 10:32

이번부터 제가 만드는 플러그인은
"후리자 태터 플러그인 Base" 라는 플러그인을 기반(?)으로 만들어집니다...
(누가 보면 플러그인 전문 개발자인줄 알겠네-_-)

그리고 이 플러그인을 사용해서 만든 첫번째 플러그인,
"코드하이라이트 플러그인" 입니다.

이전에도 비슷한 기능(거의 같은 기능)의 플러그인을 만들었었는데
태터 1.1 대로 올라가면서 제대로 작동을 하지 않고,
또 이미 작성된 하이라이트 된 소스의 색상을 바꿀 수 없다는 단점이 있었기 때문에
이번에는 이런 단점을 없앴습니다.

하이라이트 색상은 HRZ_plugin_codehighliter/geshi.css 파일을 수정해주면
바로 쉽게 바꾸실 수 있습니다.


HRZ_plugin_codehighlighter.tgz

"코드하이라이트 플러그인" 입니다. 이 플러그인을 사용하려면 "후리자 태터 플러그인 Base" 를 반드시 사용해야 합니다.



설치하면 아래 처럼 나오게 됩니다.

사용자 삽입 이미지

코드입력을 누르면 아래같은 팝업창이 나오는데요,

사용자 삽입 이미지

여기에 소스코드를 작성하시고 입력하기를 누르면 하이라이트 되지 않은 코드가 아래처럼 편집기에 들어갑니다.

사용자 삽입 이미지

편집기에서만 저렇게 보이는 거니까 무시하시고 저장하시면 아래처럼 나올껍니다~

  1. #include <stdio.h>
  2.  
  3. int main(int argc, char *argv[]) {
  4.     printf("Hello World\n");
  5.     return 0;
  6. }

그럼 즐사용~

ps.
지금 TT 1.1.1 버젼에서만 동작을 확인했습니다. 다른 버젼에서는 어떻게 돌아가는지 알려주시면 매우 감사하겠습니다~
영양가 있는 포스팅인가요
(총 1분이 투표해서 1.0점) 1.0점
2007/02/15 23:29 2007/02/15 23:29

이전 0.93 에 있었던 FF 에서의 버그를 고쳤습니다.
  1. <?php
  2.  
  3.   // 박스 스타일 설정
  4.   $style[] = "padding:5px"; // 박스 안쪽 여백
  5.   $style[] = "background-color: #f0f0f0"; // 박스 배경색
  6.   $style[] = "border:1px solid #d0d0d0"; // 박스 테두리
  7.  
  8.   $style[] = "line-height:120%"; // 코드 줄 간격
  9.   $style[] = "color: #000066"; // 코드 기본 글자색
  10.   $style[] = "font-size:12px"; // 코드 글자 크기
  11.   $style[] = "font-family:굴림체"; // 코드 글자 폰트

위는 수정된 플러그인으로 코드를 추가한 예입니다. (파이어폭스에서 확인해보세요~)


영양가 있는 포스팅인가요
(아무도 투표를 안 했어요) 0점
2006/09/01 00:53 2006/09/01 00:53

악 플러그인 잘못 만들어서 설명글 쓴거 2번째 날라가고
디버깅해서 새로 쓰는거다-_-;

아무튼...

태터에서 소스코드같은거 입력하고 싶을떄 사용하는 플러그인이다.
이놈이 GeSHi 라는 코드를 사용해서 하이라이트를 하는데 지원하는 language 가 완전 많다;

사실 설치하면 별로 설정할꺼는 없고,
지원하는 language 종류가 C, C++, CSS, HTML, Java, JavaScript, Perl, PHP, SQL, Text, XML 이 정도로만 해놨는데 만약 더 많은 language 를 사용하고 싶다면

CodeHighlighter/scripts/ch_main.js 파일의 아랫 부분과 같은 곳을 찾아서 원하는 language 의 주석을 풀어주면 된다.

          '언어 <select name="CH_lang">' +

                  //'<option value="actionscript">actionscript</option>' +
                  //'<option value="ada">ada</option>' +
                  //'<option value="apache">apache</option>' +
                  //'<option value="applescript">applescript</option>' +
                  //'<option value="asm">asm</option>' +
                  //'<option value="asp">asp</option>' +
                  //'<option value="autoit">autoit</option>' +
                  //'<option value="bash">bash</option>' +
                  //'<option value="blitzbasic">blitzbasic</option>' +
            '<option value="c">C</option>' +
                  //'<option value="c_mac">c_mac</option>' +

사용방법은...
플러그인 설치후 활성화 시킨다음에 버튼을 누르면 아래처럼 코드를 입력할 수 있도록 나온다.


'코드삽입' 버튼을 누르면 아래처럼 추가된다.

  1. #include <stdio.h>

  2. int main() {
  3.   printf("Hello world\n");
  4.   return 0;
  5. }

끝~

ps.
방금 0.9 버젼 올렸다가 코드 입력창에서 TAB 문자 입력이 되도록 고쳐서 0.91 으로 올립니다.

ps.
또 방금 0.91 버젼 올렸다가 코드 줄간격이 너무 크고 코드에 bold 체나 italic 체 적용되는게 보기 흉해서 이거 없앤 걸로 고쳐서 0.92 로 올립니다.
그리고 0.92 버젼의 추가된 기능(?) 으로는... CodeHighlight/highlight.php 의 소스 처음 부분을 보면...
 
  1. <?php
  2.   // 박스 스타일 설정
  3.   $style[] = "padding:5px"; // 박스 안쪽 여백
  4.   $style[] = "background-color: #f0f0f0"; // 박스 배경색
  5.   $style[] = "border:1px solid #d0d0d0"; // 박스 테두리
  6.   $style[] = "line-height:120%"; // 코드 줄 간격
  7.   $style[] = "color: #000066"; // 코드 기본 글자색
  8.   $style[] = "font-size:12px"; // 코드 글자 크기
  9.   $style[] = "font-family:굴림체"; // 코드 글자 폰트

이 부분을 고쳐서 스타일을 설정할 수 있습니다.

ps. 버그 고친 0.93 올림


'코드를 받아오는 중 에러가 발생하였습니다' 라는 에러가 발생하시는 분은 참고하세요

more..

영양가 있는 포스팅인가요
(총 1분이 투표해서 3.0점) 3.0점
2006/08/30 17:05 2006/08/30 17:05