javascript - 在 div 中以与在 textarea 中相同的方式包装文本

Question

我正在创建一个建议面板，同时实时编辑一个 HTML 文本区域。为了获得 {x,y} 坐标，我使用了一个隐藏在文本区域后面的 div。我得到了carret位置，然后将carret之前的文本加上一个span标签复制到隐藏的div。然后我得到跨度坐标并将其提供给建议面板。

唯一的问题是，当我向 textarea 添加一个没有空格的长行时，该行在 div 面板中被剪切时被换行(因此在我添加回车符之前，建议面板的位置不再合适)。

有没有办法在这两个地方(textarea 和 div 面板)以相同的方式适应文本？

(我正在使用 jQuery)

Answer 1

为您的 DIV 提供 word-wrap:break-word 样式将强制自动换行并使您的 DIV 像文本框一样处理长文本。