일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- #솔루션
- 해피씨지아이
- 해피CGI
- happycgi
- #happycgi
- 사이트제작
- #jQuery
- 홈페이지제작
- #CSS
- php
- javascript
- #홈페이지
- #image
- 솔루션
- #동영상
- CSS
- #업종별
- jquery
- #이미지
- #홈페이지제작
- CGIMALL
- #cgimall
- 홈페이지
- #웹솔루션
- 쇼핑몰
- 웹솔루션
- 게시판
- #쇼핑몰
- #해피CGI
- #뉴스
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] CKEditor 플러그인 oEmbed 본문
* ckeditor - oEmbed
- 이 플러그인은 각종 동영상, 이미지, 음악 등 미디어를 삽입하는데 도움을 줍니다.
- 미디어가 포함된 단축 URL을 입력하면 미디어가 자동으로 삽입 됩니다.
* 라이센스(무료)
- GPLV3, LGPL3, MPL
* 설치방법
- 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다.
예) http://example.com/ckeditor/plugins/oembed
- ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다.
config.extraPlugins = 'oembed';
- 툴바에 추가된 아이콘을 눌러 미디어가 포함된 URL을 입력합니다.
- [예] 를 누르면 아래처럼 미디어가 삽입 됩니다.
- 단축 URL을 사용할 수 있는 사이트는 다음과 같습니다.
Video
- 이 플러그인은 각종 동영상, 이미지, 음악 등 미디어를 삽입하는데 도움을 줍니다.
- 미디어가 포함된 단축 URL을 입력하면 미디어가 자동으로 삽입 됩니다.
* 라이센스(무료)
- GPLV3, LGPL3, MPL
* 설치방법
- 플러그인 파일을 다운로드 받아 ckeditor 가 설치된 폴더내 plugins 폴더안에 업로드 합니다.
예) http://example.com/ckeditor/plugins/oembed
- ckeditor 의 설정파일인 config.js 파일을 열어 아래 소스를 추가합니다.
config.extraPlugins = 'oembed';
- 툴바에 추가된 아이콘을 눌러 미디어가 포함된 URL을 입력합니다.
- [예] 를 누르면 아래처럼 미디어가 삽입 됩니다.
- 단축 URL을 사용할 수 있는 사이트는 다음과 같습니다.
Video
- Youtube - oembed - YQL
- Blip - oEmbed
- Hulu - oEmbed
- Vimeo - oEmbed
- National film board of Canada - oEmbed
- Qik - oEmbed
- Dotsub - oEmbed
- Clikthrough - oEmbed
- Kino Map - oEmbed
- Funny Or Die - Embedded
- College Humour - Embedded
- Metacafe - Embedded
- embedr - Embedded
- 5min - oEmbed is XML only - using YQL to translate it
- ustream.tv - oEmbed is not JSONP enabled - using YQL to translate it
- viddler - OGP
- twitvid - Embedded
- bambuser - Embedded
- xtranormal - Embedded
- Gametrailers - Embedded
- Vzarr - Embedded
- VHX - oembed
- bambuser - oembed
- dailymotion.com - oembed
- animoto - oembed
- justin.tv - YQL JSON
- livestream - OGP
- scivee - embedded
- veoh - embedded
- minoto-video - oembed using YQL
- TrailerAddict - OGP
- vodpod - oembed YQL - broken as the oembed has absolute positioning which breaks the display
- fora.tv -OGP YQL
- TED - OGP YQL
- Aniboom - embedded
- Comedy Central - OGP
- snotr - embedded
- zapiks - OGP
- youku - embedded
- wistia - Oembed
Audio
- Soundcloud - oEmbed
- HuffDuffer - oEmbed
- BandCamp - YQL and Embedded
- podomatic - OGP
- rdio.com - oEmbed
- hark.com - OGP
- chirb.it - YQL and oembed
- official.fm - YQL and oembed
- mixcloud - YQL and oembed
- shoudio - oembed
- audioboo.fm - OGP
- Spotify - OGP YQL
Photo
- flickr - oEmbed
- photobucket - oEmbed
- instagram - oEmbed
- yfrog - oEmbed
- 23HQ - oEmbed
- Smugmug - oEmbed
- twitpic - OGP YQL
- 500px.com - OGP
- visual.ly - YQL Lookup
- img.ly - Thumbnail view
- imgur.com - Thumbnail view
- twitgoo.com - Thumbnail view
- gravatar - Thumbnail view when using mailto
- pintrest - YQL - Embedded view of a sort.
- circuitlab - image view
- skitch - YQL oembed
- graphic.ly - OGP
- dribble - jsonp lookup
- Lockerz - YQL lookup
- AsciiArtFarts - YQL Lookup
- lego cusoo - OGP over YQL
- plannary - OGP over YQL
- propic - OGP
- avairy.com - OGP
- lomography - ogp
- weheartit - ogp
- glogster - ogp
- chart.ly - embedded
- twitrpix - OGP
- chictopia - OGP
Rich
- Meetup - oEmbed
- gigapans - Embedded
- Slideshare - oEmbed
- ebay - Embedded
- scribd - Embedded
- screenr - Embedded
- tumblr- JSONP lookup
- imdb - JSONP lookup via imdbapi.com
- wikipedia- JSONP lookup
- github- JSONP lookup (CSS)
- eventful - OGP
- myspace - OGP
- live Journal - JSONP Lookup (CSS)
- wordpress - oEmbed (wordpress.com, wp.me, blogs.cnn.com, techcrunch.com). I can add other wordpress sites as well.
- circuitbee -Embedded
- stack overflow - JSONP Lookup (CSS)
- Facebook - JSONP Lookup (CSS)
- Pastebin - Embedded
- Pastie - YQL lookup
- kickstarter - Embedded
- issuu - OGP
- reelapp.com - Embedded
- Etsy - OGP over YQL
- Amazon - Embedded - Requires Affiliate code
- linkedin - Embedded IFRAME - found a link that works :)
- Lanyrd - YQL (CSS)
- twitter - Oembed - status only - but that is ok I think
- github gist - oembed
- speakerdeck - yql oembed
- dipity - yql oembed
- dailymile - oembed
- deviantart - oembed
- Roomshare Japan - oembed
- mobypictures - oembed
- prezi - embedded
- popplet - embedded
- authorstream - OGP
- googlecalendar - Iframe
- cacoo - oembed
- pearltrees - embedded
- urtak - oembed - is broken in iframe return atm -seems to be an embed.ly issue??
- jotform - embedded
- Urban Dictionary - YQL lookup
- Ars Technica - YQL Lookup
- Eventbrite - OGP YQL
- last.fm OGP YQL
- Rotten Tomatoes - OGP YQL
- iFixit - OGP
- qwiki - OGP
- brighttalk - Meta info
- tinychat - OGP
- tourwrist - embedded
- bnter - OGP
- bigthink - OGP
- wirewax - OGP
- whosay - OGP
- timetoast - embedded
- tripline - OGP
- jsfiddle - embedded
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] Skitter Slideshow for anytime (0) | 2017.11.29 |
---|---|
[해피CGI][cgimall] 동영상도 가능한 반응형 슬라이드 (0) | 2017.11.28 |
[해피CGI][cgimall] 체크박스와 함께 사용가능한 Multiple Select (0) | 2017.11.28 |
[해피CGI][cgimall] 프랜차이즈(치킨) 홈페이지 - 업종별 (0) | 2017.11.24 |
[해피CGI][cgimall] Jquery Responsive-Tabs (0) | 2017.11.24 |
Comments