javascript - 如何从网站编辑div内的代码？

Question

我正在制作一个管理网站，但遇到了一个小问题......

如何从这段代码中获取带有该文件名称的 javascript var？:

<div class="editable"><?php include 'myfile.php' ?></div>

在本例中myfile.php。

这是我的其余相关代码:

<?php
if (isset($_SESSION["name"])) {
    if ($_SESSION["name"] == "administrator")
    {
        ?>
        <script language="javascript">
        function copytext() {
            var CopiedText = $(".editable").html();
            var SourceFileName = euhm....;
            alert (SourceFileName);
            if (CopiedText.indexOf("'") === -1) 
            {
                alert (CopiedText);
                $.ajax( {
                    type: "POST",
                    url: "code.php",
                    data: { CopiedText : CopiedText, SourceFileName : SourceFileName },
                    error: function(){
                        alert("ajax 3 error");
                    },
                    success: function(response) {
                        alert (response);
                        location.reload();
                    }
                });
            }
            else {
                alert("There can not be ( ' ) in the text!");
            }
        }
        </script>
        <?php
    }
}?>

还有 code.php:

<?php
$texttowrite = $_POST['CopiedText'];
$originalfile = $_POST['SourceFileName'];
echo "$texttowrite";
file_put_contents ($originalfile, $texttowrite);?>

我是一个绝对的新手，所以我非常感谢任何建议。另外，我的母语不是英语，所以我很抱歉我的英语不好......

Answer 1

您试图让人们更改网站代码的方式确实不安全且效率很低。问题不在于信任用户。如果外部人员 secret 访问该页面，这些类型的安全漏洞就可能被外部利用。

无论如何，作为替代方案，我建议使用版本控制系统，例如 Git/SVN，其中您的更改是可跟踪的，并且不会出现安全问题。而且，它会更容易使用。