TiStory에서 구현해본 BBCode
댓글을 달거나 방명록에 글을 남길 때 TiStory나 텍큐닷컴에서는 일반 텍스트만을 사용할 수 있습니다.
사실, HTML 환경에서는 간단한 코드만으로 크기나 색을 지정하는 효과를 줄 수 있는데, 우습게도 그런 혜택 을 볼 수 없는 것이죠.
(웹에서 글자에 색을 넣는 기능 이 혜택이라고 불리다니요!!!)
물론, 댓글에 HTML을 지원하도록 하면 가장 넓은 융통성을 갖게 되겠지만, 이 경우는 위험성이 있습니다.
즉, 이미지를 삽입하는 <img>태그로 <IMG SRC='아무거나' width="1000000000000000" height="1000000000000000">를 사용하게 되면 무엇이 되었던 화면을 뒤덮을 수 있는 것이죠.
HTML 코드 중 일부만 지원하도록 해서 부가적인 옵션을 제거하는 방법도 있지만, 좀 더 널리 쓰이는 방식으로 BBCode가 있습니다.
BBCode 는 게시판이나 블로그 댓글에 넓은 융통성을 부여하기 위한 기능입니다.
또한, 기본 옵션만을 전달함으로써 비정상적인 HTML 태그의 사용을 막는 효과도 갖고 있습니다.
즉, <span style="font-weight: bold;"> 내용 </span> 처럼 긴 코드 대신에 [b] 내용 [/b] 과 같이 간단한 태그만 사용함으로써 style 속성에 비정상적인 값을 부여하는 것도 예방하고, 사용자는 입력량을 최소화할 수 있는 것입니다.
하지만, 텍스트큐브용 BBCode 변환기 플러그인이 있음에도 불구하고, TiStory, 텍큐닷컴 공히 이 기능을 지원할 계획은 없는 것 같습니다.
이 기능을 구현하고 업그레이드한 결과를 티스토리 블로그: BBCode for Tistory 2.1에 올렸는데, 구현 과정에서 어려움이 좀 있었습니다.
무엇보다도 클라이언트쪽 스크립트 언어인 JavaScript를 사용하기 때문에 성능의 문제는 물론이고, 브라우저 별로 동작방식이 다를 수 있다는 위험성이 있습니다.
(특히 Internet Explorer 6.0은 공공의 적이라 불릴 만한 위험성을 갖고 있습니다)
멋지고 동적인 댓글 환경을 사용할 수 있도록 BBCode의 지원을 요구합니다.
덧1. 현재 BBCode for Tistory는 버전 2.4까지 공개했습니다.
덧2. BBCode에 대한 좀 더 자세한 설명은 QAOS: BBCode의 사용법을 참고하시기 바랍니다.
