gpt4 book ai didi

PHP - HTML - 预览功能

转载 作者:可可西里 更新时间:2023-10-31 23:17:48 24 4
gpt4 key购买 nike

今天我尝试制作一个 PHP 'HTML'-Editor,您可以编写您的“HTML”代码,预览它,然后将它发送到我的电子邮件。这是代码:

<?php 
ini_set('display_errors', 1);
error_reporting(E_ALL);
if (isset($_POST['submit'])){
// $to = file_get_contents('to.txt');
$to = "jonas.geiler@gmail.com";
$subject = "Form to email message";
$message = $_POST["message"];
$header = 'MIME-Version: 1.0' . "\r\n";
$header .= 'Content-type: text/html; charset=UTF-8' . "\r\n";
$header .= 'From: Skayos Blog <blog.skayo@mail.com>' . "\r\n";
mail($to,$subject,$message,$header);
} else if (isset($_POST['preview'])){
$output = $_POST["message"];
echo $output;
}
?>

<!DOCTYPE html>
<head>
<title>Form submission</title>
</head>

<body>
<form action="" method="post">
Message:<br>
<textarea rows="5" name="message" cols="30">&lt;html&gt; &lt;body&gt; &lt;/body&gt; &lt;/html&gt;</textarea><br>
<input type="submit" name="preview" value="Preview">
<input type="submit" name="submit" value="Submit">
</form>

</body>
</html>

我的问题:如果我按预览,侧面会重新加载预览,并且代码会被删除。有没有简单的方法让代码留在textarea中?

谢谢,
斯卡约

最佳答案

1) 当您的代码发布更改文本区域的值时的简单解决方案。

<?php    
$msg = "";
if (strlen($_POST['message'] > 0)
$msg = $_POST['message'];
?>

Message:<br><textarea rows="5" name="message"
value="<?php echo $msg; ?>" cols="30">&lt;html&gt;
&lt;body&gt; &lt;/body&gt; &lt;/html&gt;</textarea><br>

2) 您可以使用 AJAX 动态加载内容而无需重新加载页面。

<script>
function prewiev() {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("message").innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET", "preview.php?str=" + document.getElementById("message").value, true);
xmlhttp.send();
}


<form action="" method="post">
Message:<br>
<textarea id="message" rows="5" name="message" cols="30">
&lt;html&gt;&lt;body&gt; &lt;/body&gt;
&lt;/html&gt;
</textarea><br>
<button name="preview" onClick="prewiev()">
<input type="submit" name="submit" value="Submit">
</form>

关于PHP - HTML - 预览功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34838404/

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