[Textcube Plugin] ImageStock v0.8

1.플러그인 이름
ImageStock

2. 버전
0.8 (테스트 환경이 FF3와 IE7밖에 없어서 0.8입니다. 혼자쓰는 플러그인으로는 이정도면 충분하니 계속 0.8일예정?)

3.뭐하는 플러그인인가?
간단히 말하면 다른 블로그에 올려둔 이미지를 포스트 작성시 삽입할 수 있습니다. 이걸 어디다 쓰냐하면, 저처럼 메인블로그와 사진블로그를 따로 운영하는 분들이 사진블로그의 이미지를 가지고 글을 작성해야할때 사용할 수 있습니다.

4. Requirement
Textcube : 1.7버전에서 만들었습니다. 다른 버전에서는 어떤지 모르겠습니다.
Browser : Firefox3에서 만들었습니다. IE7환경에서 테스트해봤는데 이상없는 것 같습니다.

5.설치법
다른 플러그인과 마찬가지로 해당 화일을 plugins 디렉토리에 갖다놓고, 플러그인을 켜두면 됩니다. 플러그인을 켜실때 환경설정으로 가서 RSS URL을 설정하는 것을 잊지 마세요.

6.사용법
제대로 동작한다면, 글작성(혹은 편집) 화면 아래쪽에 ImageStock이라는 버튼이 생깁니다. 이 버튼을 클릭하면 팝업창이 뜨면서 환경설정시 입력한 RSS에서 글(item)별로 이미지를 보여줍니다. 이미지를 클릭하면 본문에 삽입됩니다. 이미지에는 본래 블로그의 해당 포스트가 링크로 걸립니다.

7.다운로드
MG_BlogImageStock_v0.8.zip

Textcube 1.7 plugin : BlogImageStock


8.주의
1) RSS를 이용해서 이미지주소를 가져오기 때문에 오래전 글에 삽입된 이미지는 가져올 수 없습니다. 일반적으로 포스팅글 10개가 기준입니다.
2) 티스토리와 이글루스로 테스트했습니다. 타블로깅툴과는 어떻게 동작하는지 모르겠습니다.
3) 위지윅에디터로 이미지를 삭제하면 이미지는 삭제되지만 링크태그는 남습니다. 이건 거의 버그수준인데 제가 별로 불편하지 않다보니 그냥 두었습니다.

9. 라이센스
Textcube가 GPL인 것처럼 본 플러그인도 GPL입니다.

0. 기타
JParker님의 FlickrYoutubeMediaSearch 플러그인을 많이 참고했습니다.
정말 공부가 많이 되는 플러그인이에요.
이 자리를 빌어 감사드립니다 :)

Posted by 망고

10 2, 2008 23:20 10 2, 2008 23:20
,
Response
No Trackback , No Comment
RSS :
http://www.shimminkyu.com/tc/rss/response/877

Textcube XMLRPC를 이용하여 Tistory에 글쓰기

MetaWeblog API를 이용해서 플러그인 하나를 만들려고 생각중.
다행히도 Textcube에 XMLRPC와 HTTPRequest가 구현되어있어 이를 이용했다.

[PHP Code]
include_once ("./lib/Eolin.PHP.Core.php");
include_once ("./lib/Eolin.PHP.XMLRPC.php");
include_once ("./lib/Eolin.PHP.HTTPRequest.php");

$rpc = new XMLRPC();
$rpc->url = "[BlogAPI URL]";

$blogid = "[Blogid]";
$username = "[username]";
$password = "[password]";
$post = array(
    'title' => "Hello Blog",
    'categories' => "",
    'description' => "Hello Blog",
);
$publish = false;

$rpc->async = true;
print $rpc->call('metaWeblog.newPost', $blogid, $username, $password, $post, $publish);

Posted by 망고

08 20, 2008 00:28 08 20, 2008 00:28
,
Response
No Trackback , No Comment
RSS :
http://www.shimminkyu.com/tc/rss/response/861

