任何用户如何从不同的浏览器看到HTML内容可编辑的内容

-1

我想创建一个基于模板的站点（比如可以单击），用户只需点击它就可以更改页面上的文本。任何用户如何从不同的浏览器看到HTML内容可编辑的内容

我创建具有functionality.But它只是显示在编辑器的浏览器的localStorage存储在浏览器中存储area.I更改的页面要可见该网页上的每一位参观者的变化。

下面是代码

<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>

我怎样才能做到这一点。

来源

2014-10-08 Salim Khan

你应该使用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 

?>

，并添加一个按钮，然后在该按钮的用户点击，那么所有的更改将提交数据库则将可用于任何一个:)

来源

2014-10-08 02:36:51 maq

但如果我使用PHP，我不能给他们直接编辑从text.I可能需要给他们的文本字段做that.And，我没有看到任何一点使用MySQL这里 – 2014-10-08 02:44:59

@SalimKhan没有错乌尔PHP可与HTML5和PHP将使用从数据库加载数据只给了一枪男子:) – maq 2014-10-08 02:49:19

哎MAQ，我想编辑的文字像weebly templates.Click文本的形式将允许用户更改表单，就好像他们正在编辑.txt或docx文件一样。你以前用过那个网站吗？ – 2014-10-08 03:00:28

任何用户如何从不同的浏览器看到HTML内容可编辑的内容

回答

相关问题