了解如何将网页内容设置为可供网站访问者编辑

使用Contenteditable属性

让用户编辑的网站上的文字比您预期的要容易。 HTML为此提供了一个属性：contenteditable。

contenteditable属性于2014年首次推出，并发布了HTML5 。 它指定它所管理的内容是否可以由浏览器中的网站访问者更改。

支持Contenteditable属性

大多数现代桌面浏览器都支持该属性。

这些包括：

大多数移动浏览器也是如此。

如何使用Contenteditable

只需将该属性添加到要编辑的HTML元素即可。 它有三个可能的值：真，假和继承。 Inherit是默认值，表示该元素具有其父级的值。 同样，除非您将它们的值更改为false，否则新编辑的内容中的任何子元素也都是可编辑的。 例如，要使DIV元素可编辑，请使用：

用Contenteditable创建一个可编辑的待办事项列表

将内容与本地存储配对时，可编辑内容最有意义，因此内容在会话和网站访问之间保持不变。

  1. 在HTML编辑器中打开您的页面。
  2. 创建一个名为myTasks的项目符号列表，无序列表：

    • 某项任务
    • 另一项任务
  1. 将contenteditable属性添加到
      元素中：
      您现在有一个可编辑的待办事项列表 - 但如果您关闭浏览器或离开页面，您的列表将消失。 解决方案：添加一个简单的脚本将任务保存到localStorage。
    • 在文档的中添加一个jQuery链接。