그동안 삽질일지.
- 아무래도 리스트모양으로 데이터를 뿌려주는건 너무 심심하다고 판단
- 달력 모양에 일정을 표시할 수는 없을까?
- 아카이브로 쓰이는 기본 달력위에 표시를 해보자!
- DOM 삽질 ㅡㅡ;
- 이번달이 아닌 전달이나 다음달의 일정을 보고싶으면 어쩌지? ㅡㅡ;;
- 아카이브 달력은 이전 달로 이동시에 화면전환이 되버려서 쫌...
- 게다가 기존 아카이브 링크가 걸려있는 날짜에는 일정 링크를 덮어써버릴수도 없고...
- 아예 플러그인용 달력을 새로 그려주기로 결정!
- 아카이브 달력 뿌려주는 루틴 분석 오호라 PHP 함수가 있군
- 아카이브에 특화된 함수라 재활용 불가
- 루틴만 재활용
- 달력 그리기 성공~
- 하지만 이전달, 다음달 이동은 어쩌지???
- 자바스크립에서 Asyncronous하게 PHP의 함수를 부르기 위해 (오직 달력 루틴을 다시 만들고 싶지 않다는 일념으로) listener 태그 사용
- listener의 plugin URL을 활용하여 달력 PHP 함수를 자바스크립에서 호출하여 HTML 코드를 받아서 div에 부어넣음
- 월별 이동 가능~
- 그런데... 두둥... innerHTML로 부어넣은 태그들은 DOM이 인식하지 못한다
- 고로 구글 캘린더에서 받아온 데이터를 바인딩할 수 없다 ㅡㅡ;
- DOM Script으로 달력 그리기 루틴 완전 재작업
- DOM Script으로 달력을 그리고 구글 캘린더 자바스크립 라이브러리를 이용해서 데이터를 받아온다음, 달력에 바인딩~
- 표시된 날짜에 마우스를 올리면 툴팁으로 일정 확인가능

일단은 여기까지 ver1.0
MG_BeNice_v1.0.zip

Textcube Plugin BeNice ver1.0


날짜 클릭해서 일정 입력할 수 있게 했으면 좋겠다는 생각중 음...

Posted by 망고

08 14, 2008 00:58 08 14, 2008 00:58
,
Response
No Trackback , 4 Comments
RSS :
http://www.shimminkyu.com/tc/rss/response/858

텍스트큐브 플러그인 가상치환자

텍스트큐브 센터플러그인을 만들다가 가상치환자를 사용할 일이 있어서 소스를 좀 살펴봤다.

