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 관련 버그 해결

Trackback 5 Comment 22
  1. Favicon of http://error.textcube.com BlogIcon 아이구 2009.12.19 14:40 address edit & delete reply

    비비코드란 무엇인가요?

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.19 14:44 address edit & delete

      댓글창에 위험한 html 코드 대신에 적는 코드입니다.

  2. Favicon of http://koc2000.tistory.com/ BlogIcon koc/SALM 2009.12.19 19:35 address edit & delete reply

    이거 티스토리에는 적용할 수 있나요?

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.20 04:13 address edit & delete

      그럭저럭 적용은 가능하겠지만, 조금 손을 대야 될 것 같네요.

  3. Favicon of http://error.textcube.com BlogIcon 아이구 2009.12.19 22:44 address edit & delete reply

    감사합니다..

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

  4. Favicon of http://guam.textcube.com BlogIcon Hipros 2009.12.21 00:05 address edit & delete reply

    안되네요... ㅠㅜ. 왜이러지.

  5. Favicon of http://zasfe.com BlogIcon zasfe 2009.12.21 10:34 address edit & delete reply

    감사합니다. ^^

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.21 21:24 address edit & delete

      잘 쓰세요~

  6. Favicon of http://enote.textcube.com BlogIcon 후박나무 2009.12.21 21:52 address edit & delete reply

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

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.21 21:56 address edit & delete

      소스보기를 하시면 [bb]어쩌고저쩌고/images/어쩌고저쩌고[/bb]라고 되어있는 부분이 있을 겁니다.

  7. Favicon of http://popeye.textcube.com BlogIcon Popeye 2009.12.22 22:51 address edit & delete reply

    감사합니다. 배워서 적용해 보겠습니다^^

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.22 23:18 address edit & delete

      스킨계의 지존님께서 너무 겸손하신 것 같네요.
      잘 쓰시기 바랍니다. ^^;

  8. Favicon of http://enote.textcube.com BlogIcon 후박나무 2009.12.23 06:06 address edit & delete reply

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

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.23 07:08 address edit & delete

      댓글창 윗쪽의 버튼을 얘기하는 것인가요?

    • Favicon of http://enote.textcube.com BlogIcon 후박나무 2009.12.23 10:05 address edit & delete

      네..네... 맞아욤^ ^

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.24 00:17 address edit & delete

      그건 손을 좀 많이 대야 합니다.
      그리고, 그 부분은 별도로 포스팅할 예정은 없습니다.
      워낙 일반화하기 어려운 부분이라서요.

    • Favicon of http://enote.textcube.com BlogIcon 후박나무 2009.12.24 06:53 address edit & delete

      아~ 그렇군요 전 혹시 저만 안되는건지 알고...ㅎㅎ
      답변 감사합니다. zockr님^ ^

  9. Favicon of http://nalrari.textcube.com BlogIcon nalrari.K 2009.12.23 20:29 address edit & delete reply

    감사합니다.예전 티스토리에선 스킨이 붉은색 배경이라 포기해서 많이 아쉬웠는데..;;
    텍큐에선 적용이 되겠어요.나중에 시간나는대로 적용시켜서 잘 쓸게요.:)

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.24 00:17 address edit & delete

      잘 쓰시기 바랍니다.

  10. Favicon of http://saessak.textcube.com BlogIcon 새싹 2009.12.30 09:42 address edit & delete reply

    [emo=118][emo=119][emo=120]너무 이뽀요 +_+

    • Favicon of http://zockr.tistory.com BlogIcon zockr 2009.12.30 12:45 address edit & delete

      Happy New Year! 잘 쓰세요.

  11. Favicon of http://wincomi.wo.tc BlogIcon 윈컴이 2010.01.21 14:59 address edit & delete reply

    저는 잘 안되던데요...ㅠㅠ 예전에 했는데[emo=006]