PHP-如何实现即时编辑的功能?

PHP-如何实现即时编辑的功能?

偏爱自由 发布于 2017-10-01 字数 107 浏览 1217 回复 4

很多网站的内容编辑不是在编辑器中,可以类似dreamwaver那样点击哪里编辑哪里。
如何实现这个功能呢?

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

瑾兮 2017-10-24 4 楼

这个可以通过ajax来实现,点击要编辑的内容时候js可以触发相应事件,可以生成一个texteara把原内容放到里面进行修改,当修改完毕后触发“完成”按钮或其他事件,然后通过异步XMLHttpRequest请求到服务器,服务器脚本更新数据库数据后返回给前段,然后前段通过js把修改后的数据显示在页面上。

虐人心 2017-10-15 3 楼

这个叫edit in place,可以去google下。
推荐一个之前用过的插件,可定制性很强,可以自己定制下样式。
http://www.appelsiini.net/projects/jeditable

在线演示:

http://www.appelsiini.net/projects/jeditable/default.html

偏爱自由 2017-10-08 2 楼

LS的工具可以,不过还有个简单的,就是在用google chrome浏览器的时候有个 developer tools 也可以实现点击网页内容定位代码,并且可以在其上编辑,你可以试试。

参考:https://developers.google.com/chrome-developer-tools/

想挽留 2017-10-07 1 楼

推荐一篇文章,一看便知:

http://24ways.org/2005/edit-in-place-with-ajax

做出来的效果也很赞,看这里