可以让用户使用javascript/php或类似的东西修改html文件的元素吗？_Javascript_Php_Jquery_Html_File Io

可以让用户使用javascript/php或类似的东西修改html文件的元素吗？

javascript php jquery html file-io

可以让用户使用javascript/php或类似的东西修改html文件的元素吗？,javascript,php,jquery,html,file-io,Javascript,Php,Jquery,Html,File Io,假设用户正在查看包含以下内容的网页： <div>some text</div> 一些文本有没有办法允许他们将内容更改为 <div>new text</div> 新文本并将这些更改永久/动态地提交到html文件中（所有更改都不使用数据库来存储div的内容）下面是我想做的一个示例（单击文本区域进行编辑）：但是，上面的插件使用sqlite数据库来保存更改/存储信息，而不是修改实际的html文件我知道这可以通过使用一些脚本语言（比如py

假设用户正在查看包含以下内容的网页：

<div>some text</div>

一些文本

有没有办法允许他们将内容更改为

<div>new text</div>

新文本

并将这些更改永久/动态地提交到html文件中（所有更改都不使用数据库来存储div的内容）

下面是我想做的一个示例（单击文本区域进行编辑）：

但是，上面的插件使用sqlite数据库来保存更改/存储信息，而不是修改实际的html文件

我知道这可以通过使用一些脚本语言（比如python/perl）实现，但是有没有更简单的方法（比如使用php/javascript/jquery等）

***编辑：

另外，我不想使用数据库的原因是，我可以将所有文件移动到任何web服务器，而无需进行任何设置。甚至像SQLLite这样的东西也可能会让我的工作变得一团糟。

是的，你可以用php动态加载文件。然后，每当您想将主体DOM保存回服务器并覆盖现有文件时。然而，这通常被认为是非常糟糕的做法

<html>
<head>
    <script>
       function SaveBody() {
           var body = document.getElementById("divtoSave");
           var f = document.createElement("form");
           f.setAttribute('method',"post");
           f.setAttribute('action',"save.php");
           var b = document.createElement("input");
           b.type = "text";
           b.name = "body";
           b.id = body;
           f.appendChild(b);
           f.submit();
       }
    </script>
</head>
<body>
<div id="divToSave">
<?php 
include "otherfile.txt";
?>
</div>
</body>
</html>


函数SaveBody（）{
var body=document.getElementById（“divtoSave”）；
var f=document.createElement（“表单”）；
f、 setAttribute（'method'，'post'）；
f、 setAttribute（'action'，'save.php'）；
var b=document.createElement（“输入”）；
b、 type=“text”；
b、 name=“body”；
b、 id=身体；
f、 儿童（b）；
f、 提交（）；
}

save.php

<?php

     file_put_contents("otherfile.txt", $_POST['body']);
?>

是的，您可以使用php动态加载文件。然后，每当您想将主体DOM保存回服务器并覆盖现有文件时。然而，这通常被认为是非常糟糕的做法

<html>
<head>
    <script>
       function SaveBody() {
           var body = document.getElementById("divtoSave");
           var f = document.createElement("form");
           f.setAttribute('method',"post");
           f.setAttribute('action',"save.php");
           var b = document.createElement("input");
           b.type = "text";
           b.name = "body";
           b.id = body;
           f.appendChild(b);
           f.submit();
       }
    </script>
</head>
<body>
<div id="divToSave">
<?php 
include "otherfile.txt";
?>
</div>
</body>
</html>


函数SaveBody（）{
var body=document.getElementById（“divtoSave”）；
var f=document.createElement（“表单”）；
f、 setAttribute（'method'，'post'）；
f、 setAttribute（'action'，'save.php'）；
var b=document.createElement（“输入”）；
b、 type=“text”；
b、 name=“body”；
b、 id=身体；
f、 儿童（b）；
f、 提交（）；
}

save.php

<?php

     file_put_contents("otherfile.txt", $_POST['body']);
?>

是的，您可以使用php动态加载文件。然后，每当您想将主体DOM保存回服务器并覆盖现有文件时。然而，这通常被认为是非常糟糕的做法

<html>
<head>
    <script>
       function SaveBody() {
           var body = document.getElementById("divtoSave");
           var f = document.createElement("form");
           f.setAttribute('method',"post");
           f.setAttribute('action',"save.php");
           var b = document.createElement("input");
           b.type = "text";
           b.name = "body";
           b.id = body;
           f.appendChild(b);
           f.submit();
       }
    </script>
</head>
<body>
<div id="divToSave">
<?php 
include "otherfile.txt";
?>
</div>
</body>
</html>


函数SaveBody（）{
var body=document.getElementById（“divtoSave”）；
var f=document.createElement（“表单”）；
f、 setAttribute（'method'，'post'）；
f、 setAttribute（'action'，'save.php'）；
var b=document.createElement（“输入”）；
b、 type=“text”；
b、 name=“body”；
b、 id=身体；
f、 儿童（b）；
f、 提交（）；
}

save.php

<?php

     file_put_contents("otherfile.txt", $_POST['body']);
?>

是的，您可以使用php动态加载文件。然后，每当您想将主体DOM保存回服务器并覆盖现有文件时。然而，这通常被认为是非常糟糕的做法

<html>
<head>
    <script>
       function SaveBody() {
           var body = document.getElementById("divtoSave");
           var f = document.createElement("form");
           f.setAttribute('method',"post");
           f.setAttribute('action',"save.php");
           var b = document.createElement("input");
           b.type = "text";
           b.name = "body";
           b.id = body;
           f.appendChild(b);
           f.submit();
       }
    </script>
</head>
<body>
<div id="divToSave">
<?php 
include "otherfile.txt";
?>
</div>
</body>
</html>


函数SaveBody（）{
var body=document.getElementById（“divtoSave”）；
var f=document.createElement（“表单”）；
f、 setAttribute（'method'，'post'）；
f、 setAttribute（'action'，'save.php'）；
var b=document.createElement（“输入”）；
b、 type=“text”；
b、 name=“body”；
b、 id=身体；
f、 儿童（b）；
f、 提交（）；
}

save.php

<?php

     file_put_contents("otherfile.txt", $_POST['body']);
?>

如果您只需要每个用户都能看到自己的更改，那么可以使用HTML5存储API。

为了让用户对页面进行更改，然后让其他用户看到该更改，需要涉及服务器。您可以使用PHP（或一种好的语言）直接写入HTML文件，但如果多个用户希望同时编辑，则可能会遇到问题。这就是数据库派上用场的地方

如果您正在寻找一个简单的解决方案，那么一个选择可能是使用其他人的服务器。例如，GitHub公开了用于编辑文件的API。有关如何使用这类内容的示例，请参见pose.io开源内容编辑器：和。它完全使用客户端技术编写。

如果您只需要每个用户都能看到自己的更改，那么您可以使用HTML5存储API。

如果您正在寻找一个简单的解决方案，那么一个选择可能是使用其他人的服务器。例如，GitHub公开了用于编辑文件的API。有关如何使用这类内容的示例，请参见pross.io开源内容编辑器：