Javascript 如何按原样将数据提交到另一个文件

我创建了一个文件

upload.php

，用户可以在其中上传标题、文本、图像以及设置颜色、背景色。根据他们的愿望，。但如何按原样提交这些数据。为此，我使用jquery和javascript。比如说

创建标题。（我不是在写完整的脚本，但如果有人需要，我可以更详细地解释）

$（“#按钮1”）。单击（函数（）{var heading=$（“”）。attr（{contenteditable:“true”}）；
$（“div”）。附加（标题）；}）；

如果用户希望通过单击按钮2创建简单文本

$("#button2").click(function(){var paragraph=$("<p></p>").attr({contenteditable:"true"});
                                  $("div").append(paragraph);});

$（“#按钮2”）。单击（函数（）{var段落=$（“
”）。属性（{contenteditable:“true”}）；
$（“div”）。附加（段落）；}；

若用户想先插入图像，他必须上传文件（长php脚本），然后通过

$("#button3").click(function(){var image= $("<img>")
.attr({src:"images/<?php echo $_FILES["img"]["name"];?>"});
$("div").append(image);});

$（“#按钮3”）。单击（函数（）{var image=$（“”}）；
$（“div”）.append（image）；}）；

用户也可以使用颜色来设置背景色

<input type="color" id="background"> <button type="button" onclick="setbackground()">
<script>
function setbackground(){document.getElementsByTagName("div").style.backgroundColor=document.getElementById("background").value;

函数setbackground（）{document.getElementsByTagName（“div”）.style.backgroundColor=document.getElementById（“background”）.value；

但问题是当用户完成所有他想写的东西时，上传。现在他如何提交它，以便它可以安全地上传到网站上（即携带用户制作的所有效果）。

---

我尝试使用

和php，但使用

实现所有css效果很困难，我使用的是

而不是
。因此使用
很困难。我很困惑。它有点复杂，但请帮助。我不是问整个脚本，只是一个提示会给我一些方向
 我建议一个简单的解决方案

通过使用
.html（）

例如：

您可以将其用作字符串，并以您想要的方式保存，以后也可以复制它

例如：

注意：请为您的div提供唯一ID，并使用唯一ID进行附加。
我建议一个简单的解决方案

通过使用
.html（）

例如：

您可以将其用作字符串，并以您想要的方式保存，以后也可以复制它

例如：

注意：请为您的div提供唯一ID，并使用唯一ID进行追加。
追加到
$（“div”）
将指向htmldon中存在的所有div。不用担心。这只是我在real script中将id设置为div的一个示例。您可以假设它们只有一个div.ohk，，那么如果
$（“div”）后面只有一个div就可以了
将指向htmldon中存在的所有div。不用担心。这只是我在real script中将id设置为div的一个示例。您可以假设它们只有一个div.ohk，，如果只有一个div就可以了
<input type="color" id="background"> <button type="button" onclick="setbackground()">
<script>
function setbackground(){document.getElementsByTagName("div").style.backgroundColor=document.getElementById("background").value;

var user_html = $("your main div").html();

 $("your main div").html(user_html);