检测 contenteditable span 中的自动换行

Question

我有一个 contenteditable 跨度，其最大宽度设置允许用户输入文本。我要做的是检测用户何时达到此宽度限制并在页面上显示新行。我正在尝试创建一个所见即所得的编辑器，它创建文本（在 SVG 中），与用户按下回车键时它在 contenteditable 范围中的外观完全相同。我已经成功捕获了 enter 事件，所以这不是问题，我正在寻找一种方法来检测自动换行或计算它应该发生的位置。任何帮助表示赞赏。 （如果需要，我可以发布示例代码）

Answer 1

当元素的高度发生变化时，您就知道发生了自动换行。

Answer 2

监视更改事件并查看高度是否更改。如果是这样，则您有一个自动换行（或解开）。我举了一个例子：

http://jsfiddle.net/eZDRD/