【发布时间】:2021-10-13 10:06:38
【问题描述】:
我正在尝试构建一个嵌入 HTML 系统,任何人都可以在其中复制和粘贴代码 sn-p 到他的网站中以显示它。为此,我在 jquery 部分中编写了所需的代码。我想将该代码传递给特定的 div,以便该代码作为源代码运行。
jquery 部分:
$(document).on("click", "#embedLink", function () {
var textArea=$("#textArea");
var url = $('#headerInput').val();
$("#framInput").val(url);
var iframe =document.getElementById('ifrm');
var html= '<iframe id="ifrm" src="'+url+'"width="100%" height="600" frameborder="0"disable></iframe>';
textArea.append(html);
});
刀片模板:
<div name="" id="textArea">
</div>
我想在 div(id="textArea") 元素中传递 html 值。然后我想这样显示......
<iframe id="ifrm" src="'+url+'"width="100%" height="600" frameborder="0"disable></iframe>
怎么做?
【问题讨论】:
-
您是否尝试从用户输入中获取 url 并在 iframe 中显示该页面?
标签: php jquery laravel embed code-snippets