如何制作交互式网站并允许用户编辑网站内容
How to make an interactive website and allow the user to edit website content?
首先,我对html5和css3都很熟悉。现在我正在尝试创建一个网站,允许访问者编辑网站内容,以便所有访问者都能看到编辑内容。我知道contenteditable,但当页面刷新时,这个属性不会持续,其他访问者也看不到编辑。例如:
<p> Edit me please </p>
访问者可以通过访问网站并简单地选择和键入来编辑上面的元素。我还听说javascript、jquery、sql和php都可以允许访问者编辑网站内容,但我不知道哪一个最好。
总之,如果有人知道如何允许网站访问者编辑其内容,那么分享他们的知识将不胜感激。
创建一个数据库表(让我们称之为"字符串"),只定义2列-"字符串标识符"answers"字符串值"
呈现页面时,只需查询数据库即可获取字符串及其标识符。每个可编辑元素都应该有一个包含其标识符的属性。
您可以使用jquery捕获所有可编辑元素上的点击事件,并将其替换为具有该文本的输入。
然后为该输入分配一个事件处理程序,因此当按下回车键时,它会向服务器上的php脚本(以标识符和新字符串作为数据)发送一个请求,用新字符串更新数据库。
如果您希望对所有其他客户端进行实时更新(无需刷新),请使用jquery在服务器上连续请求一个文件(无休止循环),该文件将返回一个包含所有字符串的JSON对象。然后浏览并将数据上所有可编辑元素的文本替换为从服务器收到的新字符串。
相关文章:
- 为所有查看网站的用户保存变量
- 如果用户回答是,我想关闭网站
- 如何让iPhone用户在我的网站上观看带字幕的视频
- 如何制作交互式网站并允许用户编辑网站内容
- 使用谷歌分析'Wordpress网站的用户ID功能
- 在用户滚动时加载单个页面网站的不同部分
- 检测用户关闭标签页或离开网站
- 如何创建一个提示用户输入登录id和密码的网站
- 实现已验证用户更新状态的最佳方式,作为对系统中已更改状态的反应.(ASP.NET MVC网站)
- 为网站创建用户生成的文本
- 检查用户在网站上使用的平台
- 如何获取我的网站(我的服务器)用户的MAC地址
- 用户在网站上创建和管理菜单
- 我正在尝试为一个网站创建一个文本框,可以将文本更改为用户希望的任何格式
- 如何在用户缩放我的网站时修复字体大小(CTRL+'+')
- 如何检查网站用户显示的纵横比
- 如果有应用程序,则提示网站用户
- 使用Facebook登录存储网站用户体验积分
- 我如何找到我网站用户的ip地址并通过电子邮件发送给我
- 加载后自动登录网站-用户脚本(JS)