时间戳

首页 > 解决方案 > 加载 HTML 文件，编辑标签内的内容，并将更改保存到 HTML 文件

javascript - 加载 HTML 文件，编辑标签内的内容，并将更改保存到 HTML 文件

问题描述

我正在做一个项目，您需要加载一个 HTML 文件，编辑标签中的一些内容，然后将这些更改保存回同一个文件，而不影响其他任何其他内容。

这是我的标记的样子：


<?php 
    session_start();
    $page_title = "Hello world";

    include "../includes/header.php"
?>
<div data-content></div>
<?php 
    include "../includes/footer.php";
?>

然后使用 ajax - 我发送任何已添加到<div data-content></div>

我遇到的问题是尝试将此新内容保存到现有的 HTML 文件中，而不影响 HTML 文件的其余部分。

目标是制作一个可视化的 CMS，所以如果有人有更好的建议 - 我愿意转向并采取更好的路线。

标签： javascriptphphtmlajax

解决方案

你的意思是这样的吗？：

<html>
<head>
</head>
<body>
    <form class="public" action="<?php echo "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>" method="POST" enctype="multipart/form-data">
    <p><label for="file">File Name:</label> <input type="file" name="file" id="file" /></p>
    <br/>
    <p><input type="submit" value="Parsing" name="sendData"/></p>
    </form>

</body>
</html>

<?php
//test if the file is selected
if(!isset($_POST['sendData'])) exit;
//get file name
$filename = $_FILES["file"]["name"];
//be sure this file is html file
$ext = explode('.', $filename);
if($ext[1] != 'html'){
    echo '<br>bad file type, it must be html file';
    exit;
}
//upload the file to temp area
move_uploaded_file($_FILES["file"]["tmp_name"], $_FILES["file"]["name"]);
//read the file
$file = @fopen($filename, 'r');
if($file === false){
    echo 'Error when reading the file';
    exit;  
}
//reading line by line
$output ='';
while (($line = fgets($file)) !== FALSE) {
    $output .= str_replace('<img', '<svg', $line);
}
fclose($file);
//write the new file
$result = file_put_contents($filename, $output);
echo $result;
if(!$result){
    echo 'faild';
}else{
    echo 'success <br/>';
    $load_link = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
    $load_link = str_replace('pars.php', '', $load_link); 
    $load_link .= $filename;   
    echo '<a href='.$load_link.'>See the results</a><br>';
}


?>

推荐阅读