html中contenteditable如何使用

在HTML中，可使用contenteditable属性来使元素可编辑。该属性有三个值：
1. contenteditable="true"：元素可以被用户编辑；
2. contenteditable="false"：元素不可编辑；
3. contenteditable="inherit"：元素继承父元素的编辑属性。
要使用contenteditable属性，只需将其添加到要编辑的元素上便可。例如：
```html

```
在这个例子中，div元素被设置为可编辑，用户可以直接在页面上编辑文本内容。
请注意，contenteditable属性只能利用于块级元素，没法利用于内联元素。如果需要让内联元素可编辑，可以将其包装在块级元素中。
另外，要获得用户编辑后的内容，可使用JavaScript来获得元素的innerHTML属性或textContent属性，例如：
```javascript
var editableDiv = document.querySelector('div[contenteditable="true"]');
var content = editableDiv.innerHTML;
console.log(content); // 输出用户编辑后的内容
```
这样就能够获得用户编辑后的内容，并进行进一步处理。