2009년 6월 11일 목요일

BBCode for TiStory 3.1 업데이트: 이모티콘 기능 추가

들어가기에 앞서...

여러분은 티스토리의 이모티콘을 어떻게 생각하시는가?
난 개인적으로 굉장히 불만이다.

이모티콘이 예쁘지 않은 것은 기본인데다, 버그까지 있다.

그냥 서버 쪽에서 이미지만 좀 업데이트해줘도 좋을 것 같지만, 티스토리는 그런 신경 따윈 쓰지 않는다.
그냥 배째라고 앉아있어도 사용자들은 떠나지 않을 것이라 믿는 것 같다.


BBCode는 3.x대에 와서 충분히 안정화되었다고 생각한다.
그래서 가급적이면 업데이트를 자제하려고 했는데, 이놈의 이모티콘은 도저히 용서가 안 된다.
못생기려면 안정적이기라도 해야할 텐데, 이건 그런 개념이 없다.

우선, 아래의 화면을 보자. 이건 이모티콘이 설정된 상태에서 javascript 코드 일부를 답글로 단 화면이다.

사용자 삽입 이미지

); 가 8개나 들어있는 듯한 javascript 코드


이모티콘과 충돌이 난 것 같은가? 아니다.
원래의 내용을 보자.

사용자 삽입 이미지

짜잔~ ); 는 단 하나도 없다!


그냥 "100"); 이라고 썼을 뿐인데, 이걸 "100"[이모티콘];라고 변형을 한 것이다.
위 내용은 정상적으로 변환되면 이모티콘으로 해석될 부분이 단 하나도 없다.

이따위 버그가 없는 이모티콘 기능을 BBCode에 포함했다.
더불어, 이모티콘을 좀 더 예쁜 놈으로 교체했다. 그리고, 3개를 더 추가했다.

사용자 삽입 이미지
:D

사용자 삽입 이미지
:O

사용자 삽입 이미지
:x


따라서 이 BBCode를 사용하시면 2가지를 염두에 두어야 한다.

1. 기본 플러그인 중에서 이모티콘 플러그인은 사용하지 않아야 함
2. 이모티콘은 자동적으로 적용됨


원래 이모티콘은 잘 사용되지 않는 문자 조합으로 만들어진 것이라 고의로 집어넣지 않으면 만날 일은 별로 없다.
(그런 의미에서 --;는 이모티콘으로는 넌센스다. a--;와 같은 형태로 C/C++ 등의 언어에서 쉽게 볼 수 있으니까.)
그래서, 자동으로 적용되는 것이 그렇게 큰 제약은 되지 않을 것이라 생각한다.

아래 파일을 다운받아 설치하면 되며, 설치법은 역시 BBCode for Tistory 2.1을 참고하기 바란다.


덧. 첨부파일엔 bbemo?.gif의 파일 9개가 있다. 이 파일들이 이모티콘이다.


