meniam/ckeditor_oembed_plugin

此插件允许通过OEmbed API插入嵌入式内容(如照片、视频、音频和其他丰富媒体)。您只需提供要嵌入的网站的URL(即使URL被缩短也能工作),插件会完成其余工作。

安装次数: 3,624

依赖项: 0

建议者: 0

安全: 0

星级: 0

关注者: 1

分支: 40

语言:JavaScript

1.0.0 2015-04-17 23:34 UTC

This package is not auto-updated.

Last update: 2024-09-14 16:55:38 UTC


README

CKEditor的oEmbed插件

此插件允许通过OEmbed API插入嵌入式内容(如照片、视频、音频和其他丰富媒体)。您只需提供要嵌入的网站的URL(即使URL被缩短也能工作),插件会完成其余工作。

此插件使用位于https://github.com/starfishmod/jquery-oembed-all的jquery-oembed-all插件。

####演示

http://w8tcha.github.com/CKEditor-oEmbed-Plugin/

####当前支持的网站...

###视频

  • Youtube - oembed - YQL
  • Blip - oEmbed
  • Hulu - oEmbed
  • Vimeo - oEmbed
  • 加拿大国家电影局 - oEmbed
  • Qik - oEmbed
  • Dotsub - oEmbed
  • Clikthrough - oEmbed
  • Kino Map - oEmbed
  • Funny Or Die - Embedded
  • College Humour - Embedded
  • Metacafe - Embedded
  • embedr - Embedded
  • 5min - oEmbed仅支持XML - 使用YQL进行转换
  • ustream.tv - oEmbed不支持JSONP - 使用YQL进行转换
  • 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使用YQL
  • TrailerAddict - OGP
  • vodpod - oembed YQL - 因为oembed有绝对定位,所以显示被破坏
  • fora.tv -OGP YQL
  • TED - OGP YQL
  • Aniboom - embedded
  • Comedy Central - OGP
  • snotr - embedded
  • zapiks - OGP
  • 优酷 - embedded
  • wistia - Oembed

###音频

  • Soundcloud - oEmbed
  • HuffDuffer - oEmbed
  • BandCamp - YQL和Embedded
  • podomatic - OGP
  • rdio.com - oEmbed
  • hark.com - OGP
  • chirb.it - YQL和oembed
  • official.fm - YQL和oembed
  • mixcloud - YQL和oembed
  • shoudio - oembed
  • audioboo.fm - OGP
  • Spotify - OGP YQL

###照片

  • flickr - oEmbed
  • photobucket - oEmbed
  • instagram - oEmbed
  • yfrog - oEmbed
  • 23HQ - oEmbed
  • Smugmug - oEmbed
  • twitpic - OGP YQL
  • 500px.com - OGP
  • visual.ly - YQL Lookup
  • img.ly - 缩略图查看
  • imgur.com - 缩略图查看
  • twitgoo.com - 缩略图查看
  • gravatar - 使用mailto时缩略图查看
  • pintrest - YQL - 一种嵌入式视图
  • circuitlab - 图像查看
  • skitch - YQL oembed
  • graphic.ly - OGP
  • dribble - jsonp查找
  • Lockerz - YQL查找
  • AsciiArtFarts - YQL查找
  • lego cusoo - OGP通过YQL
  • plannary - OGP通过YQL
  • propic - OGP
  • avairy.com - OGP
  • lomography - ogp
  • weheartit - ogp
  • glogster - ogp
  • chart.ly - embedded
  • twitrpix - OGP
  • chictopia - OGP

###丰富内容

  • Meetup - oEmbed
  • gigapans - Embedded
  • Slideshare - oEmbed
  • ebay - 内嵌
  • scribd - 内嵌
  • screenr - 内嵌
  • tumblr- JSONP 查询
  • imdb - 通过 imdbapi.com 的 JSONP 查询
  • wikipedia- JSONP 查询
  • github- JSONP 查询 (CSS)
  • eventful - OGP
  • myspace - OGP
  • live Journal - JSONP 查询 (CSS)
  • wordpress - oEmbed (wordpress.com, wp.me, blogs.cnn.com, techcrunch.com). 我还可以添加其他 wordpress 网站。
  • circuitbee - 内嵌
  • stack overflow - JSONP 查询 (CSS)
  • Facebook - JSONP 查询 (CSS)
  • Pastebin - 内嵌
  • Pastie - YQL 查询
  • kickstarter - 内嵌
  • issuu - OGP
  • reelapp.com - 内嵌
  • Etsy - OGP 通过 YQL
  • Amazon - 内嵌 - 需要联盟代码
  • linkedin - 内嵌 IFRAME - 找到可以工作的链接 :)
  • Lanyrd - YQL (CSS)
  • twitter - Oembed - 仅状态 - 但我认为这没问题
  • github gist - oembed
  • speakerdeck - yql oembed
  • dipity - yql oembed
  • dailymile - oembed
  • deviantart - oembed
  • Roomshare Japan - oembed
  • mobypictures - oembed
  • prezi - 内嵌
  • popplet - 内嵌
  • authorstream - OGP
  • googlecalendar - Iframe
  • cacoo - oembed
  • pearltrees - 内嵌
  • urtak - oembed - 目前在 iframe 返回中已损坏 - 看起来是 embed.ly 的问题?
  • jotform - 内嵌
  • Urban Dictionary - YQL 查询
  • Ars Technica - YQL 查询
  • Eventbrite - OGP YQL
  • last.fm OGP YQL
  • Rotten Tomatoes - OGP YQL
  • iFixit - OGP
  • qwiki - OGP
  • brighttalk - 元信息
  • tinychat - OGP
  • tourwrist - 内嵌
  • bnter - OGP
  • bigthink - OGP
  • wirewax - OGP
  • whosay - OGP
  • timetoast - 内嵌
  • tripline - OGP
  • jsfiddle - 内嵌

####许可

根据 MIT 许可证条款许可。

####依赖项 此插件需要以下插件才能运行:小部件、对话框。

####安装

  1. 在您可以使用此插件之前,您还需要下载并安装小部件插件,如果您尚未安装。 https://ckeditor.npmjs.net.cn/addon/widget
  2. 将文件内容提取到 CKEditor 的 "plugins" 文件夹中。
  3. 在 CKEditor 配置文件 (config.js) 中添加以下代码
config.extraPlugins = 'oembed,widget';

2a. 此外,您还可以设置最大宽度/高度的默认值

config.oembed_maxWidth = '560';
config.oembed_maxHeight = '315';

并且您还可以为嵌入内容包装器 (div) 定义一个 CSS 类,默认情况下没有定义类

config.oembed_WrapperClass = 'embededContent';
  1. 并且还可以将插件添加到工具栏中
toolbar :[ ... ['oembed']...]