gpt4 book ai didi

javascript - 将
...
导出为包含所有资源的 html 文档(如在线网页模板生成器)

转载 作者:行者123 更新时间:2023-11-28 06:39:57 35 4
gpt4 key购买 nike

我目前正在使用 js、jQuery、Ajax、jsp 和 html 构建一个具有拖放功能的在线网页创建器。我在通过拖放内容完成 bage 后寻找代码来发布模板。

中构建的模板
<div>..</div>

标签本身。我必须将它创建为带有演示页面的单独 html 文档。DIV 标签的资源(css 和 js)也应该导出。我必须在服务器端存储新的 htmldocument。

任何人都可以建议我实现我所说的方法吗?如果您知道任何教程,请建议我。

最佳答案

您将需要 JS 和 PHP 来将 HTML 内容存储到服务器上的文件中。

首先使用.html() 获取包装内容。我建议将所有内部 HTML 转移到某个模板 ($('#file-wrapper html body').html($('#other-content-div').html());:

<script id="file-wrapper" type="template">
<!DOCTYPE html>
<html>
<body>Hello World!</body>
</html>
</script>

var fileContent = $('#myWrapper').html();

现在将该内容发送到服务器:

$.ajax({
url: 'save.php',
type: 'POST',
data: {fileContent: fileContent},
dataType: 'json'
success: function (json) {
if (json.status) {
// saved
} else {
// not saved
}
}
});

在 PHP 端检查您是否收到任何内容并使用 file_put_contents 将其保存到文件中:

if (!empty($_POST['fileContent'])) {
$filePath = __DIR__.'/custom-html-'.date('Y-m-d').'-'.rand(0, 9999).'.html';

file_put_contents($filePath, $_POST['fileContent']);

echo json_encode(array('status' => true, 'message' => 'File saved'));
} else {
echo json_encode(array('status' => false, 'message' => 'No data received'));
}

关于javascript - 将 <div>...</div> 导出为包含所有资源的 html 文档(如在线网页模板生成器),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34356460/

35 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com