포럼
Google Drive API를 이용하는 에디터 스킨
2014.05.04 16:47
http://www.xpressengine.com/webmasters/22704502
@foret님이 작성하신 위의글에 나와있는 google drive api예제를 에디터에 붙여봤습니다.
사용이 제한적이지만 더이상 진전이 없을꺼 같아서 여기서 포기하고 혹시 필요하신분이 계실까봐 공개합니다 ㅡ,.ㅡ
이 자료에는 아래의 문제가 있으니 확인하시고 사용하시기 바랍니다.
1. IE에서는 작동하지 않습니다. (크롬, 파폭에서 정상 동작 확인 했습니다)
2. 사용시 구글 로그인이 필요해서 계정 정보를 알고있는 google drive의 주인만 이용 가능합니다. (블로그(?) 형태의 운영???)
자료를 내려 받으신 후 ./modules/editor/skins/xpresseditor_gDrive에 설치하시고 에디터 스킨을 xpresseditor_gDrive로 선택하시면 됩니다.
우선 구글에 로그인 하신 후 Google Drive API를 활성화 시켜주시고 Client ID를 발급 받습니다.
Client ID를 발급받으실때는 Application type을 "Web application"을 선택하시면 됩니다.
Client ID형식은 xxxxxxxxxxx.apps.googleusercontent.com 입니다.
editor.html를 열어서 450 라인의 <CLIENT-ID>부분에 발급받은 Client ID를 입력합니다.
data-clientid="<CLIENT-ID>"
구글 드라이브에 접속 후 자료 저장용으로 사용할 폴더를 하나 생성합니다. 추후 에디터에서 파일을 업로드하면 이폴더 아래에 저장이 됩니다.
방금 만든 폴더를 오른클릭해서 공유버튼을 누릅니다.
액세스 권할 부분의 변경 버튼을 눌러서 "링크가 있는 모든 사용자가 볼 수 있습니다."로 변경 합니다.
위의 링크 부분에서 id=다음 부분이 필요하니 복사해 놓습니다.
js/upload.js를 열서서 84라인의 <FOLDER-ID>부분에 위에서 복사한 id값을 붙여넣습니다.
여기까지 하면 설정부분은 끝이 납니다.
'parents':[{'id':'<FOLDER-ID>'}] //공유폴더 id값
구글 로그인이 안된상태에서는 아래처럼 로그인 버튼이 보이며...
로그인이 이뤄지면 아래처럼 파일 첨부창이 보여지게 됩니다.
파일은 Drop영역에 끌어다 놓거나 버튼을 이용해서 업로드할 수 있습니다.
파일이 업로드된 후에는 아래쪽에 아이콘이 나타나며 이미지의 경우는 미리보기, 다른 파일일경우 대표아이콘이 표시됩니다.
이 아이콘을 클릭하면 본문에 삽입이 되며 이미지의 경우는 img태그, 그외 파일은 a태그 행태로 삽입이 됩니다.
댓글 13
-
LI-NA
2014.05.04 17:46
-
키스투엑스이
2014.05.04 19:29
잘만 만진다면 아이디 하나를 자동으로 로그인 되게 한 이후 그 아이디로만 올릴 수 있겠는데요?
즉 다른 회원도 이용할 수 있겠금..
재밌는자료 잘보고 갑니다. -
여우별다솜
2014.05.05 06:40
비슷한 예로 전 테스트용으로 유튜브 채널을 공개채널로만들고 제 홈페이지를 통해 동영상을 업로드할수있게 해뒀습니당..ㅎㅎ
-
마래바
2014.05.06 09:46
그러게요..
구글 아이디 하나만 설정해서 자동 로그인, 그 아이디를 이용해 이미지 등을 올리고 이미지 링크를 거는 방식으로 할 수 있을 것 같은데. 아이디어만..
-
eple123
2014.05.06 21:08
커뮤니티라면 좀 그렇긴한데
혼자쓰는 블로그 같은 곳에서는 꽤 유용한 기능인것 같습니다.
-
foret
2014.05.11 04:54
우와, 감사합니다. 잘 쓸게요!! ㅎㅎ
-
socialskyo
2014.05.11 09:24
이것도..맥..사파리에서 drag&drop이..안되요..T.T
-
Azpi
2014.09.18 12:30
정말 좋은 자료 배포해주셔서 감사합니다 그런데
음악 파일이나 동영상 파일은 embed 등으로 삽입될 수 있게끔 할 수 있을까요?
이미지파일을 제외하면 본문 삽입 후 다운로드만 가능해버려서 아쉽습니다 ㅠㅠ
-
배워서남준다
2014.09.19 01:53
웹어플리케이션이 아닌 서비스계정으로 등록해서 하면 드라이브 계정 주인이 아니어도 업로드 가능합니다.
다만... 파일의 소유자가 작성자가 아닌, 드라이브 주인이름으로만 등록이 되서 자료 수정 편집은 소유자가 해야하고요.
관련 사이트에 보면 함수중에 소유자 변경 함수도 있던데 저는 잘 안되더군요...
업로드된 파일의 소유자가 글 작성자로 바꿀 수만 있으면 딱인데...
사실 이것만 되면 구글드라이브 유료로 용량 늘려서 사용하려고까지 했는데 이게 안되서... ㅜ.ㅜ
-
Azpi
2014.09.19 17:03
와 가능만 하다면 정말 신박하겠네요.. 배워서남준다님께 기대합니다! (유료일지라도..!!)
-
qwertylife
2017.09.23 10:16
배워서남준다님!
저 모듈그대로 받아다가 서비스계정을 입력만하면 되는 건가요??
-
Azpi
2014.09.20 11:21
아.. 한가지 아쉬운게.. 일반 첨부기능을 같이 사용할 수 없네요. 이거 수정좀 부탁드려도 될런지,,
-
qwertylife
2017.09.18 17:55
저... 이거 최신 코어에서는 작동 안하나요?? 하라는대로 했는데 작동이 안하네요..
글쓴이 | 제목 | 최종 글 |
---|---|---|
정희 | iOS11 사파리에서 발생하는 댓글 작성 로그인 안되는 오류 + 해결방법 [2] | 2018.01.18 by 정희 |
ToFinder | nzeo.com 은 언제 연결해주실려나? [7] | 2018.01.17 by Dotcomsoft |
쥬르 | 페이지 제한 [2] | 2018.01.12 by 키큰아이 |
이온디 | XE 오픈소스마켓을 열였습니다. | |
MadhukarBM | Xedition이 작동하지 않습니다. 해결책을 제안 해 주시겠습니까? [6] | 2018.01.02 by MadhukarBM |
NOVCUBE | 관리가 안되는 모듈 애드온 레이아웃이 워낙 많아서 고민이네요. | |
쿨린아 | 클라우드플레어 비지니스 사용해보신분있나요?? [4] | 2017.11.24 by ryush00 |
DOCHIS | PHP 업그레이드 이후 PHP코드가 컴파일되지 않고 그대로 출력되는문제, [2] | 2017.11.10 by DOCHIS |
kdp | 애드온 아이디어 받습니다. [12] | 2017.11.03 by 네모세상 |
패턴스토리 | XE3에 대한 생각 [1] | 2017.10.03 by pmacsoft |
prologos | Google Drive API를 이용하는 에디터 스킨 [13] | 2017.09.23 by qwertylife |
지나니 | 게시판 저장에서 '잘못된 요청입니다' 메세지 | |
zartin | 이것좀 만들어 주세요. [2] | 2017.09.10 by Lamia |
에디트컴 | 오랜만에 왔는데 너무 좋아졌는데요 | |
세종위자드 | 첨부파일을 외부로! 애드온 배포합니다. (2차 수정) [17] | 2017.09.06 by 녹색사랑 |
mojo | XE3, 그리고 ROUTE | |
수빈409 | 네이버 analytics API 중단되었나요? | |
제이엔지 | 지금은 그냥 포럼이지만 | |
라르게덴 | XE코어에 일본어 번역을 하고 있습니다. [11] | 2020.03.14 by if_n**** |
쿡래빗 | xe 템플릿 문법(cond)이 적용이 안되는 호스팅? [10] | 2020.03.14 by 이온디 |
재미있는 기능이네요. :)
자동으로 로그인을 하면 해당 드라이브에 올리고 공유가 된다면 참 좋으련만...