Javascript 如何构建';可嵌入小部件';?

Javascript 如何构建';可嵌入小部件';?,javascript,ruby-on-rails-3,Javascript,Ruby On Rails 3,我的webapp使用Rails和JS,我希望用户能够将上传到任何博客/站点的图像嵌入其中 从开发的角度来看,我需要知道什么才能创建生成“嵌入”链接的功能。它可以是像YouTube那样的链接,也可以是JS代码片段或任何东西 我只是想从高层次上了解我需要做什么以及如何继续 谢谢。我会尝试使用iframe。我创建了一个使用javascript的小部件,并将其全部放在我网站上托管的一个html文件中。然后我给出了一个类似这样的iframe片段,例如 <iframe src="http://mywe

我的webapp使用Rails和JS,我希望用户能够将上传到任何博客/站点的图像嵌入其中

从开发的角度来看,我需要知道什么才能创建生成“嵌入”链接的功能。它可以是像YouTube那样的链接,也可以是JS代码片段或任何东西

我只是想从高层次上了解我需要做什么以及如何继续


谢谢。

我会尝试使用iframe。我创建了一个使用javascript的小部件,并将其全部放在我网站上托管的一个html文件中。然后我给出了一个类似这样的iframe片段,例如

<iframe src="http://mywesbite.com/myWidget.html"></iframe>


用户只需将iframe片段放到他们的网站中,就可以了

我来这里参加聚会有点晚了,但我只是想补充一下雅各布的答案

通过使用iframe src中的查询参数,您可以轻松地允许用户自定义嵌入内容(可能选择亮显暗显文本与暗显暗显文本,以更紧密地匹配页面的环境/设计):

<iframe src="http://___.com/widget?theme=light&size=large"></iframe>

当然,您可能希望构建一个UI,允许用户进行这些不同的更改。。。您不能期望普通用户手动完成此操作:)


如果你想要一个最好的场景,Vimeo定制嵌入式视频的UI非常好

我不打算写一个完整的答案,因为我不确定我是否完全理解这个问题,但是你不能只写一个生成一些标记的helper方法吗?嗯……我的意思是它将如何工作。但是雅各布很好地回答了这个问题。啊……这实际上是有道理的。所以我想我必须让Rails呈现为html或类似的东西。这是有道理的。谢谢,不客气!我曾经尝试使用嵌入创建一个小部件,但我很快就发现嵌入只适用于flash等插件,这就是youtube有嵌入标签的原因。事实上,我刚看了youtube,猜猜怎么着!他们现在使用iframe标记。查看任何youtube视频,按share,然后嵌入并显示iframe代码!这很有趣…所以我要做的就是确保生成的html可以公开访问,我很乐意去做。这确实很有趣。我把它放在我的网站ftp服务器上。但是我也试过了,我把html文件上传到了一个名为Dropbox的文件共享站点,我把iframe代码的src放到了Dropbox提供的共享链接中。这只是另一种选择,但我回到了第一种方式(在我的网站服务器上),因为Dropbox的带宽限制比我的网站带宽限制小得多,因此我切换回了第一种方式。但有趣的是,iframe可以链接到Dropbox上的文件,也可能链接到其他文件共享站点。祝你好运!