Question

有没有办法将用户输入的文本放在画布上，并在用户输入时继续扩展？我正在尝试创建一个网站，允许用户以子弹笔记的形式输入各种评论，作为对某个图像/图片进行“评论”的方式。

简而言之，正如您在此处所见，我正在尝试使用它的子弹系统重新创建功能点：http://i60.tinypic.com/k4z8f7.png

使文本框的位置绝对有效，但它非常难看，并不是我想要的。对于不使用画布的解决方案，我很好。

Answer 1

使用contenteditable。可以使用浏览器的本机富文本编辑器编辑Contenteditable元素。

使用contenteditable的代码（只需添加contenteditable属性）：

<div contenteditable>
    <ul>
        <li>This is the stackoverflow logo</li>
    </ul>
</div>