2009년 12월 19일 토요일

BBCode for 텍큐닷컴 3.2 대공개

기존에 티스토리 용으로 개발해놓은 BBCode를 텍큐닷컴에 적용해서 많은 분들이 사용하고 계셨다.
하지만, 티스토리와 텍큐닷컴의 미묘한 차이가 반영되지 않았다거나 버그가 있는 등의 문제가 있었다.

사실, 텍큐닷컴에 적용한 지는 좀 되었는데, 그동안 개인 사정으로 이걸 포스팅하지 못했다.
(포스팅을 못한 이유 중 하나는 도우미를 만들지 못했다는 점도 있었다)

돌아온 도우미


아시는 분들은 다 아시는 프로그램이니 장광설은 이 쯤에서 접고 간단히 설치 방법과 적용 가능한 BBCode를 설명한다.


1. 설치#1: 파일 업로드

아래 파일을 다운받은 뒤 압축을 풀면 exe 파일 1개와 gif 파일 19개가 나온다.
이 중 19개의 gif 파일을 스킨 올리기에서 몽땅 올린다. (exe는 제외함!)




2. 설치#2: 스킨 수정


위의 #1에서 압축파일에 들어있는 exe 파일이 바로 도우미이다.
블로그의 스킨 편집 메뉴에서 스킨(skin.html) 전체를 복사한 뒤 도우미 창에 붙이고 BBCode 적용 버튼을 클릭하면 창에 붙인 스킨이 수정되는데, 이것을 다시 블로그 스킨에 덮어쓴다.

이 때 주의할 점은 프로그램 하단에 보이는 textcube.com 블로그의 이미지 경로를 지정해둬야 된다는 점이다.
이 경로를 지정하지 않으면 스킨 수정시 이 부분을 반영하지 않으며, 잘못 지정되면 (당연히) 동작하지 않는다.

이 부분을 유의해서 적어야 함. 여기선 의도적으로 앞뒤에 /를 붙였음. (잘못된 예임)




3. 적용 가능한 BBCode#1: 기본 BBCode

아래와 같은 BBCode는 (당연히) 기본적으로 지원한다.

