Javascript 任何用户如何查看来自不同浏览器的HTML内容可编辑内容_Javascript_Jquery_Html

Javascript 任何用户如何查看来自不同浏览器的HTML内容可编辑内容

javascript jquery html

Javascript 任何用户如何查看来自不同浏览器的HTML内容可编辑内容,javascript,jquery,html,Javascript,Jquery,Html,我想创建一个基于模板的网站（比如weebly），用户只需点击页面上的文本，就可以更改页面上的文本我已经创建了具有该功能的页面。但它只是在编辑器的浏览器上显示为localStorage，将更改存储在浏览器存储区域中。我希望该页面上的每个访问者都能看到这些更改这是密码 <html> <head> <meta charset="UTF-8"> <title>My Tasks</title> <script sr

我想创建一个基于模板的网站（比如weebly），用户只需点击页面上的文本，就可以更改页面上的文本

我已经创建了具有该功能的页面。但它只是在编辑器的浏览器上显示为localStorage，将更改存储在浏览器存储区域中。我希望该页面上的每个访问者都能看到这些更改

这是密码

<html>
  <head>
   <meta charset="UTF-8">
   <title>My Tasks</title>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <style>
   body{
    background:url(chobi.png);
   }
  </style>
  </head>

<body>
 <h1 id=hi contenteditable=true>My Tasks</h1>
 <p>Start typing in your list, and the browser will store it for you. When you reload it will still be here.</p>
 <ul id=myTasks contenteditable=true>
    <li></li>
 </ul>

    <script>
     $(document).ready(function(){
      $("#myTasks").blur(function() {
       localStorage.setItem('myTasData', this.innerHTML);
      });

      if ( localStorage.getItem('myTasData') ) {
        $("#myTasks").html(localStorage.getItem('myTasData')); 
      }

      $("#hi").blur(function() {
       localStorage.setItem('hiData', this.innerHTML);
      });

      if ( localStorage.getItem('hiData') ) {
       $("#hi").html(localStorage.getItem('hiData')); 
      }
    });
   </script>
</body>
</html>


我的任务
身体{
背景：url（chobi.png）；
}
我的任务
开始键入列表，浏览器将为您存储它。重新加载时，它仍将在这里



$（文档）.ready（函数（）{
$（“#myTasks”）.blur（函数（）{
localStorage.setItem（'myTasData'，this.innerHTML）；
});
if（localStorage.getItem（'myTasData'））{
$（“#myTasks”）.html（localStorage.getItem（'myTasData'）；
}
$（“#hi”）.blur（函数（）{
setItem（'hiData'，this.innerHTML）；
});
if（localStorage.getItem（'hiData'））{
$（“#hi”）.html（localStorage.getItem（'hiData'）；
}
});

我该怎么做。

你应该使用

php

（一种服务器端脚本语言）或任何其他类似的

ASP

等或数据库MySQL（存储你的数据）你不能只使用客户端脚本：）
PhP
和
MYSQL
非常简单
您的php将是

<?php $content = #some cotent from database echo "<div contenteditable='true'> ". $content."</div>" #now user can easily change the contant loaded from database ?>

但是如果我使用php，我不能让他们直接从文本中进行编辑。我可能需要给他们一个文本字段来进行编辑。而且，我认为使用Mysql没有任何意义here@SalimKhan没有错误的php与html5一起工作，php将使用它从数据库加载数据，这只是一个简单的例子：）嘿，maq，我想要像weebly模板一样编辑文本的形式。单击文本将允许用户更改表单，就像他们正在编辑.txt或docx文件一样。你以前用过那个网站吗？很明显，我知道php和Mysql是如何与HTML一起工作的，因为我用php和Mysqlyup构建了一些网站，但你不了解我：/