在网站上嵌入博客内容

Question

我可能会以完全错误的方式解决这个问题，但我正在学习这是一个很好的体验。这是我目前的问题：

我有一个网站，它有很多组件，其中一个是博客。我正在使用flatpress运行博客，它很简单，我喜欢它。我已经将博客输出/帖子格式化为嵌入在我网站的主要部分（它更像是设计而非功能）。

我不确定使用iframe是个好主意，主要是因为，如果我选择在我的博文中添加图片，他们会使用slimbox2（灯箱克隆），点击后，他们的叠加层只会在iframe中打开。我不确定如何让他们在父母的iframe外面打开。

或者，我以为我可以使用jquery，la：

嵌入博客内容

$("#testLoad").load("http://url/flatpress #content-main");

在一个div容器中（它只是看起来很乱，并且不服从任何博客的css /脚本），所以我无法让它工作，我正在寻找有关如何实现我的博客内容的指导嵌入和图像叠加以正常运行。

谢谢！

2 个答案:

答案 0 :(得分：1)

Window.postMessage允许您将iframe中的图片等信息发送到博客主页。

postMessage文档 https://developer.mozilla.org/en-US/docs/DOM/window.postMessage

我看到的第一个演示，当我快速搜索它时（没试过但看起来不错） http://davidwalsh.name/window-iframe

答案 1 :(得分：1)

考虑到灯箱的使用，iFrame解决方案听起来并不像您真正想要的那样。您是否可以发布链接，以便我们了解您的CSS会发生什么？

Answer 1

Window.postMessage允许您将iframe中的图片等信息发送到博客主页。

postMessage文档 https://developer.mozilla.org/en-US/docs/DOM/window.postMessage

我看到的第一个演示，当我快速搜索它时（没试过但看起来不错） http://davidwalsh.name/window-iframe

Answer 2

考虑到灯箱的使用，iFrame解决方案听起来并不像您真正想要的那样。您是否可以发布链接，以便我们了解您的CSS会发生什么？