[i]이탤릭[/i] : 이탤릭
[b]볼드[/b] : 볼드
[u]밑줄[/u] : 밑줄
[quote]인용문[/quote] : 인용문 (예제 생략)
[img]이미지 URL[/img] : 이미지 (예제 생략)
[url=http://qaos.com]QAOS[/url] : QAOS (링크)
[color=red]색깔[/color] : 색깔



4. 적용 가능한 BBCode#2: 확장 BBCode. 혹자는 BBCode plus라고도 부름

위의 기본 BBCode 외에 아래와 같은 확장 코드를 지원한다.

[ru]빨간 밑줄[/ru] : 빨간 밑줄
[bu]파란 밑줄[/bu] : 파란 밑줄
[rb]빨간 볼드[/rb] : 빨간 볼드
[bb]파란 볼드[/bb] : 파란 볼드
[red]빨간색[/red] : 빨간색
[blue]파란색[/blue] : 파란색
[ur=http://qaos.com]QAOS[/ur] : QAOS (링크) / 스팸필터 우회용#1
[link=http://qaos.com]QAOS[/link] : QAOS (링크) / 스팸필터 우회용#2
[c=red]색깔[/c] : 색깔
[q]인용문[/q] : 인용문 (예제 생략)
[embed=주소 (폭) (높이)] : 동영상 embed
  [embed=http://kr.youtube.com/watch?v=sxA2FZANE2o]
  [embed=http://kr.youtube.com/v/sxA2FZANE2o 500 300]
  ※ embed에서 폭과 높이는 생략 가능하며, 생략시 425x355로 자동 설정


5. 기타기능: 이모티콘 지원

티스토리에서 적용한 기능을 그대로 갖고온 것인데, 아래와 같은 이모티콘을 지원한다.
이모티콘으로서 쓰기 애매한 --;는 빼버리려다가 그냥 뒀다.

:) ;) :P 8D :( --; :D :O :x




덧. 티스토리 버전과 차이 나는 부분은 다음과 같다: 치환자 지원 코드 삭제(\# → #), urlencode 관련 버그 해결

댓글 27개:

  1. @아이구 - 2009/12/19 14:40
    댓글창에 위험한 html 코드 대신에 적는 코드입니다.

    답글삭제
  2. 이거 티스토리에는 적용할 수 있나요?

    답글삭제
  3. 감사합니다..



    댓글창에 마우스로 눌러서 하는건줄알았네요 ㅠ

    답글삭제
  4. @koc/SALM - 2009/12/19 19:35
    그럭저럭 적용은 가능하겠지만, 조금 손을 대야 될 것 같네요.

    답글삭제
  5. 안되네요... ㅠㅜ. 왜이러지.

    답글삭제
  6. @zasfe - 2009/12/21 10:34
    잘 쓰세요~

    답글삭제
  7. 안녕하세요....

    저... BB코드를 설치하려고 하는데, 블로그 이미지 주소는 어떻게 찾는건가요?OTL

    답글삭제
  8. @후박나무 - 2009/12/21 21:52
    소스보기를 하시면 [bb]어쩌고저쩌고/images/어쩌고저쩌고[/bb]라고 되어있는 부분이 있을 겁니다.

    답글삭제
  9. 감사합니다. 배워서 적용해 보겠습니다^^

    답글삭제
  10. @Popeye - 2009/12/22 22:51
    스킨계의 지존님께서 너무 겸손하신 것 같네요.

    잘 쓰시기 바랍니다. ^^;

    답글삭제
  11. BB코드를 생성해도 zockr님 댓글창 처럼 바뀌지는 않는건가요?

    답글삭제
  12. @후박나무 - 2009/12/23 06:06
    댓글창 윗쪽의 버튼을 얘기하는 것인가요?

    답글삭제
  13. @zockr - 2009/12/23 07:08
    네..네... 맞아욤^ ^

    답글삭제
  14. 감사합니다.예전 티스토리에선 스킨이 붉은색 배경이라 포기해서 많이 아쉬웠는데..;;

    텍큐에선 적용이 되겠어요.나중에 시간나는대로 적용시켜서 잘 쓸게요.:)

    답글삭제
  15. @후박나무 - 2009/12/23 06:06
    그건 손을 좀 많이 대야 합니다.

    그리고, 그 부분은 별도로 포스팅할 예정은 없습니다.

    워낙 일반화하기 어려운 부분이라서요.

    답글삭제
  16. @nalrari.K - 2009/12/23 20:29
    잘 쓰시기 바랍니다.

    답글삭제
  17. @zockr - 2009/12/24 00:17
    아~ 그렇군요 전 혹시 저만 안되는건지 알고...ㅎㅎ

    답변 감사합니다. zockr님^ ^

    답글삭제
  18. trackback from: 댓글창에 BBCode 사용하기 [퍼팩트]
    댓글창에서 동영상이 나오고 아이콘이 찍히는 등 BBCoed는 참 재미난 것이다... 그런데 이를 적용하려면 따라하기가 좀 어렵다. 태그에 관해 완전 초보자는 따라하기를 피할 것 !(헉, 그러고 보니 포기하라는...말...ㅠ.ㅠ 지송) 링크지원블로그 1. 아래의 압축파일을 스킨에 업로드한다.(이 파일은 압축을 풀지 않아도 된다) bbc.zip 2. 아래의 압축파일을 풀면, zockr님이 만든 실행파일이 나오는데, 그 파일을 실행한 뒤 나타나는 창에 자..

    답글삭제
  19. [emo=118][emo=119][emo=120]너무 이뽀요 +_+

    답글삭제
  20. @새싹 - 2009/12/30 09:42
    Happy New Year! 잘 쓰세요.

    답글삭제
  21. trackback from: BB코드를 달고야 말았어! 음하하하핫!
    BBCode for 텍큐닷컴 3.2 대공개 댓글창에 BBCode 사용하기 [확장팩 포함] 이 두 포스트를 발견하고 불타는 필링을 받았습니다. 블로그 덧글에 BB코드 달게 하는데 도전했습니다. 한번에 끝난거 같네요. 두번째 시도한 끝에 되긴 하는것 같군요. 그런데 글이 1개씩만 보여야 가능하네요. 한화면에 글3개씩 보이기로 설정했더니, BB코드 아이콘을 누르면 제일 아래에 있는 댓글창에만 코드가 나옵니다. 마음껏 덧글에 이모티콘과 동영상, 이미지, 밑..

    답글삭제
  22. 저는 잘 안되던데요...ㅠㅠ 예전에 했는데[emo=006]

    답글삭제
  23. trackback from: BB코드를 3.3으로 업글했어요! 하는방법도 적었으니 참고하세요.
    BBCode for 텍큐닷컴 3.3 업데이트 BBCode for 텍큐닷컴 3.2 대공개 댓글창에 BBCode 사용하기 [확장팩 포함] 어제 블루앤라이브 (조커님)이 비비코드를 3.3으로 업데이트 하셨다길래 업글했습니다! 3.2버전 ->3.3으로 업글했습니다. 하는 방법은 그냥 3.2 + 확장팩이 적용된 코드를 프로그램에 붙이신다음, BB코드 적용을 누르시면 되는듯 합니다. 코드가 수정되면 먼저 메모장에 복사해서, 확장팩의 코드들이 정확한 위치에 잘..

    답글삭제
  24. trackback from: 댓글에 BBCode와 이쁜 이모티콘 달아 개성있는 블로그를 만들자
    그림 그림처럼 댓글에 BBcode와 이쁜 이모티콘을 달아 블로그에 댓글을 달때, 조금의 재미라도 주어 댓글을 다는데 지겹지않게 하고 자기만의 개성있는 블로그를 만들어 보자. 일단, 댓글에 BBcode와 이쁜 이모티콘을 달기 위해 zockr님, popeye님, 누 님을 참고하여 저에게 맞게끔 수정하였습니다. 그래서 여러분의 블로그 내용과 조금씩 다른부분이 있으니 자신의 블로그에 적용시 주의하시길 바랍니다. 블로그에 댓글창을 개성있게..., 순서대로 따..

    답글삭제
  25. trackback from: 태터툴즈의 스킨 이미지 주소
    최근 텍스트큐브닷컴(http://www.textcube.com/)에서 소리소문 없이 패치된 기능이 있다. 문법 강조 기능의 버튼 중에 "copy to clipboard"가 있는데, 처음에는  가 잔뜩 달라붙는 문제(텍큐닷컴은 Syntax Highlighter을 개선하라! by BLUEnLIVE)가 있었으나 최근 고쳐졌다. 그 버그가 고쳐졌음을 확인하는 과정에서 스킨의 images 디렉터리를 나타내는 주소에 대해 생각해 볼 기회를 갖게 되었습..

    답글삭제