PHP – HTML – 预览功能

发布时间:2022-04-30 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了PHP – HTML – 预览功能脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
今天我试着制作一个 PHP‘HTML’编辑器,
您可以编写“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">&amp;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中?

谢谢,
Skayo

解决方法

1)当代码发布时,简单的解决方案是改变textarea的值.

<?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 – 预览功能全部内容,希望文章能够帮你解决PHP – HTML – 预览功能所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。