所有主流浏览器都支持 contenteditable 属性
定义和用法
contenteditable 属性指定元素内容是否可编辑。
注意： 当元素中没有设置 contenteditable 属性时，元素将从父元素继承。
contenteditable 属性是 HTML 新增的。
true：可编辑
false：不可编辑
或者
带contenteditable的，可编辑
不带contenteditable的，不可编辑
<!DOCTYPE html>
<html>
<body>
<p contenteditable="true"><span>这是一个段落。是可编辑的。尝试修改文本。</span></p>
</body>
</html>