突然发现一个有趣的东西
<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>
可以让p标签内的内容变成像input一样的可编辑状态
div、span等标签也是可以的。。
html5的新属性：contenteditable属性
true 规定可以编辑元素内容。
false 规定无法编辑元素内容。
classname 继承父元素的 contenteditable 属性。
（1）change事件不会生效
可编辑的段落contenteditable突然发现一个有趣的东西<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>可以让p标签内的内容变成像input一样的可编辑状态div、span等标签也是可以的。。html5的新属性：contenteditable属性true 规定可以编辑元素内容。 false 规定无法编辑元素内容。 classn
function addNode(){
var box = document.getElementById("box")
var p = document.createElement("p")//新建一个p元素
var txt = document.createTextNode("
段落
三")
p.appendChil
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset="UTF-8">
<title>展开与收缩</title>
请参考： https://github.com/davidroyer/vue2-editor
基本用法：
首先，使用npm安装 npm install --save vue2-editor
具体代码：
