BBCode for Textcube + Helper
• 탄생 설화
같은 티스토리 유저이신 엔즐님께서 버튼을 클릭하여 입력을 편리하게 할 수 있는 아이디어를 제공. 블럭을 설정해서 현재 선택된 부분에 코드를 적용하게끔 개선된다.
시간이 흘러 bluenlive님과 함께 킹크랩을 맛있게 먹음. 며칠 뒤 BBCode를 쉽게 적용할 수 있도록 'BBCode 삽입 도우미 만들기'라는 팁을 게시. 옥토씨, 내심 wysiwyg 에디터 스타일의 버튼을 만들어야겠다고 생각했으나 Forevler님께서 이미 구현중... 이것을 보고 bluenlive님께서 자신의 블로그에 업어오신걸 옥토씨가 다시 업어옴. 왼손은 거들뿐...
어제밤, 규식아버님께서 플러그인의 embed 태그를 개선해 주셨다. 고마워요 (정)규식아빠~
도우미를 에디터의 버튼바 형식으로 꾸미고 일부 텍스트를 모두 아이콘으로 교체. 아이콘 그리는게 이렇게 어려운 줄 몰랐음ㅠㅠ (달랑 세개;;)
• 플러그인 설치
'Textcube 설치 폴더/plugins' 폴더에 압축을 풀고 플러그인 설정 페이지에서 '사용'으로 지정한다.
제공되는 코드는 대충 아래정도이다.
BBcode_Print.zip[i]...[/i] : 글씨를 기울임
[u]...[/u] : 글씨에 밑줄
[color=색상]...[/color] : 텍스트 색상 ('red/green' 등의 이름이나 '#ff0000'같은 색상 코드를 사용)
[url=주소]...[/url] : 하이퍼링크 연결
[quote]...[/quote] : 인용 상자
[img=주소] : 이미지 삽입
[embed=주소 너비 폭] : 동영상 삽입. '너비'와 '폭'은 생략이 가능하며, 생략시 425x355로 지정
▲ 주황색은 블럭 상태에서 텍스트가 들어가는 위치
• BBCode 버튼바 설치
skin 폴더의 style.css 파일에 상자 안의 내용을 추가한다.
style.css 수정..
/* BBCode Helper */
/* ------------------------------------------------------------------- */
.emoticonborder { border-style: solid; border-width: 1px; border-color: #cbcbcb; padding: 3px; margin: 0 0 -2px 0; height: 21px;}
.emoticons { cursor:pointer; float: left; margin:2px 2px 1px 0; }
.emoticonspace { float: left; margin-right:0px; }
.emoticonusage { cursor:pointer; float: right; }
a.rollover img { border-width:0px; display:block; }
a.rollover img.rollover { display:none; }
a.rollover:hover { position:relative; background-color:transparent !important;}
a.rollover:hover img { display:none; }
a.rollover:hover img.rollover { display:block; }
style.css 수정..
skin.html 수정..
2. '<textarea'로 검색하면 두군데가 나올텐데 각각 아래와 같이 'id=...' 부분을 추가해 준다.
3. 압축파일 속 방명록.txt 파일의 내용을 복사하여 방명록의 '<textarea' 앞에 붙여넣고 댓글.txt 파일의 내용은 댓글의 '<textarea' 앞에 붙여넣는다.
skin.html 수정..
Trackback Address >> http://mr-ok.com/tc/trackback/182
-
Subject: BBCode 삽입 도우미 만들기
Tracked from BLUE'nLIVE's diary++ 2009/01/22 22:54 delete오랜만에 올려보는 티스토리 기능개선 포스트군요. 많은 분들께서 방법을 공개하라는 압력을 넣으셨지만, 시간+업무의 압박이 더 커서 이제야 올립니다. 티스토리에서 BBCode for TiStory 2.4를 통해 BBCode를 사용할 수 있게 만들었습니다. 하지만, 막상 이걸 입력하려니 의외로 손이 많이 가더군요. (기술이 발달하면 편리성을 가져다준다지만, 더 불편해지는 경우가 훨씬 많다는 거~) 하지만, 스킨을 조금만, 아주 조금만 수정하면 아래와 같은..
-
Subject: 살아있는 댓글창, BBcode와 GUI를 적용하였습니다~ (수정)
Tracked from 바삭바삭 러스크 2009/01/24 13:07 delete※ 수정 내용 - 스크립트가 많고 적용 방법이 복잡한 것 같아서 단순화 시켰습니다. - 아이콘을 티스토리 글쓰기 창에서 캡쳐해서 직접 만들었습니다. 드디어 BLUE'nLIVE님이 제작하신 BBcode와 GUI를 블로그에 적용하였습니다. BBcode는 HTML이 금지된 티스토리 댓글창 같은 부분에 자체 태그를 이용하여 효과를 줄 수 있게 한 것을 말하고, GUI는 이 BBcode를 편리하게 사용하기 위해 그림으로 만들어 놓은 인터페이스를 가리킵니다...
-
Subject: BBCode 도우미 + 이모티콘 최종 업데이트!!
Tracked from BLUE'nLIVE's diary++ 2009/01/24 15:05 deleteOKTO 님과 Forevler 님께서 적용한 BBCode 도우미랑 이모티콘을 조금 변형해서 몽땅 적용했습니다. 더불어 기존의 BBCode와 약간 충돌하던 문제를 해결했습니다. 이 수정이 한동안 최종판이 될 것 같습니다. 1. 007( ) 과 forevler_004.gif( )이 충돌을 일으키는 문제를 수정 ※ 이 문제는 공개되어 있는 BBCode에서는 발생하지 않습니다. 2. "가가가가"로 되어 있는 글꼴모양을 이미지로 변경 3. 이모티콘에 OTL(..
-
Subject: BBCode plugin for Textcube 1.1
Tracked from Plugin :: Textcube - Brand Yourself! : Web publishing platform 2009/01/25 20:50 delete예전에 inureyes님께서 만드신 플러그인인데 지금은 링크가 존재하지 않더군요.간단하게 몇가지 덧붙여서 사용하다가 혹 필요하신분이 계실것 같아 공개합니다.• 플러그인 설치 ※ 주의 : BBCode 플러그인은 댓글/방명록 뿐만 아니라 본문에도 적용됩니다.'Textcube 설치 폴더/plugins' 폴더에 압축을 풀고 플러그인 설정 페이지에서 '사용'으로 지정하시면 됩니다. BBcode_Print.zip제공되는 코드는 대충 아래정도입니다. [b].....
-
Subject: BBCode 지원하기
Tracked from Venti Americano 2009/02/09 15:27 delete댓글(Comment)와 방명록(Guestbook)에 글쓰기를 위해 BBCode를 지원하는 Plugin을 달았다. 이 Plugin은 텍스트큐브|플러그인에서 다운 받을 수 있으며, 일반 plugin 설치와 동일하게 압축을 풀어 블로그디렉토리 밑의 플러그인 디렉토리 복사함으로서 간단히 설치된다. 그러나, BBCode만 지원하는 것으로 끝나면 좋겠지만 누가 BBCode를 지원하는 걸 알고서 사용하겠는가? 그래서 필요한 것이 Visual User Inter...
-
Subject: 블로그 댓글 및 방명록에 BBCode 사용가능하도록 변경
Tracked from 半長의 생각들과 기타 잡스러운... 2009/02/11 11:30 delete우연히, 뜬금없이, 가당찮게, 할 일 없어서 등의 이유로 텍스트큐브 플러그인 사이트 에 접속했는데, 눈에 띈 플러그인이 있었으니 다름 아닌 BBCode plugin for Textcube 1.1 이란 플러그인이었다. 평소 댓글 등에 BBCode를 사용할 수 있게 만든 블로그를 방문하면 부러워했었는데, 그 부러움을 상쇄시켜줄만한 매력으로 다가와 직접 설치해봤다. 설치 결과는? 좋다!1 먼저 이 플러그인 관련 정보는 아래와 같다. - 만드신 분: Sl...
-
Subject: [TC] bb코드 이모티콘 추가하기
Tracked from Cosmos`s Blog 2009/12/23 18:42 delete우선 이글을 적을 수 있도록 길을 열어주신 Forevler님과 zockr님, Sleepy님께 감사드린다. 그리고 이글에서는 Sleepy님께서 만들어서 올려주신 플러그인을 조금 손댄다..;; 말씀드리고 손을 대야하겠지만.ㅡ.ㅡ; 우선 되는가 부터 확인을 해보기위해서 작성부터하고 있다. 성공하면 말씀드려야지..;; 1. 플러그인 손대기! 조금 머리 아프다. 잘 따라오시길.. 우선 FTP로 사이트에 들어가서 plugins/BBcode_Print안에 있는...
댓글을 달아 주세요
댓글 활성화를 위해?
오~ 간만에 변화를 주시는것도 괜찮죠^^
(아직까지는 모양이 구리다는 이야기가 없어 다행입니다 휴~)
저는 아이콘을 어떻게 사용할까 하다가 티스토리 에디터에 있는 메뉴를 캡쳐해서 그대로 따다 붙여보았습니다.
탄생설화가 저러했군요 ^^
안녕하세요~ 새해 복 많이 받으세요~
여러 블로거들께서 조금씩 아이디어를 모아 이렇게 예쁜 결과물이 탄생했습니다. 웹의 긍정적인 포스를 느껴요. 참고로 메모장2도 이런식으로 탄생했는데 혹시 모르신다면 이번 기회에ㅎㅎㅎ
조만간 여기에 아이콘을 잔뜩 달아드리고야 말겠다능~
조만간 호스팅업체를 바꾸라는 말처럼 들린다능ㅠㅠ
에잉~ 티스톨 세컨으로 쓰시는 거 아는데 왜 이러시냐능~
아마추어같이~
거기다 올려놓고 끌어와 쓰면 되겠군요^o^ (난 왜이리 순진한거야~ 아놔~ㅠㅠ)
드디어 도우미의 최종판을 완성했다능~
오~ 멋집니다~~
(근데 저는 트랙백이 안걸릴까요;; 이상하네... 혹시 차단된건 아니죠?)
설마 OKTO님을 차단할 리가 있냐능~
가끔 티스토리쪽에서 잘못 필터링되는 경우도 있다고 하던데 지금은 잘 걸리네요^^
테스트
bbcode를 열심히 사용하였더니 '귀하는 차단되었으므로 사용할 수 없습니다'라는 메시지가 나오네요. 이번에는 한글이 좀 더 많으니 올라갈지...
테스트
유령님 아이피는 차단목록에 없더군요.
아마 url 태그때문인 듯 한데... 필터링 플러그인을 한번 바꿔봐야겠습니다.
흠.. url태그를 ur로 바꾸니까 차단되지 않네요.
버튼을 누르면 ur로 입력되도록 했습니다^^
제보 감사합니다. 새해 복 많이 받으세요~
버튼들도 다 이쁘게 잘 달렸습니다만....
1.7.6 텍큐에 적용해 봤더니 툴바 가로로 이미지 버튼이 안달리고, 세로로 주루루룩~ 달려버립니다.
뭐가 문제인지를 몰라서 질문 드리기도 힘듭니다. ㅠㅠ
제가 확인해보려고 해도 블로그에 방문이 안되는군요;;
혹시나 싶어 이것저것 만져봤는데 style.css 부분을 적용 안했을 경우 세로로 줄을 서더군요. 혹시 빠트리지 않으셨는지 확인 부탁드립니다.
style.css 를 살펴보았더니 기존 skin의 style 정의와 충돌이 일어나는 부분이 있더군요.
사용중인 스킨은 텍스큐브 설치시에 따라오는 기본 스킨 coolant입니다.
스킨 정의 중, form fieldset div 가 정의가 되어 있어 그런 것 같습니다. 원인을 알았으니, 어찌 어찌 손을 볼 수 있을 것 같습니다.
그런데, 블로그가 방문이 안된다 하심은....? 타임아웃이라는 것인가요 아니면 다른 이유??
블로그 서버를 집에서 돌리고 있어서 접속이 잘 되는지 항상 불안해 하고 있습니다.
집에서 돌리시고 계시군요. 지금도 그런데 페이지를 찾을 수 없다며 방문할 수 없습니다. 서버를 항상 켜두고 계신건 아닌가봐요?
제 홈에 방문해주셨길래.. 저도 찾아뵙네요 :)
..라고 서두는 달았으나 사실 파폭에서 align문제때문에 골썩고 있습니다.
익스7에서는 코멘트란과 버튼바가 어느정도 괜찮은 위치에 존재하는데..
파폭에서는 버튼바가 왼쪽에 딱 붙어서 떨어질 생각을 안합니다.
워낙 기초가 없이 html생활을 하다보니 이런 경우에 대처를 못하고 있네요..
살짝 도움 주신다면 정말 감사하겠습니다..
음... 스킨을 함 보내주시면 좋겠습니다.
이상하군요. 왜 접속이 안되지? ㅎㅎㅎㅎ
http://ikechoi.homeip.net:8899
http://ikeblog.homeip.net
둘다 안되면 큰일인데.... ^^
참, 댓글쓰기가 Safari에서는 잘되는데 Firefox에서는 댓글쓰기창 자체가 안보입니다.
8899는 되네요. 그런데 IE에서는 레이아웃이 심하게 깨집니다. 구글 크롬에서도 좀 다르게 보이고 있네요. 확인좀 부탁드려요.
제 블로그 말씀이신가요? 저는 파폭에서 잘 나오는데 이상하네요ㅠㅠ 아까 밖에서도 파폭으로 접속했었는데 잘 나왔고요;; 혹시 지금도 그런가요?스킨 수정 중에 뭔가 꼬였더군요. 다시 수정했습니다.
(댓글쓰기가 Sleepy님 싸이트에서 안되는군요. Mac + FF 이라서 조금 다를 수도 있을 것 같습니다.)
몇가지 웹브라우저로 확인해 보기로는 별 이상이 없는데 하필 Mac이라니...
저로서는 어찌할 방법이 없네요;;
지금은 다시 보입니다. :)
(아무래도 FF가 좀... 문제가 있는 것 같습니다. 특히 FireBug 등을 몇번 심하게 쓰고 나면 브라우저가 맛이 가더군요.)
다시 보인다니 다행이네요. 플러그인이 많아질수록 불안해지는 것은 어쩔 수 없나봅니다. 장점이자 단점이라능...
BBCode를 이용하면 정말로 댓글창이 살아있는 것 같아요 ㅎㅎ
저도 지금 적용된 BBCode 도우미를 조금 더 수정해야 할 듯 싶은데;; 귀차니즘;; --;
ㅎㅎ 정말 없으면 허전한 기능이죠. 문제는 귀차니즘!!
오홋.. 감사해요~!!!!!
지금부터의 작업은.. 그림을 넣어주는 작업을.. 할려구요..
완전 노가다..;;
네 잘 쓰세요. 화이팅 노가다입니다.
http://ifruler.dothome.co.kr/tc/guestbook
우선 방명록만 적용해보았는데 저는 하나에 한줄씩 띄워나오는군요..ㅠㅠ 아깐 갑자기 관리자 패널이 이상해져서 다시 덮어씌워버렸더니 이젠 이게 말썽이라는..ㅜㅜ
도와주세요!!
소스에서 바의 사이즈를 블로그에 맞게 조절해보시기 바랍니다.
Sleepy 님,
소스 코드 중 댓글.txt, 방명록.txt에 중요하지는 않지만 몇가지 선언 오류가 있습니다.
트랙백을 타고 오시면 설명이 되어 있습니다.
아 그렇군요. 제보 감사합니다!!
감사히 잘 사용하겠습니다. 감사합니다.
예, 잘 쓰세요.
지금 ie7에서 댓글 작성한건데...
큰 따옴표 이미지가 잘 보이시나요? 아, 원래 박스로 보이는거군요? 제가 몰랐던 거 맞지요?
예, 인용은 박스로 나옵니다^^;
^^
적용하러 가야지 ;; 잘 쓸께요~
잘 쓰세요~
^^잘 쓰세용~
잘 쓰겠습니다.^^
그런데 한가지, '스킨폴더'는 그냥 .쓰면 되지 않나요?
그.. 그렇게 해도 되는거였군요. 설명서가 없다보니ㅠㅠ
제보 감사합니다.
엥;; 그런데 저는 왜 안될까요?ㅠㅠ
기존에 [##_blog_link_##]skin/cvga/images/... 로 되어있던게
./images/... 처럼 바뀌면 되는거 맞나요?
skin.html이 있는 폴더를 기준으로 같은 폴더의 images에 botton.gif가 있다면
./images/button.git로 고치면 됩니다.
그게 저는 안되고 있습니다ㅠㅠ 제 블로그에 뭔가 하자가 있는 것 같군요. 이걸 또 언제 잡나요(에휴~)
제 블로그에도 뭔가 하자가 있는듯하네요.똑같이 했는데도 안나오는것을 보니;;
먼저 텍큐버전을 확인해보시고요 스킨주소가 정확한지 확인해주세요. 제가 듣기로 텍큐버전이 1.8 이상인가부터 스킨 폴더가 바뀐 것으로 알거든요;;
답변감사합니다~^^
제 텍큐의 버전은 1.7.7이네요.
스킨폴더는 위에 계신 삼각형님 말대로 스킨폴더 대신에 그냥.으로 변경했거든요.;;
그런데 안되네요.왜 그런지.
저도 .으로 하면 안되더군요. 절대경로로 변경해 보셨나요?
네.절대 경로로도 변경을 해봤어요.역시 안되네요;;
헐... 사용하시는 스킨이 뭔지 링크라도 알려주시면 제가 받아서 테스트 해볼게요. 지금 상태로는 뭐가 문젠지 감도 못잡겠네요ㅠㅠ
앗.그러시면 너무 수고스러우신데...저야 감사하지만요~
http://www.textcube.org/theme/entry/whi ··· textcube
저위에 계신 其仁 님도 이 스킨 쓰신다고 하시더라구요.
그분은 성공하셨던데.왜 저만 안되는지.이 스킨엔 style.css가 없기 때문에 style.css 수정사항을 screen.css에 추가까지 했는데 말이죠.
하여튼 스킨의 주소는 저겁니다.많은 분들이 쓰시던데;;
지금 해보니 저는 잘 되는데요?-_-;
일단 임시로 고친 skin.html 파일을 받아보세요. 다른 부분에도 손대셨다면 확 덮어씌우지 마시고요, 인단 스킨을 컴터의 임의의 폴더에다 압축풀고 새 skin.html을 덮어씌운 뒤 실행해서 잘 보이는지부터 확인하는게 순서겠죠?^^
필시 제 블로그에 마가 끼인것이 분명합니다..-.-
이렇게까지 해주셨는데도 안되는것을 보면..
스킨제작자분이 제작해주신 테마팩도 안듣던데.그때 마가 끼었음을 알아차렸어야 하는데 말입니다.
올려주신 skin.html을 보니.제가 수정한것이랑 똑같더라구요.역시 제대로 한게 맞는데 말입니다;;
혹시 위에 적은 수정작업전에 뭔가 다르게 해줘야 할 사전 작업이라도 있는지요?
너무나 친절한 답변 감사합니다`^^
헐... 저도 사전 작업 없이 했습니다. 정말 굿이라도 해야하나요ㄷㄷㄷ
저 스킨을 그대로 가져다 쓰셨으면 되야 하는데 정말 난감하네요. 도움드리지 못해 죄송할 뿐입니다ㅠㅠ
엑박으로는 버튼바가 뜨거든요.그런데.경로를 확인해보니.
tc/skin/customize/1/images/bb_help2.gif 이런식의 경로로 떠요.
스킨편집모드에서도 해보고.그 다음에 외부에디터로도 해본다음에 업로드를 했는데도 왜 저렇게 뜨는걸까요?
엥? 스킨 이름이 customize는 아닌 것 같고ㅎㄷㄷ
아무래도 경로에 문제가 있는 것 같습니다. 버튼바가 뜬다는 건 좋은 소식이네요^^
스킨을 하드에 압축 해제하고 수정한 skin.html파일과 이미지 파일들을 덮어 씌운 후, ftp 업로드 하신 후, 텍스트큐브 설정에서 스킨을 새로 적용해보세요. 아마 저 customize..는 소스편집모드의 스킨 경로인 듯 합니다.
중간에 우여곡절이 또 있었습니다만.결국엔 되게(?)만들었습니다.
다 Sleepy님 덕분입니다.!^^ 정말 감사합니다.
이젠 양파군 이모티콘을 넣고 싶은데.그건 대체 엄두가 안나는군요..-.-
잘 됐네요. 고생 많으셨습니다^^