允许用户将我的内容嵌入到他们的网站中-PHP

时间:2018-10-07 07:04:27

标签: php css html5

我正在构建一个Php应用程序,我想为用户提供通过可嵌入代码将我的内容嵌入他们自己的网站的选项。

换句话说,我想要一个页面上有一些内容,并带有一个显示“嵌入” 的按钮。当用户单击该按钮时,将出现一小部分可嵌入的代码,可以将其复制并粘贴到其博客中,等等。这将显示我页面中的内容。

解决此问题的最佳方法是什么?请尽量描述一下,因为我对此很陌生。谢谢!

3 个答案:

答案 0 :(得分:1)

您应该检查来自Twitter或youtube等网站的其他嵌入代码,每种代码都显示了不同的方式,具体取决于您要嵌入的内容。

您可以制作一个javascript文件,以提供格式(样式)并在需要时异步获取数据,并使用您要插入的文本生成一些html。

因此给定的代码可能类似于:

<blockquote class="my-class">My ccontent</blockquote>
<script async src="https://mywebsite.com/embed-javascript/javascript-file.js></script>

如果您使用类似的方法,请确保仅影响代码的样式和行为。

答案 1 :(得分:0)

您可以创建一个嵌入按钮,然后通过更改显示来显示要复制的代码,而使用jQuery则容易得多。

function showEmbed() {
  $("#code").css("display", "block");
}
textarea {
  display: none;
  font-family: monospace;
  min-width: 100%;
  min-height: 50px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button onclick="showEmbed()">Embed</button><br>
<textarea id="code"><iframe src="//www.google.com.au/"></iframe></textarea>

答案 2 :(得分:0)

正如其他用户所建议的那样,是使用他们将嵌入的javascript代码段。该脚本将根据一些参数动态创建HTML内容。

另一种方法是使用 iframe 。如果可以这样的话,这就是 OLD SCHOOL 方法。

但是方法取决于内容类型。

如果您仅要使用简单的html,请使用第二个html,因为javascript是在客户端执行的,因此易碎

我建议您给我们一些代码示例,以便我们给您更准确的答案。 祝你好运!