치환자란?
흔히 플러그인에서 블로그화면으로 데이터를 뿌려주기 위해 사용한다.
형태는 [##_치환자명_##] 이고,
텍스트큐브가 치환자를 만나면 플러그인의 index.xml에 지정된 함수를 호출하여 반환값을 치환자 위치에 뿌린다.

가상치환자란?
실제로 스킨에 존재하지 않지만 마치 스킨에 존재하는 것처럼 동작하는 치환자를 가상치환라고 한다. 다시 말하면, 실제로 스킨에 [##_SKIN_body_start_##]와 같은 치환자가 없더라도 플러그인 index.xml에
<tag name="SKIN_body_start" handler="doSomething" />
라는 바인딩 코드가 있으면 실제로 doSomething함수의 반환값을 SKIN의 body 태그 시작부분에 뿌려준다.

종류
가상치환자의 종류는 아래 6가지다. 이름에서 알 수 있듯이 그렇게 동작한다.
SKIN_html_start, SKIN_html_end
SKIN_head_start, SKIN_head_end
SKIN_body_start, SKIN_body_end

동작원리
이렇게 할 수 있는 이유는 간단하다. 텍스트큐브가 스킨을 불러들일때 html, head, body 태그를 찾아서 가상치환자를 삽입한다.

/lib/blog.skin.php 화일 124라인을 보면
replaceSkinTag($sval, 'html');
replaceSkinTag($sval, 'head');
replaceSkinTag($sval, 'body');
이런 코드가 나온다.

replaceSkinTag함수는 두번째 파라미터의 태그를 찾아서 첫부분에 start 가상치환자를 끝부분에 end 가상치환자를 넣어주는 함수.

Textcube wiki 페이지 참조

Posted by 망고

08 1, 2008 23:39 08 1, 2008 23:39
,
Response
No Trackback , 6 Comments
RSS :
http://www.shimminkyu.com/tc/rss/response/850

예상(?)과 달리 이틀동안 코드를 열어보지도 못했다.
음... 다시 파일을 열어보니... 어떻게 했드라 @_@

1.파폭에서 소스코드가 뿌려지는 문제부터.
문제는 의외로 쉽게 찾았다.
HTML코드에 주석을 단답시고
<!-- 주석이요 ---------------------------------------------------->
라고 해놨는데 파폭에서는 '-'가 주르륵 있는 주석엔드태그를 인식하지 못하는 모냥.
심플하게
<!-- 주석이요 -->
라고 고치니 해결된다.
이바닦엔 별의별 일이 다 있다.

2.자바스크립트가 Body태그내 플러그인이 위치하는 곳에 마구 뿌려지는
조금 난감한 상황을 타개하고자 짱구를 굴린 결과
텍스트큐브에서 '가상치환자'라는 것을 지원한다는 걸 알았다.
가상치환자란 미리 정해놓은 치환자를 이용하여 Head태그나 Body태그의 위아래에
원하는 코드를 삽입할 수 있도록 한 것.
하여, 자바스크립트 코드들은 Head 태그 제일 아래에 넣고
HTML 태그들은 원래 있던 자리에 뿌리도록 깔끔하게 분리.
그런데 이게 조금 문제가 있다.
사이드바에서는 문제없이 동작하는데
관리자 화면에서는 동작하지 않는다.
아무래도 관리자 스킨은 메인 스킨과는 다른 메커니즘으로 돌아가는 것 같다.
거의 같은 모냥의 함수를 사이드바용, 관리자용 두개로 작성하는 방법도 있지만
코드가 중복되는게 찜찜하여
시간날때 가상치환자가 돌아가는 모양새를 살펴보기로 함.

3. 프리젠테이션이 영 맘에 들지 않아
style 프러퍼티를 가지고 장난을 쳤는데
이게 또 시간을 잡아먹는 작업이다.
대충 잡아놨는데 HTML 태그 속에 스타일이 잔뜩 있는게 또 찜찜
시간날때 스타일시트로 분리해버려야겠다.

3. 하여 버전 0.6.
사이드바에서 동작하지만 관리자 화면에서는 동작하지 않는 반쪽 플러그인.

MG_BeNice_v0.6.zip

Be Nice with Google Calendar v0.6


Posted by 망고

07 31, 2008 00:19 07 31, 2008 00:19
,
Response
No Trackback , 3 Comments
RSS :
http://www.shimminkyu.com/tc/rss/response/848

아기 개월수를 세기 귀찮다는 이유로 php로 간단한 프로그램을 만들다가
일이 점점 커지고 있다.
처음 요구사항은 간단했다.
생일을 가지고 오늘까지 날짜수를 세는 것.
그리고 다음 생일까지 날짜수가 궁금해져서 추가.
그리고 아기 100일의 정확한 날짜가 궁금해져서 다시 추가.
여기까진 함수세개로 뭐 간단하다 싶었다.
http://www.shimminkyu.com/appl/days

그러다 이걸 Textcube Plugin으로 만들면 매일 저절로 확인이 되겠구나 싶어서 작업 시작.
혼자 볼꺼니까 센터 플러그인으로 하고
환경설정창에서 기념일 하루를 정해서 관리하도록 하자.
해서 몇일 밤에 뚝딱거려서 대충 만들었다.
센터로 들어가면 이렇게

사용자 삽입 이미지


뭐 안이쁘지만 뭐 여기까지 하자... 싶다가 ㅡㅡ;

기념일을 여러개 입력해놓고 관리할 수 없을까?
하는 의문이 들어서 고민을 시작했다.
기념일이 많아지면 텍스트큐브 자체 환경설정값을 이용하기엔 좀 무리가 있겠구나.
그럼 서비스를 따로 만들어야하나? 이건 너무 일이 커질 것 같고...
구글에서 API를 제공한다던데 그걸 한번 볼까.
하던게  그만 ㅡㅡ;;;

MG_BeNice.zip

Textcube Plugin BeNICE ver0.5


구글캘린더에서 일정(이벤트)를 가져와서 센터나 사이드바에 뿌려주는 플러그인을 만들고 있는 자신을 발견했다. 현재 버전은 0.5. 사이드바 오른쪽 아래에 뜨는 모냥을 확인하세요. 네. 지금은 마크업 깨집니다 ㅡㅜ

처음엔 Google API에서 지원하는 PHP 라이브러리를 사용해보려고 했으나,  Zend Framework이 필요함을 알고 한번 좌절. 하지만 열나 스마트한 구글직원들이 Javascript Client Library까지 지원해주고 있군. 음. 자바스크립트... 디버그와 수많은 undefined 오류를 헤쳐나갈 수 있을까를 잠시 고민하다가 샘플 코드를 따라해보기 시작.

음 이거 할만하군. document도 꽤나 잘 되어있어서 좋군. 하다가 어느새 텍스트큐브 플러그인 화일에 코드를 우겨넣고 있는 자신을 발견 ㅡㅡ;;

기념일을 잘 관리하면 나이스한 사람이 되니까 플긴 이름은 Be NICE로 하자~
구글API랑 캘린더 피드 URI는 텍스트큐브에서 관리하게 하고~
피드에서 엔트리 추출하고, 엔트리에서 타이틀하고 시간하고 URL 추출하고~
화면에는 적당한 div 하나 정해서 안에다 쏟아붓자 랄라~
음 일정이 너무 많으면 화면 길어지니까 페이징을 할 수 없을까?
오오.. 쿼리가 있군 ㅋㅋㅋ 이걸 써볼까나~
센터 플러그인으로 먼저 만들고, 같은 함수로 사이드바에서 쓰게 하려고 했더니 마크업이 깨지네 ㅡㅡ;
음... 오늘은 여기까지. 여러분 아름다운 밤이에요 ㅡㅜ

차후에 시간이 있으면 일정 입력, 수정, 삭제까지 해볼끄나

Posted by 망고

07 28, 2008 00:56 07 28, 2008 00:56
,
Response
No Trackback , 5 Comments
RSS :
http://www.shimminkyu.com/tc/rss/response/846

사용자 삽입 이미지
텍스트큐브(구 태터툴즈)의 플러그인 중에 배너출력이라는 플러그인이 있다. 제목 그대로 사이드바에 특정 배너를 링크해주는 기능을 가진 플러그인이다.

본래 기능이 그러한 대도 불구하고, 필자는 전혀 다른 방법으로 이 플러그인을 잘도 사용하고 있으니..., 본 블로그의 사이드바에 떡하니 떠있는 오픈유어북과 구글 애드센스가 바로 그것이다.

배너출력 플러그인을 사용하도록 설정하면 사이드바에 두 가지 추가할 수 있는 모듈이 생성되는데, 하나는 이미지를 링크하는 모듈이고 다른 하나는 코드를 삽입할 수 있는 모듈이다. 우리가 활용할 수 있는 것은 바로 후자의 코드용 모듈. 코드를 통해 배너를 가져와야 하는 기능을 이용하여  웹서비스 데이터를 가져오는 기능으로 활용하는 것이다.

방법은 간단하다.
  1. 플러그인 메뉴에서 배너출력 플러그인을 사용하도록 설정
  2. 스킨>사이드바 메뉴에서 배너출력::CodeBanner 모듈을 사이드바에 추가
  3. 편집버튼을 클릭하여 코드 입력
예로 오픈유어북 위젯을 사이드바에 출력되도록 해보자. 오픈유어북은 온라인에 자신의 서재를 관리할 수 있는 웹서비스로 블로그에 읽고 있는 책과 최근에 읽은 책을 보여주도록 하는 위젯 기능을 제공한다. 오픈유어블로그에서 제공하는 위젯 코드는 다음과 같다. (여기서 heartonbit는 본인의 아이디로 대체될 것이다.)

<script language="javascript" type="text/javascript" src="http://openyourbook.net/lifelog_v2.php?user_id=heartonbit"></script>

이 코드를 사이드바에 추가된 배너출력::CodeBanner의 편집버튼을 클릭하여 입력하도록 하자. 입력을 하고 전송버튼을 클릭하면 완료. 블로그 메인 화면으로 가면 사이드바의 해당 모듈의 위치에 오픈유어북 위젯이 출력되는 것을 확인할 수 있을 것이다.

같은 방식으로 구글 애드센스 코드를 추가하는 것도 가능하다. 마치 웹서비스를 플러그인처럼 활용할 수 있으니 가히 플러그인의 플러그인이라 할 만하다. 만드신 겐도님께 감사.

PS) 플러그인 이상하게 쓴다고 없애는 건 아닐지 ㅡㅡ;;;

오픈유어북 바로가기
위젯 코드는 오픈유어북의 개인정보수정 메뉴에 있다.

Posted by 망고

08 28, 2007 14:14 08 28, 2007 14:14
,
Response
No Trackback , a comment
RSS :
http://www.shimminkyu.com/tc/rss/response/597

사용자 삽입 이미지
언제부턴가 텍스트큐브(구 태터툴즈)에 우리말 맞춤법 검사기라는 플러그인이 생겼다. 사실 지금까지 눈여겨보지 않았기에 있는지도 모르고 있었던 기능인데, 얼마 전 텍스트큐브로 업그레이드를 하고 나서 발견하게 되었다. 요거요거 물건이다.

맞춤법이란 게 좀처럼 어려워서 대학씩이나 나왔다는 (요즘엔 다 나오지마는) 나조차도 띄어쓰기는 기분대로 하는 형편이다. 그렇다고 교정일을 보는 것도 아니니, 맞춤법에 맞추어 글을 쓰고 싶은 마음은 있지만 굳이 찾아봐 지지 않는 귀찮음이 있는 것이 또 맞춤법이다. 하지만, 이젠 죄책감을 털고, 밝은 세상으로 나아가자. 우리말 맞춤법 검사 플러그인을 가지고. (홈쇼핑 분위기로)

코드를 살펴보니 맞춤법 검사기 플러그인은 텍스트큐브를 개발하는 TNF에서 플러그인을 담당하시는 J.Parker 님께서 개발하셨고, 맞춤법 검사 모듈은 부산대학교의 우리말 배움터에서 제공하고 있다. 오류나 업그레이드시 바로 피드백을 기대할 수 있는 안전한 플러그인이다.

사용자 삽입 이미지
사용하는 방식은 플러그인을 키면, 글쓰기 페이지 아래쪽에 "맞춤법검사"라는 버튼이 보인다. 글을 작성한 후 이 버튼을 클릭하면 맞춤법 오류를 알려주는 창이 뜬다. 검사 결과가 놀라우리만큼 정확하여 읽는 동안 공부가 될 정도다. 교정하시는 분들의 수고가 꽤 줄어들 것 같다.

한가지 제안이 있다면, 맞춤법 검사기 창에서 오류 부분을 클릭하면 원본글의 해당 부분으로 포커스를 옮겨주도록 하면 긴 글을 쓸 때 유용할 것 같다.

요즘은 글을 쓰고 나면 습관적으로 (점수 매기듯이) 맞춤법검사 버튼을 눌러보곤 한다. 아직은 꽤 틀린 부분이 많지만 사용을 하면 할수록 오류 창을 줄일 수 있을 것 같다. 외국어 공부에 온 사회가 올인하고 있는 요즘, 블로그에 글 쓸 때라도 우리말 공부 잠깐씩 어떨까.

PS) "OTL" 은 '좌절' 정도를 뜻하는 그림말이라고 나온다. ^^

PS2) 티스토리에서 사용가능한지 궁금해하시는 분들이 많은데, 확인해보니 2007년 8월 27일 현재 설치되지 않은 기능이다. 맞춤법 검사가 급히 필요하신 분들은 아쉬운대로 엔진을 제공하는 우리말 배움터에서 직접 맞춤법 검사기를 실행할 수 있는 방법이 있다.

우리말 배움터 바로가기

사용자 삽입 이미지
페이지 오른쪽에 왼쪽과 같은 배너가 있다. 이를 클릭하면 해당 검사 페이지로 이동한다.

Posted by 망고

08 27, 2007 18:09 08 27, 2007 18:09
,
Response
No Trackback , 11 Comments
RSS :
http://www.shimminkyu.com/tc/rss/response/595


Recent Photo

recent photo from http://mangolog.tistory.com/ from Mango PhotoLog

Stay Foolish, Stay Hungry.

- 망고

Authors

  1. 망고

Schedule

«  »
with Google Calendar API

Site Stats

Total hits:
189846
Today:
86
Yesterday:
234

Link