contenteditable

最近用了一下contenteditable属性，这个属性可以让一段HTML标签内容可以编辑，非常不错的属性，回车换行时会自动识别使用什么标签。
但是发现编辑span的时候，会发生移位。

原始：

删除发生位移：

于是我添加了display:inline-block;padding:0 1px;就可以了。

注意：后面的padding一定要有，不然光标不会出现。
后来试了几次其实只需要：padding:0 1px;就可以了。

如果你不想要拼写检查功能可以加属性spellcheck="false"。

DEMO地址：http://www.acgist.com/demo/contenteditable/index.html

配合一些加粗等等简单命令可以打造一个简单的文本编辑器：http://www.acgist.com/article/282.html