BBCode for Textcube.com 자바스크립트 플러그인
코덕질/만든것들 2009/05/10 18:49
이번 삽질은 정말 피를 말리는 삽질이었습니다
이번에도 꾸미기 좋아하시는 히라님의 부탁하에 만들었습니다. BBCode는 DOM을 혹사시키는 자바스크립트니.. 덧글이 많거나, IE 계열에서는 페이지가 뜨는 시간이 늦어질 수 있으므로 주의하시기 바랍니다!
삽질 내역
1. 텍큐는 아직 *.js 업로드를 지원하지 않는다 >> *.jpeg로 업로드를 시도했다2. 텍큐는 아직 <s_input_form> ~ </s_input_form>의 수정을 지원하지 않는다 >> 프로토타입을 이용하여 일일이 다 insert메서드로 처 박도록 설계해 주어야 한다 [이게 제일 노가다!! 3시간 투자]
3. 요상하게도 제작자인 BLUE'nLIVE 님이 BBCode Writer 부분의 스크립트를 공개해 주지 않으셨다.. 적용이 안된건지 어쩐지. << 직접 다 stylesheet 뜯고 삽질했다
결과물
히라님, 나중에 저 고3 끝나면 술 좀 사줘여.
호환성
- 현재까지 IE8 / IE7 / FF 3.0.5 지원입니다. IE6은 BBCode Writer가 작동하지 않고 수동으로 BBCode를 쳐주셔야 합니다.- bbcode 기본 버전은 IE8에서 BBCode Writer에 작동 이상이 발생합니다. 이 문제를 해결하시려면 BBCode 2번째 버전[롤오버가 제거됨]을 써 주세요.
- 이 스크립트는 prototype.js에 기반합니다.
적용 방법
1. skin.html에서 이 부분들을 각각 이렇게 치환합니다. 메모장에 붙여넣으신 뒤 치환하셔도 무방합니다. 블루앤라이브님은 별도로 프로그램을 제작하셨던데... 전 그럴 시간이 없는 관계로.. [도주] -> <div class="bbcode"></div>
-> <div class="bbcode"></div>
-> <div class="bbcode"></div>
-> <div class="bbcode"></div>
2.
IE8을 지원하지 않는 방법
IE8을 지원하는 방법 [일부 기능 삭제]
주의사항
- 아직 텍스트큐브가 CBT인 관계로 이 스크립트는 수정할 수 없는 부분을 수정하기 위하여 다소 비효율적인 방식을 부분적으로 이용하였습니다. 다시 말해서, 개선의 기회가 아직 있습니다. 느리더라도 지금은 방법이 없는 것 같네요 ㅠㅠ.- 위에서 말씀드렸듯이 반드시 prototype.js를 넣으셔야 합니다!
- 스크립트가 완벽한 건 아닙니다. 확실한 작동을 보장할 수 없습니다.
- 본의 아니게 호환성을 위해서 bbcode 원본 js 파일에 많은 수정을 가했습니다. 제작자님의 양해를 부탁드립니다 (__)
댓글을 달아 주세요
[img]http://pds15.egloos.com/pds/200905/10/26/c0062526_4a067ffaa5c51.jpg[/img]
BB코드라니!! BB코드라니!!!
.........안먹히는데요?..-_-;;
응? 잘만 돌아가는데요? firebug로 디버그해도 별다른 이상 없네요. 그리고 압박적인 사진과 함께 (..)
아.. 이게 바로 적용되는게 아니였군요..--;
[b]아악!!!!!!! 저도 고쳐주세요![/b]
오 BB코드 잘 적용됐군요...
OTLOTLOTL
뭐 바에 이모티콘 있는거 쳐발라주고 우선은...007--;--;8D;)
테스팅 테스팅
그나저나 술사줘요라니..--;
나도 포토샵 관두고 블로그나 꾸며볼까...(먼산)
삽질은 시작하셨으면 끝까지 해야져 우히히
[img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_081.gif[/img]잘 되네 ㅋㅋㅋㅋ 아 신기 ㅋㅋ
=ㅂ=a
이거 소스 공개하셨는데요??
그 분 혼자서 다하신게 아니라 에디터는 다른 분들도 함께 수정하셨기 때문에
잘 뒤져보시면 구하실 수 있을 거에요.
여기저기 색다른 에디터들이 많이 있네요 :). 좋은 정보 감사합니다.
완전 천재 같아..;)
BBcode 완성 하셨군요....^^
고생하신 것이 안봐도 보입니다....~~~ 수고하셨어요...
저도 나중에 한번 설치를 해 봐야 되겠는데요...
새롭게 컨버터를 만들었습니다 ^^;
C:\WINNT> 쿠나씨가 대운하를 파고 계십니다
어떻게 하시겠습니까???
1.열심히 파게한다
2.더 열심히 파게한다
3.죽도록 열심히 파게한다
이외의 선택지는 없는거 ㅇㅅㅇ
삽 한자루를 꼭 쥐어준다.
포크레인 기사는 퇴근-
엥- 글 작성시각이 왜 이러져
아래 :)[~* 보다 늦게 작성한건데 시간상으로는 더 빨리 작성했다고 뜨네요?!
고쳤으니까 노코멘트!
댓글 사진보고 식겁했네요(깜놀...ㅠㅠ)
그나저나 이 스킨, 몇몇컴터에서 펼쳐지면 내용이 안보인다는..
물론 전 보이는데, 피방에서 안보여서 식겁 ㅠ)
우와우와+_+
오 좋당 저도 달까봐요-
근데 수정창에서는 적용이 안되는것이 문제ㅠㅠ
댓글 달거나 수정하고 나면 사라져버리는것도 문제 ㅠ,
수정했심요 ㅋ
:)[quote]ㅇㅇ[/quote]007OTL
[b]이것도 나중에 시간나면 불펌해 가야지...
[/b]
.. 무서워
우와 축하드립니다
성공하셧군요 ....
전그거하다가 망해서 HTML다날라가서
초기화 했다능 ㅠㅠ...
[img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_100.gif[/img]
컨버터를 별도로 제작했다능.. ? ㄲㄲ
[img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_061.gif[/img]
오오 무서운사람. 이거 티스토리용은 없나요.
이젠 티스토리도 될거예요 ㅋㅋ
저기.. 저도 퍼가고 싶은데..
이해불가능 ㅡ.ㅡ;;;
저.. 저런.. 새로 컨버터를 만들었어요 (.. 토닥토닥)
오.. 쿠나님의 희생정신;
저 원래 이런 거 좋아해요 ^_^bb
[b]으아아아[/b]
[img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_074.gif[/img]
우와 잘대는군요~!~감사합니다~!
그냥..놀다가 퍼가는거 같아요 ^^;;[img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_072.gif[/img]
헉, 불완전한 초창기의 버전을 퍼가신 당신을 용자라 칭하리오다 =_=bb
쿠나쨩의 스킨을 퍼가고 싶어도 내 능력으론 모자란거같아여
던파만 끊으면 0.354895%의 확률도 될지도 ㅋ굳
적용했는데 텍큐가 아직 [b]obt[/b]라 그런지 구현기능이 썩 맘에 들진 않네요.
나중에 정식 오픈하면 BBCode도 그에 맞게끔 수정해서
원 제작자 분께서 올려주실 지도 모르니 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ
[img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_012.gif[/img]
무서운 쿠나씨 ;ㅁ;
땀 닦으실 필요까지는 =ㅁ=bb
오 BB코드라... 좋은데요 ?
하지만 댓글테러 염두해 두셔야 할지도 ....;;;;
- 0- ;; 그리고 편집기의 가로폭이 너무 기네요.
아 그리고 스킨의 버그 같은데... 제일 처음에 달린 댓글과 그댓글에 달린 댓글의 시간이 같습니다. 치환자를 잘못 쓰신거 아닐까요? 설마 1분 안에 댓글을 주르륵 썼다고는 생각을 못하겠어서 말이죠 / ㅅ/
스킨 리뉴얼 하면서 수정했습죠. 네, 치환자 에러였습니다 :)
엄청난 삽질의 결과군요..
수고가 많으셨습니다.
이런 쪽 포스트가 자꾸 올라와서 미안해요 ㅠㅠ
우오오...!!
수고하셨습니다.
요새 너무 뜸해져서 ㅠ_ㅠ
감사합니다~
익플8에선 댓글이 안 달아져서 부득이하게 내렸어요 ㅠㅠ
엉엉
이젠 익플 8에서도 달리는 거 확인했습니다 ㄲㄲ
그나저나 도대체 어째서 익플 8에서 안되는지.. 그놈의 라이브러리와 충돌이 계속 뜨네요 ;;
삽질 쿠나님..ㅇㅅㅇ
헉.. ㅠㅠ
대단해요... 저도 스킨좀... 자리 잡으면 도전을....... [img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_082.gif[/img]
도.. 도전이라.. 제가 언제 그런 처지까지 ㅠ_ㅠ.
잡아먹진 말아주세요 (!)
ie8에서도 댓글이 잘 달아지네요.
근데 [img]는 안 먹히는 것 같은데요?
현재 확인했는데 [color=red]잘 작동[/color]하네요. [u]생각보다[/u] 최적화가 흡족하게 잘 된것 같습니다 :). 컨버터를 완성하는 대로 재배포해봐야겠네요.
저 이거 갖고 싶어욧!!!!!!!.
그러고로 스틸해가겠뜸
취소..
레인 씨가 구지다고 했뜸.
-ㅁ-;; 절 나쁜 넘으로 만드지 마세요;;
ㅋㅋㅋ 레인님은 죄가 없으신 건가요.
아예 라이브러리를 죄다 뜯어고쳐서 BBCodePlus로 바꿔버렸습니다. 구진 건 아는데, 지금은 최적화해서 그냥 쓰고 있어요.
으아아앙ㄱ >_< BB코드다
네, BB코드랍니.. (어?)
읽고 한 마디, 신기합니다 ㅋㅋ
자스의 남용이란 것이죠 (!)
원 제작자 BLUEnLIVE입니다.
1. 아무런 통보도 없이 임의로 수정하고서 "제작자님의 양해를 바란다"는 말씀은 좀 불편하군요.
적어도 트랙백 하나쯤은 걸어주셨으면 좋았을 것 같습니다.
2. BBCode Writer가 뭘 말씀하시는지 모르겠네요.
관련된 소스 중 제가 공개하지 않은 것은 forevler 님께서 제작하신 부분입니다.
3. 현재 배포되는 버전 즉, 2.5 이후는 IE8을 포함한 모든 IE/FF/크롬에서 정상동작하도록 수정되었습니다.
4. prototype... 이거 좋은데요. 그런데, 이거 IE6에서도 잘 동작할까요? 전체적인 구조를 수정중인데, 이 놈을 좀 활용해야 될 것 같네요.
어어.. 링크를 어떻게 타고 들어오셨는지는 모르겠지만..
1. 트랙백 안 걸었었나요? 걸었다고 기억하고 있는데.. -_-;.. 어쨌던 수정에 대한 통보가 전혀 안 되어 있었다는 점에서는 죄송하게 생각합니다.
2. 제 멋대로 쓴 겁니다. 전 다른 건 모르고, 순수 Blue'nLive님의 BBCode Decoder을 편집했고, 댓글 창 위에 달려있는 BBCode 편집기를 가지고 온거니까요. 자칭 'BBCoder'이라고 부르기는 합니다만.. 문제가 커지면 이것도 생각해 보겠습니다.
3. 저 같은 경우는 2.2버전을 컨버팅했기 때문에.. 여기에 대해서는 제가 특별히 뭐라고 할 말은 없네요.
4. IE6에서도 잘 돌아갑니다. 자세한 정보는 파이어준님의 블로그나, 전문 서적 도서관에서 찾아보시는게 좋을 것 같네요. 비슷한 자바스크립트 프레임워크로는 JQuery가 있습니다.
직접 이렇게 찾아오실 줄은 몰랐네요 -_-;.. 어쨌든 이걸로 이해 되셨으면 좋겠습니다.
별다른 감정은 없습니다. 혹시나 오해는 마시길...
제가 만든 것이 이렇게 변형되고 발전된다는 것만으로도 뿌듯합니다.
그리고, 댓글 창 위에 달린 아이콘들은... okto님, forevler님 등등 많은 분들과 의견을 나누면서 함께 만든 놈입니다.
그러다보니 제가 별도로 포스팅하긴 좀 그렇더군요.
즐프하세요.
^^ 멋지당
우왕,,, 이런게 되는군요[img]http://cfs.tistory.com/custom/blog/36/367354/skin/images/forevler_087.gif[/img]
신기해용;;