댓글 23개:

  1. 와! 업데이트 감사합니다.

    그땐 그냥 그러려니 쓰고있었는데 막상 바꿔보니

    확실히 이 이모티콘들이 티스토리꺼보다 훨씬 이쁘네요.

    답글삭제
  2. @꾼이­ - 2009/06/12 00:29
    잘 쓰시기 바랍니다. ;)

    답글삭제
  3. 근디 요 이모티콘~ 네이트온꺼 아닌감?

    걍 쓰면 걸리지 않을라나? ;)

    답글삭제
  4. @oneniner - 2009/06/12 08:50
    아뉘... 네이트 거 아니얌.

    QAOS에서 사용하는 건데, 여쭤보니, 이미지를 업어온 사이트 자체가 사라졌다고 하시네...

    아래 글 참조...



    http://qaos.com/viewtopic.php?topic=12070&forum=8

    답글삭제
  5. BBCode for TiStory 3.1 로 업데이트 되었네요!

    수고하셨습니다~:) 매번 오늘도 따라하는 재미를 안겨주셔서 감사합니다~;)



    BBCode 삽입도우미의 이모티콘도 바꿔주는 노가다가 필요하겠네요~!

    마우스오버시 이모티콘 이미지는 파일명만 바꿔서 올리면 되는데, 삽입도우미의 기본 그레이색 이모티콘 이미지는 티스토리 플러그인에 있는 이모티콘 이미지라서 경로까지 수정해줘야겠어요~!! --; 요건 시간날 때 차근차근 업데이트 할께요~!



    절대 [ur=http://zoc.kr/493]BBCode 삽입도우미만들기[/ur] 포스트 업데이트 하시라는 압력 아닙니다~! :D

    답글삭제
  6. @miru - 2009/06/13 06:00
    저같은 경우에는 블루님 홈피 소스에서 복사해서

    절대경로의 앞부분을 지워서 상대경로로 바꿔준 다음에

    댓글 주소를 치환자로 바꿔줘서 썼습니다.

    답글삭제
  7. @miru - 2009/06/13 06:00
    잘 쓰세요... 홍홍

    답글삭제
  8. 적용해 보려고 했는데,

    기존의 관리자 모드에서는 파일업로드 버튼이 안 먹히고,

    새관리에서는 js 파일이 이미지 폴더로 들어가네요..

    일루 올라가는거 맞죠?

    그런데 적용이........

    적용한 곳은 http://buelwoori1.tistory.com

    답글삭제
  9. @starfield - 2009/06/17 11:48
    아 코드는 먹네요.

    아이콘으로 되는건 따로 만들어야 되는가보죠?

    답글삭제
  10. @starfield - 2009/06/17 13:00
    으아 해결했어요~

    덕분에 댓글에 이미지도 넣을 수 있겠네요.

    좀 더 수정해 보고 제 블로그에 적용해야겠어요.

    좋은 글 감사요~~

    답글삭제
  11. trackback from: 방문자도 개성있는 댓글을 남길 수 있다! (BBCode 삽입하기)
    인터넷이라는 공간은 개성을 드러낼만한 방편이 적어 참으로 획일적이다. 그 속에서 자신을 드러내고 싶은 사람들은 자기만의 공간을 만든다. 이제는 단순한 글쓰기에서 벗어나 에디터 기능을 이용해 글씨체를 바꾸고 사진을 첨부하고 동영상을 넣어 보기도 한다. 그렇지만 방문자는 그 것들을 보고 즐길 뿐이다. 주인의 개성은 존중되지만, 손님의 개성은 무시되는 것이다. 그저 그렇게 나그네처럼.. 지금까지 이런 인터넷에 지쳐있던 사람에게 희소식이 있다. 이젠 방문자..

    답글삭제
  12. @starfield - 2009/06/17 11:48
    정말로 자문자답하셨군요. ^^;

    답글삭제
  13. @BLUEnLIVE - 2009/06/17 22:10
    헐~

    혼자서도 잘 놀아요~ ^^;;;

    답글삭제
  14. 안녕하세요~ 좋은 플러그인 정말 감사합니다 =) 최고네요 하앜

    혹시 설치형 블로그 텍스트큐브에선 어떻게 적용해야하나요?

    bbcode31.js 이 경로를 수정해줘야 하는거 같은데, BBcode helper.exe 이 아이로 BBcode 적용한 상태에서

    bbocde31 경로가 나와있지 않아서;; 답변부탁드립니당 OTL

    답글삭제
  15. trackback from: BBCode for Tistory를 설치했습니다.
    BLUEnLIVE님께서 제작 해주신 BBCode for Tistory를 설치했습니다. 지우개님의 소개로 알게 됐는데 요놈 상당한 물건이네요~ BBCode는 댓글&방명록 출력을 깔끔하게(볼드, 이탤릭, 밑줄, 이미지넣기, 동영상 넣기, 이모티콘 넣기 등...) 해주는 플러그인 같은 것입니다. 티스토리에서 공식적으로 BBCode 플러그인을 지원하지 않아 BLUEnLIVE님께서 제작&배포를 해주시고 있다고 하네요~ 참으로 감사할 따름이지요~^^ BBCod..

    답글삭제
  16. @ColorFilter - 2009/08/17 16:58
    설치형 텍스트큐브용 BBCode 플러그인은 이미 만들어져 있습니다.

    이건 기능이 상대적으로 떨어질 수밖에 없는 가입형 티스토리를 위한 것입니다.

    답글삭제
  17. trackback from: 티스토리 BBCode 오류
    벌레의 유형 끼어들 곳, 안 끼어들 곳을 찾지 못하는, 오지랖 넓은 벌레이다. 제발 끼어들 곳에만 끼어들라고요. 벌레의 발견 지난 번에 환경 변수 2와 관련한 논쟁(현재 글 일부 삭제된 상태임) 과정에서 우연히 발견하였습니다. [ur=http://www.google.co.kr/search?hl=ko&newwindow=1&q=%22%EC%9D%91%EC%9A%A9+%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%A8%EC%9D%B4+%EA..

    답글삭제
  18. @koc/SALM - 2009/11/27 17:04
    아... 또 디버깅의 세계에 푹 빠져야 되는 것인가효... ㅠ.ㅠ

    답글삭제
  19. @koc/SALM - 2009/11/27 17:04
    까이꺼 뭐 대충~ 캬캬캬

    (포스팅은 나중에 하겠습니다)

    답글삭제
  20. @BLUEnLIVE - 2009/11/30 19:25
    오호, 고치셨군요. 수고하셨습니다. ^^b [emo=091]

    답글삭제
  21. trackback from: BBcode 적용하기
    메인이자 사진전용 블로그인 달콤달콤 이야기의 스킨은 워드프레스의 inove 스킨을 티스토리용으로 컨버팅한 스킨이다. 그래서 종종 BLUEnLIVE님의 블로그에에 자주 가곤하는데 그곳에서 BBcode에 대해서 알게 되고 그것을 달콤달콤 이야기와 이곳에 적용하기로 마음먹었다. 결론부터 말하면..성공했다. 댓글과 방명록에서 쓸 수 있도록 적용하고 도우미도 설치하고 이모티콘도 확장하고..^^ 비록 하루종일 코드분석해가며 일일이 대입해가며 삽질했지만 언어에..

    답글삭제
  22. 제 블로그에 적용해봤습니다.

    너무 좋네요! :)

    답글삭제