如何在没有textarea或textfield的浏览器中编辑网页内容？

Question

是否有任何javascript解决方案在页面上显示光标，使用箭头键移动它，直接编辑而不切换到textarea界面？我需要javascript来操作页面，然后将修改后的内容传递给服务器以保存到数据库。

Answer 1

是的，您可以将contenteditable标记设置为html属性，这样可以在原位编辑文本。

例如，用<p contenteditable="true"></p>标签写的文字。

参考HTML Contenteditable

Answer 2

扩展其他人建议的可满足主题，有一个非常好的教程，介绍如何实现此here

的一些更高级的功能