이번 삽질은 정말 피를 말리는 삽질이었습니다


이번에도 꾸미기 좋아하시는 히라님의 부탁하에 만들었습니다. 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 파일에 많은 수정을 가했습니다. 제작자님의 양해를 부탁드립니다 (__)

댓글을 달아 주세요

  1. BlogIcon 아카사 2009/05/10 18:58
     addr - mod/del - rep

    [img]http://pds15.egloos.com/pds/200905/10/26/c0062526_4a067ffaa5c51.jpg[/img]
    BB코드라니!! BB코드라니!!!
    .........안먹히는데요?..-_-;;

    • BlogIcon 쿠나 2009/05/10 19:22
       addr - mod/del - rep

      응? 잘만 돌아가는데요? firebug로 디버그해도 별다른 이상 없네요. 그리고 압박적인 사진과 함께 (..)

    • BlogIcon 아카사 2009/05/10 19:30
       addr - mod/del - rep

      아.. 이게 바로 적용되는게 아니였군요..--;

  2. BlogIcon 히라 2009/05/10 19:18
     addr - mod/del - rep

    [b]아악!!!!!!! 저도 고쳐주세요![/b]

  3. BlogIcon Bardisch 2009/05/10 20:11
     addr - mod/del - rep

    오 BB코드 잘 적용됐군요...
    OTLOTLOTL
    뭐 바에 이모티콘 있는거 쳐발라주고 우선은...007--;--;8D;)
    테스팅 테스팅

    그나저나 술사줘요라니..--;

  4. BlogIcon 아크히츠 2009/05/10 20:14
     addr - mod/del - rep

    나도 포토샵 관두고 블로그나 꾸며볼까...(먼산)

  5. BlogIcon 히라 2009/05/10 20:21
     addr - mod/del - rep

    [img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_081.gif[/img]잘 되네 ㅋㅋㅋㅋ 아 신기 ㅋㅋ

  6. BlogIcon lain 2009/05/10 20:22
     addr - mod/del - rep

    이거 소스 공개하셨는데요??
    그 분 혼자서 다하신게 아니라 에디터는 다른 분들도 함께 수정하셨기 때문에
    잘 뒤져보시면 구하실 수 있을 거에요.

    • BlogIcon 쿠나 2009/05/15 21:49
       addr - mod/del - rep

      여기저기 색다른 에디터들이 많이 있네요 :). 좋은 정보 감사합니다.

  7. BlogIcon 히라 2009/05/10 20:42
     addr - mod/del - rep

    완전 천재 같아..;)

  8. BlogIcon 한성민 2009/05/10 21:03
     addr - mod/del - rep

    BBcode 완성 하셨군요....^^
    고생하신 것이 안봐도 보입니다....~~~ 수고하셨어요...
    저도 나중에 한번 설치를 해 봐야 되겠는데요...

  9. C:\WINNT> 쿠나씨가 대운하를 파고 계십니다
    어떻게 하시겠습니까???
    1.열심히 파게한다
    2.더 열심히 파게한다
    3.죽도록 열심히 파게한다

    이외의 선택지는 없는거 ㅇㅅㅇ

  10. BlogIcon 녹색이슬 2009/05/10 21:51
     addr - mod/del - rep

    댓글 사진보고 식겁했네요(깜놀...ㅠㅠ)

    그나저나 이 스킨, 몇몇컴터에서 펼쳐지면 내용이 안보인다는..
    물론 전 보이는데, 피방에서 안보여서 식겁 ㅠ)

  11. BlogIcon 띠용 2009/05/10 22:08
     addr - mod/del - rep

    우와우와+_+

  12. BlogIcon Noel 2009/05/10 22:24
     addr - mod/del - rep

    오 좋당 저도 달까봐요-
    근데 수정창에서는 적용이 안되는것이 문제ㅠㅠ
    댓글 달거나 수정하고 나면 사라져버리는것도 문제 ㅠ,

  13. BlogIcon Noel 2009/05/10 22:24
     addr - mod/del - rep

    :)[quote]ㅇㅇ[/quote]007OTL

  14. BlogIcon 아하하라 2009/05/10 22:28
     addr - mod/del - rep

    [b]이것도 나중에 시간나면 불펌해 가야지...
    [/b]

  15. BlogIcon 에코 2009/05/10 22:40
     addr - mod/del - rep

    우와 축하드립니다

    성공하셧군요 ....

    전그거하다가 망해서 HTML다날라가서

    초기화 했다능 ㅠㅠ...

    [img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_100.gif[/img]

  16. BlogIcon Ari.es 2009/05/10 23:01
     addr - mod/del - rep

    [img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_061.gif[/img]

    오오 무서운사람. 이거 티스토리용은 없나요.

  17. BlogIcon Crimson 2009/05/10 23:04
     addr - mod/del - rep

    저기.. 저도 퍼가고 싶은데..

    이해불가능 ㅡ.ㅡ;;;

    • BlogIcon 쿠나 2009/05/15 21:54
       addr - mod/del - rep

      저.. 저런.. 새로 컨버터를 만들었어요 (.. 토닥토닥)

  18. BlogIcon 섬뜩파워 2009/05/10 23:07
     addr - mod/del - rep

    오.. 쿠나님의 희생정신;

  19. BlogIcon Noel 2009/05/10 23:41
     addr - mod/del - rep

    [b]으아아아[/b]
    [img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_074.gif[/img]

  20. BlogIcon 여정군 2009/05/11 00:55
     addr - mod/del - rep

    우와 잘대는군요~!~감사합니다~!
    그냥..놀다가 퍼가는거 같아요 ^^;;[img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_072.gif[/img]

    • BlogIcon 쿠나 2009/05/15 21:56
       addr - mod/del - rep

      헉, 불완전한 초창기의 버전을 퍼가신 당신을 용자라 칭하리오다 =_=bb

  21. BlogIcon 확률분포 2009/05/11 04:01
     addr - mod/del - rep

    쿠나쨩의 스킨을 퍼가고 싶어도 내 능력으론 모자란거같아여

  22. BlogIcon 히라 2009/05/11 04:05
     addr - mod/del - rep

    적용했는데 텍큐가 아직 [b]obt[/b]라 그런지 구현기능이 썩 맘에 들진 않네요.
    나중에 정식 오픈하면 BBCode도 그에 맞게끔 수정해서
    원 제작자 분께서 올려주실 지도 모르니 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ

  23. BlogIcon 얄루카 2009/05/11 07:30
     addr - mod/del - rep

    [img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_012.gif[/img]
    무서운 쿠나씨 ;ㅁ;

  24. BlogIcon 청명 2009/05/11 07:52
     addr - mod/del - rep

    오 BB코드라... 좋은데요 ?
    하지만 댓글테러 염두해 두셔야 할지도 ....;;;;

    - 0- ;; 그리고 편집기의 가로폭이 너무 기네요.

    아 그리고 스킨의 버그 같은데... 제일 처음에 달린 댓글과 그댓글에 달린 댓글의 시간이 같습니다. 치환자를 잘못 쓰신거 아닐까요? 설마 1분 안에 댓글을 주르륵 썼다고는 생각을 못하겠어서 말이죠 / ㅅ/

    • BlogIcon 쿠나 2009/05/15 21:58
       addr - mod/del - rep

      스킨 리뉴얼 하면서 수정했습죠. 네, 치환자 에러였습니다 :)

  25. BlogIcon 나나카 2009/05/11 18:24
     addr - mod/del - rep

    엄청난 삽질의 결과군요..
    수고가 많으셨습니다.

  26. BlogIcon 影猫 2009/05/11 18:41
     addr - mod/del - rep

    우오오...!!
    수고하셨습니다.

  27. BlogIcon 히라 2009/05/11 19:20
     addr - mod/del - rep

    익플8에선 댓글이 안 달아져서 부득이하게 내렸어요 ㅠㅠ
    엉엉

    • BlogIcon 쿠나 2009/05/15 21:57
       addr - mod/del - rep

      이젠 익플 8에서도 달리는 거 확인했습니다 ㄲㄲ
      그나저나 도대체 어째서 익플 8에서 안되는지.. 그놈의 라이브러리와 충돌이 계속 뜨네요 ;;

  28. BlogIcon uchiteyangsang 2009/05/11 22:12
     addr - mod/del - rep

    삽질 쿠나님..ㅇㅅㅇ

  29. BlogIcon 용사 2009/05/11 23:49
     addr - mod/del - rep

    대단해요... 저도 스킨좀... 자리 잡으면 도전을....... [img]http://cfs.tistory.com/custom/blog/7/79874/skin/images/forevler_082.gif[/img]

    • BlogIcon 쿠나 2009/05/15 22:02
       addr - mod/del - rep

      도.. 도전이라.. 제가 언제 그런 처지까지 ㅠ_ㅠ.
      잡아먹진 말아주세요 (!)

  30. BlogIcon 히라 2009/05/14 01:56
     addr - mod/del - rep

    ie8에서도 댓글이 잘 달아지네요.
    근데 [img]는 안 먹히는 것 같은데요?

    • BlogIcon 쿠나 2009/05/14 22:58
       addr - mod/del - rep

      현재 확인했는데 [color=red]잘 작동[/color]하네요. [u]생각보다[/u] 최적화가 흡족하게 잘 된것 같습니다 :). 컨버터를 완성하는 대로 재배포해봐야겠네요.

  31. BlogIcon 불법미인 2009/05/14 23:23
     addr - mod/del - rep

    저 이거 갖고 싶어욧!!!!!!!.

    그러고로 스틸해가겠뜸

    • BlogIcon 불법미인 2009/05/14 23:25
       addr - mod/del - rep

      취소..

      레인 씨가 구지다고 했뜸.

    • BlogIcon lain 2009/05/15 13:52
       addr - mod/del - rep

      -ㅁ-;; 절 나쁜 넘으로 만드지 마세요;;

    • BlogIcon 쿠나 2009/05/15 22:03
       addr - mod/del - rep

      ㅋㅋㅋ 레인님은 죄가 없으신 건가요.
      아예 라이브러리를 죄다 뜯어고쳐서 BBCodePlus로 바꿔버렸습니다. 구진 건 아는데, 지금은 최적화해서 그냥 쓰고 있어요.

  32. BlogIcon 소년 2009/05/15 09:45
     addr - mod/del - rep

    으아아앙ㄱ >_< BB코드다

  33. BlogIcon 신호등 2009/05/15 14:46
     addr - mod/del - rep

    읽고 한 마디, 신기합니다 ㅋㅋ

  34. BlogIcon bluenlive 2009/05/18 18:37
     addr - mod/del - rep

    원 제작자 BLUEnLIVE입니다.

    1. 아무런 통보도 없이 임의로 수정하고서 "제작자님의 양해를 바란다"는 말씀은 좀 불편하군요.
    적어도 트랙백 하나쯤은 걸어주셨으면 좋았을 것 같습니다.

    2. BBCode Writer가 뭘 말씀하시는지 모르겠네요.
    관련된 소스 중 제가 공개하지 않은 것은 forevler 님께서 제작하신 부분입니다.

    3. 현재 배포되는 버전 즉, 2.5 이후는 IE8을 포함한 모든 IE/FF/크롬에서 정상동작하도록 수정되었습니다.

    4. prototype... 이거 좋은데요. 그런데, 이거 IE6에서도 잘 동작할까요? 전체적인 구조를 수정중인데, 이 놈을 좀 활용해야 될 것 같네요.

    • BlogIcon 쿠나 2009/05/18 20:29
       addr - mod/del - rep

      어어.. 링크를 어떻게 타고 들어오셨는지는 모르겠지만..

      1. 트랙백 안 걸었었나요? 걸었다고 기억하고 있는데.. -_-;.. 어쨌던 수정에 대한 통보가 전혀 안 되어 있었다는 점에서는 죄송하게 생각합니다.

      2. 제 멋대로 쓴 겁니다. 전 다른 건 모르고, 순수 Blue'nLive님의 BBCode Decoder을 편집했고, 댓글 창 위에 달려있는 BBCode 편집기를 가지고 온거니까요. 자칭 'BBCoder'이라고 부르기는 합니다만.. 문제가 커지면 이것도 생각해 보겠습니다.

      3. 저 같은 경우는 2.2버전을 컨버팅했기 때문에.. 여기에 대해서는 제가 특별히 뭐라고 할 말은 없네요.

      4. IE6에서도 잘 돌아갑니다. 자세한 정보는 파이어준님의 블로그나, 전문 서적 도서관에서 찾아보시는게 좋을 것 같네요. 비슷한 자바스크립트 프레임워크로는 JQuery가 있습니다.


      직접 이렇게 찾아오실 줄은 몰랐네요 -_-;.. 어쨌든 이걸로 이해 되셨으면 좋겠습니다.

    • BlogIcon bluenlive 2009/05/18 20:47
       addr - mod/del - rep

      별다른 감정은 없습니다. 혹시나 오해는 마시길...
      제가 만든 것이 이렇게 변형되고 발전된다는 것만으로도 뿌듯합니다.

      그리고, 댓글 창 위에 달린 아이콘들은... okto님, forevler님 등등 많은 분들과 의견을 나누면서 함께 만든 놈입니다.
      그러다보니 제가 별도로 포스팅하긴 좀 그렇더군요.

      즐프하세요.

  35. BlogIcon koreasoul 2009/06/24 19:55
     addr - mod/del - rep

    ^^ 멋지당

  36. BlogIcon Cantata 2009/07/31 01:36
     addr - mod/del - rep

    우왕,,, 이런게 되는군요[img]http://cfs.tistory.com/custom/blog/36/367354/skin/images/forevler_087.gif[/img]
    신기해용;;

< 1 ... 384 385 386 387 388 389 390 391 392 ... 832 > Top