[해피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

• 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