BBCode for Tistory 2.1 수정 공개
그런데, 제 입장에서는 누가 사용하시는지를 알지 못해 프로그램의 오류를 파악하기 힘듭니다.
사용하시는 분들께선 이 글에 트랙백을 걸어주시면 좋겠습니다.
※ 환경설정에서 댓글창을 닫은 경우엔 BBCode가 표시되지 않던 문제를 해결했습니다.
티스토리용 BBCode가 2.1로 업그레이드 되었습니다.
이 BBCode의 장점은 아래와 같습니다.
물론, 이것은 BBCode의 특징입니다.
2. 설치/제거가 쉬움
파일 1개를 업로드한 뒤 스킨 수정 프로그램만 돌리면 됩니다.
스킨 수정을 한칼에 해주는 프로그램이 있기 때문에 설치/제거가 쉽습니다.
(실제로 수정되는 내용은 v1.1a/v2.0과 거의 같습니다)
3. 티스토리 버그로 인해 [url=]을 입력할 수 없던 문제 해결
기존 BBCode 쓰면서 발견한 현상인데, [url=] 코드를 사용하면 댓글이 차단되어 버립니다.
그래서, [url=] 대신에 [ur=]을 사용해도 동일하게 동작하도록 했습니다.
4. embed 태그 지원(v2.1에서 새로 추가)
embed 태그를 이용해서 동영상을 간단하게 삽입할 수 있습니다.
설치 과정은 아래와 같습니다. (BBCode for Tistory 2.0와 거의 같습니다)
BBCode21c.zip위 압축파일을 다운받은 뒤 풀면 두 개의 파일이 들어있습니다.
두 파일은 아래와 같습니다.
- bbcode21.js : BBCode → HTML 변환기 본체
- BBCodehelper for TiStorySkin.exe : 스킨 수정 도우미
2. bbcode21.js 업로드
관리메뉴의 스킨→직접올리기에서 bbcode21.js 파일을 업로드합니다.
3. 스킨 파일 수정
이번에도 물론 얘가 다 알아서 해줍니다. (1.1로 업글했습니다)
다음, 역시 관리메뉴의 스킨→HTML/CSS 편집에서 skin.html 파일을 복사한 뒤 도우미에 붙여넣습니다.
그리고는 도우미에서 BBCode 적용 버튼을 클릭해서 내용이 바뀌면 이것을 다시 skin.html에 붙여넣습니다.
마지막으로 HTML/CSS 편집 화면에서 저장 버튼을 클릭하면 됩니다.
지원되는 BBCode는 아래와 같습니다.
[i]이탤릭[/i] : 이탤릭
[b]볼드[/b] : 볼드
[u]밑줄[/u] : 밑줄
[quote]인용문[/quote] : 인용문 (예제 생략)
[img]이미지 URL[/img] : 이미지 (예제 생략)
[url=http://qaos.com]QAOS[/url] : QAOS (링크)
[color=red]색깔[/color] : 색깔
2. 티스토리의 문제 해결 또는 편리성을 위해 임의로 만든 코드 (v2.0과 거의 같음)
[ru]빨간 밑줄[/ru] : 빨간 밑줄
[bu]파란 밑줄[/bu] : 파란 밑줄
[rb]빨간 볼드[/rb] : 빨간 볼드
[bb]파란 볼드[/bb] : 파란 볼드
[red]빨간색[/red] : 빨간색
[blue]파란색[/blue] : 파란색
[ur=http://qaos.com]QAOS[/ur] : QAOS (링크) / 티스토리 문제 해결
[c=red]색깔[/c] : 색깔
[q]인용문[/q] : 인용문 (예제 생략)
[embed=주소 (폭) (높이)] : 동영상 embed / v2.1에서 추가됨
[embed=http://kr.youtube.com/watch?v=sxA2FZANE2o]
[embed=http://kr.youtube.com/v/sxA2FZANE2o 500 300]
※ embed에서 폭과 높이는 생략 가능하며, 생략시 425x355로 자동 설정합니다.
3. 치환자 입력 기능 (v1.1a/v2.0과 동일)
\#를 입력하면 \가 사라집니다.
즉, [#\#치환자#\#]를 입력하면 치환자만 남습니다.
변환처리하는 코드를 </body> 앞이 아니라 </s_t3>에 위치하도록 수정했습니다.
레몬펜 등이 설치된 경우엔 BBCode 호출 자체가 너무 늦게 일어나더군요.
환경설정에서 "댓글을 기본적으로 펼치기" 옵션을 꺼둔 경우에는 BBCode가 정상적으로 표시되지 않았는데, 이 경우에도 정상적으로 표시되도록 약간 수정했습니다.
Categoy: 컴퓨터야그/블로그 관련
-
-
-
-
<div>와 <p> 태그에 대한 스타일이 따로 지정된 경우 스타일이 바뀔 수도 있습니다.
하지만, 기본적으로 <div>를 <div>로 변환하기 때문에 거의 그럴 일은 없을 것 같네요.
블로그 주소를 알려주시면 한번 보도록 하겠습니다.
-
-
<html xmlns="http://www.w3.org/1999/xhtml"> 위 라인 때문이요. 요줄 지우고나니 글자 크기 정상으로 돌옴.
-
설치해봤는데, 이거 정말 좋습니다.
여기에는 위아래에 그림도 있고, 누르면 바로 입력이 돼서 사용하기 훨씬 쉽군요.
나중에 저도 한번 도전해봐야겠습니다.
근데, 그림을 누르면 꼭 정해진 자리에만 bbcode가 들어가는 것 같습니다.
커서를 글 중간에 두고 그림을 눌러도 커서 자리에는 삽입이 안되요.--;-
위아래 그림을 넣는 방법은 설명이 좀 복잡하기도 하지만, 다른 블로그에서 배운 기술이라 굳이 설명하기 뭣해서 생략했습니다.
그리고, 코드 삽입 위치는… 자바스크립트로 그 이상 구현하기가 어렵더군요. 그래서 무조건 맨마지막에 붙이도록 했습니다. ;) -
[ur=http://nzlediary.tistory.com/]엔즐군[/ur] 님의 블로그를 참고해서 커서 위치에 삽입되도록 수정했습니다.
엔즐군님께 다시 한 번 감사드립니다.
-
-
-
네이버 블로그 방명록과는 달리 티스토리는 그림같은게 안 들어가져서 너무 아쉬웠는데 그점을 해결하신 분이 계셨군요!+ㅁ+
너무 좋아보여서 저도 달아보려 똑같이 해봤습니다만 어째서인지 아무 반응 없이 같은 댓글창이군요ㅠ.ㅠ
무엇의 문제일려나요~ -
-
설명이 너무 길어져서 별도로 포스팅하지 않았습니다.
조금 복잡합니다만, 엔즐님 블로그를 보시면 대략의 개념이 올라와있습니다. ^^;;;
-
-
먼저 친절한 개발자님께 감사를 드립니다.
제가 비비코드를 쓰다보니 한가지 불편한 점을 발견하게 되었습니다.
코드의 시작 가령 b를 열고 b를 닫을때 /의 종결자를 빼먹는 실수를 하면 그 아래달린 댓글까지 죄다 굵은글자 태그가 적용된다는 겁니다.
이것은 오류가 아닌 당연한 현상임을 압니다만, 댓글러의 이런 사소한 실수를 만회(?) 해줄수 있는 특수한 기능을 삽입해 주실수는 없는지? 제가 기술적으로 잘 몰라서 여쭈어 봅니다. -
감사합니다..적용했습니다. 완전 잘쓸께요~~^^
살짝 질문있는데요 ^^ 엔즐님 GUI 스크립트가 IE6에서는 동작하지 않잖아요??
그런데 블루님은 먹는데..혹시 힌트를 주실수 있으신지 href="javascript: x()" 이게 차이가 나는거 같아 추가했지만 먹질 않더라구요 ^^;;
새해 복 많이 받으시구요~~~ 다시한번 감사드립니다..;) -
참 [b]좋은 기능[/b]이라 저도 한번 해보려했는데
안되네요..!!
아주간단한데 안되네요
파일 업로드후
스킨 변경 helper작동시켜 븥여넣기만 하면 되는데
그게 안되네요..!! -
BBCode 적용은 잘 되었는데요~
Blue'nlive님 처럼 댓글 입력창 위아래에 아이콘이 표시 되지는 않네요;;
도와주세용~^^* -
[img]http://farm4.static.flickr.com/3647/3441414894_75d27d78dc_o.jpg[/img]
BBcode 설치하여 누에의 낙서댓글을 받으시오! -
비비코드 여기서 지금 살펴보고 있습니다.. ㅎㅎ
잼나네요 이거.. 적용시켜보고 글하나 올려야 겠어요..
물건입니다.. 고생좀 하셨겠어요.. ^^ -
댓글이 생명력을 넣고 싶어서 bbc 코드를 설치하고 싶은데 설치가 되지 않네요.
어떤이유일까요..그냥 저렇게 설치를 해도 적용이되지 않고 평상시의 평온한 모습을 그대로 유지하네요.
문제점을 알고계시면 부탁드립니다. 적용하고싶군요 -
티스토리의 기본 스킨 중에 life in mono 라고 하는 아주 보편적인걸 수정해서 사용중입니다.
이 스킨으로 안된다고 이야기하시는 분들이 있었는지요?-
1. 스킨에 따라 되고 안 되는 경우는 없습니다.
2. 지금 BBCode를 이용한 답글을 달고 보니 BBCode를 적용하지 않았네요.
-
-
-
함 셤 삼아 해봤는데...웬일인지 거부 당해서 순간 당황을 했읍니다..머 그럴수도 있겠지 했는데..
이렇게 배려를 해주실줄은 몰랐읍니다.감동했읍니다.BLUEnLIV님 고맙습니다.
오늘 함 스킨에 적용해봐야겠어요..^^ 즐거운 밤 되시고 행복하세요.
-
[ur=http://zoc.kr/493]이 글[/ur] 보고 도우미 설치 했습니다.
수정버전이 따로 있는지 BLUEnLIV님 도우미랑 좀 다르네요...
OTL같은건 안먹히는데...따로 추가해줘야 하는건가요?-
후~ 새벽 내내 BBCode설치 했네요.....
벌써 시간이 ;;
결국 OTL과 007 훗 까지 삽입했어요~^^;
감사합니다~
그런데 그 옆쪽에 있는 이모티콘 고르기는 잘 모르겠네요...
따로 포스팅이 없는 것 같아서 현재로써는 포기입니다...
지쳤어요 ㅋㅋ
-
-
정규식으로 구현한 BBCode [embed]
정규식(Regular Expression)은 문자열을 검색 및 치환할 때 사용할 수 있는 강력한 도구입니다. 더욱이 상대적으로 속도가 느린 JavaScript 환경에서는 복잡한 문자열 처리를 빠르게 할 수 있는 도구이기도 합니다. 이번에 BBCode for Tistory 2.1를 만드는 과정에서 동영상을 올릴 수 있는 embed 태그를 추가했는데, 만드는 과정에서 의외의 어려움이 있었고, 이 문제를 해결하는 과정이 재미있었습니다. 이 과정을 지금부터..
-
BBCode for Tistory 활용하기
BLUEnLIVE님(이하 블루님)이 개발하신 BBCode for Tistory를 댓글에 적용시켰습니다. 이제 댓글을 다실 때, 댓글의 색상과 모양을 지정할 수 있고, 그림을 넣을 수도 있으며 주소를 링크시킬 수도 있습니다. 인용문을 삽입하실 수도 있구요. 심지어 동영상도 넣을 수 있지만, 개인적으로 댓글에 동영상같은 무거운게 들어가는 걸 싫어하기 때문에 삽입하시려면 BBCode를 직접 입력하셔야 됩니다. 물론, 제가 단순히 BBCode만 설치했다면..
-
이젠 댓글도 HTML처럼! (사용법)
개발자: http://zoc.kr/entry/BBCode-for-Tistory-21-upgraded 1. 일반적으로 널리 사용되는 코드 [i]이탤릭[/i] : 이탤릭 [b]볼드[/b] : 볼드 [u]밑줄[/u] : 밑줄 [quote]인용문[/quote] : 인용문 (예제 생략) [img]이미지 URL[/img] : 이미지 (예제 생략) [url=http://qaos.com]QAOS[/url] : QAOS (링크) [color=red]색깔..
-
BBCode for Tistory를 W3C 표준에 맞게 적용하기
지난번 "BBCode for Tistory 활용하기"라는 포스트에서 BLUEnLIVE님의 BBCode for Tistory를 소개해드리면서 댓글과 방명록에 BBCode 삽입 버튼을 달 수 있는 방법을 올린 적이 있습니다. 그 포스트가 올라온 뒤 여러 반응들이 있었는데요, 그 중에는 BBCode를 설치한 이후 W3C의 웹표준 규정에 어긋난다는 문의도 있었습니다. 사실 저 역시 블로그를 표준화하는 작업을 진행 중이었기에 그 문의에 적지 않은 신경이 쓰..
-
한국에서 MS윈도우 없이 보낸 하루
안써도 되는 MS를 굳이 사용하고, 안써도 되는 네이버를 굳이 사용하면서. 입으론 병신들 존내게 써대네라고 하면서, 본인은 쓸수밖에 없다라.. 이건 뭐 누워서 침뱉고 화풀이하는것도 아니고.. 사람들은 사용료를 지불하고 윈도우를 사용할 권리가 있고, 광고를 보면서 네이버에 검색하러 들어갈 권리가 있고, 돈을 주고 삼성 제품을 사용할 권리가 있어요. 누구도 거기에 대해 간섭을 할 이유는 없죠. - 내 블로그를 방문한 자가 싸갈린 댓글임 30만원짜리 MS..
-
Sky, Blue Sky
Canon DIGITAL IXUS 870 IS | Multi-Segment | 1/500sec | F/5.6 | 0EV | 5mm | ISO-100 | No Flash ▒ ▒ Canon DIGITAL IXUS 870 IS | Multi-Segment | 1/250sec | F/5.6 | 0EV | 5mm | ISO-80 | No Flash ▒ ▒ Canon DIGITAL IXUS 870 IS | Multi-Segment | 1/640sec | F/5..
-
블로그 댓글창에 BBCode 적용했습니다.
티스토리의 댓글창은 텍스트와 플러그인 활성화시 6가지의 이모티콘( )만 사용이 가능합니다. 또한 댓글창에 html을 제공할경우 잘못사용으로 인해 페이지가 깨질수 있어 생겨난 BBCode가 있습니다. 티스토리에서는 지원을 한했었는데 BlueNLive님이 사용가능하도록 수정을 하셨답니다. 현 블로그는 BlueNLive님의 BBCode가 적용이 되어있고 BBCode Shortcuts 이미지들은 엔즐군님 의 설명대로 추가했습니다. 티스토리에서 정식 지원하기..
-
티스토리용 BBcode 설치 및 테스트
블로그도 리뉴얼 했겠다. 이것 저것 블로그에 유용한팁들을 찾던 중 Blue'nlive님 블로그에서 티스토리용 BBcode를 찾았다. 물론 오래전에 나왔는데 뒤늦은 감이 있지만~ BBcode를 넣어보았다~ BBCode24patched.zip 출처 : http://zoc.kr/entry/BBCode-for-TiStory-24-minor-update BBCode 설치법 : http://zoc.kr/352 PS : 스킨을 외부스킨..
-
BBCode for Tistory 적용
BLUEnLIVE님이 개발하신 BBCode for Tistory를 최근 2.5 버전으로 적용시켰습니다. 추가로 엔즐군님이 만들으신 이미지버튼을 적용시켰습니다. 괜찮아보이네요. ^.^
-
[emo=125]음, 텍큐, 티스토리 모두 적용했습니다.
[ur=http://univpond.textcube.com]텍스트큐브[/ur]
[ur=http://ym9507.tistory.com]티스토리[/ur]
매우 감사드려요.
홍보라고 생각하시면 뻘줌.
솔직히 쓴 글도 별로 없는데.
굿굿!!!
[embed=http://flvs.daum.net/flvPlayer.swf?vid=RyRLdXkJBHc$ 502 399]
[embed=http://www.youtube.com/v/zx5w2ditREo]