BBCode+ v2.2를 배포합니다
코덕질/만든것들 2009/05/15 21:06
특별한 설명은 필요 없을 거라 믿고...
안내사항
이 플러그인은 원래 Blue'nLive님의 BBCode를 모토로 해서 만들어진 것입니다.저는 이 부분에서 prototype을 추가하여 더 효율적으로 작동하도록 재구성했습니다. 또한 티스토리에서 사용되는 Emoticon 아이콘을 컨버팅하도록 하여 텍스트큐브에서도 이모티콘 아이콘이 지원되도록 하였습니다.
적용원리
컨버팅 될 HTML은 'bbcode'라는 span 태그 안에 감싸져 있어야 합니다. 그리고 그 span 태그는 현재 보이는 화면 안에 들어왔을 때 컨버팅이 됩니다. 페이지가 로드될 때 컨버팅되는 기존의 BBCode와는 다른 모습입니다.컨버팅하기
원래 프로그램으로 컴파일 할 예정이었으나, 현재 자바 툴킷을 띄워놓은 관계에다가 어차피 자주 쓰는 프로그램도 아니겠다 싶어서, 즉석 자바 컨버터를 만들었습니다. 위의 컨버팅하기 버튼을 눌러주세요. 한 번만 말입니다.
그 외..
＊밑의 방식은 티스토리에 적용하실 유저분만 쓰시기 바랍니다저 같은 경우에는 BBCoder[BBcode를 입력할 수 있게 도와주는 툴]이 댓글창에 붙어 있습니다. 물론 다른 분들도 사용 가능합니다. 위와 같은 코드를 적합한 곳에 붙여넣으시면 정상작동합니다.
펼쳐두기..
하지만 스킨마다 구조가 틀린 관계로, 이 부분은 자동 컨버터에 포함시킬 수가 없었습니다. 수동으로 직접 넣어주셔야 합니다. 하지만 공통적으로 Textcube.com의 스킨에서는 -
이 <div class="tt-input-div"> 뒤쪽에 넣어주시면 적당히 자리잡을 듯 싶네요 :)
컨버터
Visual Basic .net 2003 - Based on .Net Framework v1.1
bin_1.rar프로그램이 실행되지 않을 경우에는 여기에서 .net Framework를 설치하셔야 합니다. 티스토리에는 </head>앞에 원래 자바스크립트를 놓아야 하지만 별 문제 없으므로 그냥 스킵. 문제 있으면 덧글로 알려주세요.
버그나 문제가 있을시 방명록이나 댓글로 알려주세요. 최종 수정일 : 2009/5/24
PS. 컨버터가 업데이트 되었습니다 : 제거하기가 추가되었습니다. BBCoder도 자동으로 달리도록 방식을 변경했습니다. 티스토리용 컨버터를 넣었습니다 (2009/5/16)
PS2. EXE 컨버터를 넣었습니다. 컨버터 했던 내용 제거가 가능합니다. [단 위의 자바스크립트로 했던 컨버터의 지우기는 지원하지 않습니다!]
PS3. 이모티콘/고급 BBCoder 기능을 구현했습니다. 새로 창을 띄워서 BBCoder을 입력하는 방식으로 하였습니다. [브라우저의 부담을 줄여주고 쉽게 이모티콘을 넣을 수 있습니다. 단 기존 BBCoder 이용중이신 분은 설치된 BBCoder을 수동삭제하셔야 합니다!]
PS2. EXE 컨버터를 넣었습니다. 컨버터 했던 내용 제거가 가능합니다. [단 위의 자바스크립트로 했던 컨버터의 지우기는 지원하지 않습니다!]
PS3. 이모티콘/고급 BBCoder 기능을 구현했습니다. 새로 창을 띄워서 BBCoder을 입력하는 방식으로 하였습니다. [브라우저의 부담을 줄여주고 쉽게 이모티콘을 넣을 수 있습니다. 단 기존 BBCoder 이용중이신 분은 설치된 BBCoder을 수동삭제하셔야 합니다!]
댓글을 달아 주세요
컥.. 컨버터까지..........
[img]http://pds4.egloos.com/pds/200708/19/05/e0005205_46c7bd64d72a9.jpg[/img]
대단해요.. 진정! 근데.. 전 왜 적용이 안되는 것.. 같은 느낌이.. (...)
본문에서 언급했듯이 에디터는 자동으로 달리지는 않는답니다 ^^;
컨버트 해 보시고, 에러메시지가 안 뜨면 정상적으로 돌아갔을 것이니.. 한번 수동으로 BBCode를 입력해 보세요.
그리고 잘못하면 skin.html이 날아가실 수 있으니.. 백업해 놓는것 잊지 마시고요!
아하.. 네- 잊지 마시겠써요! (...) 방명록쪽에서 컨버터하면서 오류가 나긴 하던데.. 아직 안쓰니까요 (...) 아참, 저도 잘 쓸게요. 감사히- 넙죽!
잘쓸꼐요 ~_~
음, BBcode를 썼을 때 IE6와의 문제라거나, 그런건 없나요? 블로그 로딩에 미치는 영향은?(헉, 뭘 따지고 있죠 전 ㅋㅋ)
ㅎㅎ 그런거 따지는 게 정상이죠 ^^. 블로그 로딩에는 영향이 전혀 없으며 댓글 쪽 스크롤 내릴때 실시간으로 디코딩하도록 큰 지장이 없게 바꿨습니다. IE6/7/8 모두 잘 돌아갑니다 ^^
음 잘쓰겠습니다 ^^;~!
그나저나 저만그런가 왠지 복잡하네요 ㅎ~!
쉽게 할수 있도록 계속해서 노력중!
[ur=http://noel.wo.tc]이거슨 노엘의 브롤그[/ur]
히힣
이.. 이거슨 간접홍보인건가!! [타앙]
오옷 BB코드 사용ㄲㄲ-
넴. 텍큐닷컴에서도 되는 겁니다 ㅋㅋ
컨버터 덕분에 블로그에 쉽게 적용했네요~ 감사합니다~
졸작 무사히 적용하셨다니 저야 기쁠 따름입니다 ~_~bb
달고는 싶은데...
괜히 건드렸다가 폭파될 것 같은 기분이..;;;
헐. 제 컨버터 무시하셈!
ㅠㅠ ㅋㅋ
띠용님 블로그 타고 들어왔습니다.
잘 쓸께요~ [b]복[/b] 받으실 거에요~~
역시 띠용님의 파장효과는 엄청나군요 ~_~
졸작 이용해주셔서 감사합니다 ㅋㅋ
님.. [b]쵝오[/b]~
~_~bb
아직 본좌의 길은 멀었습니다 ㅋㅋ
오오 달아볼까나(...)
라곤 하나 귀차니즘과 위험성에 대한 압박이 절 말리는군요.
쿠나님 저의 뽀뽀를 받으세요.ㅋㅋㅋ[img]http://fs.textcube.com/blog/0/2193/attach/XdScclWTB3.gif[/img]
드디어 달았다능~~~
오오오 축하드려요 ^^
쵝오입니다.....이런것을 난 왜 몰랐을까..ㅠ
아무래도 막 만들어졌으니까 ^^;;;;
코드를 읽어봤습니다.
핵심은 타이머 대신 scroll 이벤트를 가로채는 것이군요.
[rb]굉장한 아이디어[/rb]입니다. 그래서... 먹기로 했습니다. ㅋㅋ
고맙습니다. 홍홍
지금 3.0 brench로 전체적인 업그레이드 및 코드 최적화 작업중인데,
scroll 이벤트 가로채기도 포함시킬 예정입니다.
덧, prototype은 사용하지 않기로 했습니다.
$$나, 이벤트 추가 등은 지금의 코드로도 충분할 것 같더군요.
코드를 안읽어보고 댓글만 읽었습니다.
BLUEnLIVE 님과 쿠나 님 모두 대단하십니다;
허; 확실히 타이머보다는,,
[rb]굉장한 아이디어[/rb]입니다 쿄쿄
혹시 텍큐는 답글 달기에도 bbcode도우미 설치 가능 한가요?
헉.. 두분 모두 [rb]굉장한 아이디어[/rb]라고 생각해주시네요 헤헤;;... 저야 감사할 따름이지만 ㅠ_ㅠ.
생각해보니 이벤트추가 쪽은 지금 코드로도 괜찮겠네요. 저같은 경우는 로더바에 window.scroll 이벤트를 하나 더 가로채다보니 다중이벤트 구현을 위해서 프로토타입을 썼다죠.
이것도 땡큐~
앗~ 허접한 플러그인 사용 감사합니다 ^^
달아볼까?
하다가 귀차니즘과, 현실론적 관점에서 포기.....
[img]http://cfs.tistory.com/custom/blog/36/367354/skin/images/forevler_030.gif[/img]
제가 요 짓 하는데 들인 시간에 비하면.. (..?!)
와 신기하구나 ^^ 잘쓰겠습니다
감사합니다 ^^
몇몇 분 텍큐에 BB코드가 있길래 이리저리 찾아와보니 쿠나님의 덕이었군요.
[img]http://witbox.co.kr/_data/imgdir/200802/09/200802_8639.jpg[/img]
사랑해요*-_-*
한 번 만든 이래로 손볼 일이 거의 없더군요... (..)
아..제 블로그 소스는 갖다 붙이면 움직이질 않네요;;
한번 또 날잡아서 뜯어 봐야할듯..ㅠㅠ
그리고 어플 받아서 해봤는데 어플에 라인수 제한이 있는듯 해요..ㅠㅠ
바쁘신듯한데 이런글 적어서 죄송합니다..
라인수 제한이요? 것보다 얼마나 소스가 길길래.. ;; 음..
저두 달았습니다.
사용해주셔서 감사합니다 :)
최고에요! 덕분에 간편하게 적용시킬 수 있었습니다, 감동적인 팁과 컨버터, 쿠나님 감사합니다! ㅠㅅㅠ
뭘요, 사용해 주신 미코레브님께 감사드릴 따름이죠 ^^
[img]http://image.aladdin.co.kr/coveretc/book/coversum/8925246163_1.jpg[/img] 비비 코드 쓰는 방법.. 이게 맞는지요..? 음, 맞군요..
이거 제 블로그에도 적용하고픈데, 얼케 하면 되나요?
html을 컨버팅 창에 넣고 컨버팅 버튼을 눌렀는데, 그 다음에... 컨버팅이 되었다는 코드를 복사해서 다시 제 블로그의 html에 바꿔 넣으면 되는 건 가요?
위와 같이 해도 잘 안 되기에 ... 방법을 묻습니다.
보니까 티스토리 계열 스킨을 그대로 쓰시고 있는 듯 하네요.
해당 스킨의 HTML을 알려주시면 도와드리겠는데.. 어지간한 경우에는 말씀하신 대로 컨버팅 된 소스를 바꿔 넣으면 될 것 같은데요?
사실 발견한지는 한참된거지만 이제와서(...) 버그 리포팅해볼게요.
그대로 텍큐닷컴 기본 스킨에 적용했을때 '더보기'를 클릭하면 두개의 자바스크립트 파일 중 js_prototype가 기본 스킨의 스크립트와 충돌을 일으키는 듯 하네요. 사라집니다.
일단 저는 수정한 스크립트를 이용하고 있어요. 의심되는 몇개 대충 지워서 결국 해결본 것 같네요.
http://fs.textcube.com/blog/0/4230/skin/1/images/js_prototype.jpeg
수정한 파일입니다.
우와, 그 방대한 프로토타입 라이브러리를 직접 편집하셨단 말이에요? ㄷㄷㄷ... 정말로 대단하십니다 ;;. 실사용에 문제는 없나요?
하나하나 다 수정했을리가요(...) 그냥 중복으로 선언되는 것 같은 함수 몇개 지워준건데요...
제 경우 한 7~8월 쯤에 수정해서 여태껏 잘 써오고 있는데 다른 스킨에서도 잘 되는지 확신하지는 못 하겠네요. 그렇지만 아마 편집에서 수정할 수 있는 부분이 아닌 것 같으니 별 문제 없을거라 생각하고요...