PHP - HTML - 预览功能

Question

今天我尝试制作PHP'HTML'编辑器， 您可以编写“HTML”代码，预览它，然后将其发送到我的电子邮箱。 这是代码：

currNode.setNext(...) instead of currNode = ...

我的问题：如果我按下预览，则会重新加载预览，然后代码会被删除。 是否有一种简单的方法可以使代码保留在textarea中？

谢谢，
Skayo

Answer 1

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>