javascript - 我想要可编辑内容，但没有表单或输入

Question

我希望我的用户能够编辑其页面上的文本(不是全部)，而无需向他们显示表单。同时，我不希望它成为可编辑的，因为它们太多并且不可用。最好的是像谷歌文档这样的东西，用户可以阅读他的文本并无缝更新它，没有任何麻烦。

有谁知道有一个 jquery 插件可以做到这一点吗？如果您认为我应该在每个位置使用其中一个富文本编辑器，请告诉我。

同样，我见过一些网站允许用户在不更改元素的情况下编辑 div 中的内容。谁能告诉我这是怎么做到的？

Answer 1

我见过的允许您编辑 div 内容的网站是通过向 div 添加单击事件来实现的，该事件会删除 div 的内容并向 div 添加可编辑按钮和按钮。

当用户单击新按钮时，可编辑内容和按钮将被隐藏，可编辑内容中的任何内容都将用作 div 的新内容。通常，还会有一个 AJAX 调用在后端执行某些操作。

此外，该按钮可以替换为可编辑对象上的事件处理程序，该事件处理程序在 Enter 或 Esc 上执行操作。

请注意，content-editable 是 HTML5，因此它还不能在所有浏览器中工作。

编辑

事实证明 content-editable 得到了很好的支持 ( http://blog.whatwg.org/the-road-to-html-5-contenteditable )，但仍然可能不是您想要的。