티스토리용 BBCode 3.5 업데이트

그동안 BBCode를 텍큐닷컴용으로만 공개했다. 본인의 블로깅 환경에 따른 것임)

이번에 텍큐닷컴 서비스가 종료됨에 따라 다시 티스토리로 돌아왔고, 이에 따라 BBCode도 티스토리 용으로 다시 공개한다.
기능 면에서는 3.3에 비해 크게 달라진 것이 없으나, 미묘한 사용상의 문제점들을 해결했다.
특히, 이모티콘이 댓글의 내용과 충돌하는 경우를 가능한 피하도록 수정했다.

이전 버전과 달리 3.5에서는 다음과 같은 경우는 BBCode로 처리하지 않는다.
- magnet:?xt=urn:btih:OD67Y6MN
- A--;

BBCode 3.5를 적용하기 위해서는 다음 절차를 따르면 된다.


1. 설치

아래 파일을 다운받은 뒤 압출을 풀면 TiStory와 Helper라는 두 개의 폴더가 나온다.
이 중 TiStory 폴더의 내용을 스킨에 업로드한다.



2. 스킨 수정


위에서 압축을 풀어 생성된 Helper 폴더 내에는 BBCodehelper for TiStorySkin.exe라는 파일이 하나 있다.


여기에 블로그의 스킨을 붙여넣은 뒤 BBCode 적용 버튼을 클릭하면 BBCode가 적용되는 형태로 스킨이 변환된다.
이를 다시 복사해서 블로그 스킨에 붙여넣는다.


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

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

[i]이탤릭[/i] : 이탤릭
[b]볼드[/b] : 볼드
[u]밑줄[/u] : 밑줄
[s]지우기[/s] : 지우기[각주:1]
[code]소스 코드[/code] : 소스 코드 (예제 생략)
[quote]인용문[/quote] : 인용문 (예제 생략)
[img]이미지 URL[/img] : 이미지 (예제 생략)
[img=이미지 URL] : 이미지 (예제 생략)
[url=http://qaos.com]QAOS[/url] : QAOS (링크)[각주:2]
[color=red]색깔[/color] : 색깔


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

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

[size=크기]글자 크기[/size] : 글자 크기
[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[각주:3]
  [embed=http://kr.youtube.com/watch?v=sxA2FZANE2o]
  [embed=http://kr.youtube.com/v/sxA2FZANE2o 500 300]
  [embed=http://youtu.be/sxA2FZANE2o 500 300]
  ※ embed에서 폭과 높이는 생략 가능하며, 생략시 425x355로 자동 설정
[list][*][/list] : 리스트
[spoiler]스포일러[/spoiler] : 스포일러


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

티스토리에서 적용한 기능을 그대로 갖고온 것인데, 아래와 같은 이모티콘을 지원한다.
티스토리의 이모티콘과 코드는 동일하지만, 훨씬 예쁘고, 티스토리에 상존하던 미묘한 버그가 없다. ㅎㅎ

사용자 삽입 이미지

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


6. 기존 버전에서 개선된 내용


a. 4번의 embed 태그에서 http://youtu.be/주소 형식 지원
b. 4번에서 spoiler 태그 추가
c. 5번의 이모티콘 기능에서 댓글의 일부인 경우 이모티콘으로 변환하지 않도록 수정
d. \#를 #로 변환하도록 수정. 즉, [#\#_치환자_#\#] 형식으로 치환자를 표현할 수 있음


덧. 2011.10.21 3.5업데이트:
     - [s]를 추가로 지원. s는 strikeout(지우기)을 의미함.
     - [img]가 좀 더 안전하게 동작하도록 수정,
     - [code]의 변환을 다소 수정


  1. 3.5에서 추가됨 [본문으로]
  2. 3.5에서 HackSMW 님 권고에 따라 유효성 검사를 티끌만큼 강화함 [본문으로]
  3. 3.5에서 좀 더 안전하게 동작하도록 allowScriptAccess="never" 옵션 추가 [본문으로]
Trackback 0 Comment 13

티스토리 툴바