3

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

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

有没有办法在这两个地方（textarea 和 div 面板）以相同的方式调整文本？

（我正在使用 jQuery）

4

2 回答 2

6

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

于 2012-05-28T13:57:45.417 回答
0

将overflow:autooroverflow:scroll和 a添加width: / height:到您div的 css 中，这将为您提供一个滚动条，该滚动条将包裹文本并看起来像一个文本区域，而且没有边框。你也可以给它一个border样式，让它看起来更像一个文本区域。

像这样：

 <div style="overflow:auto;width:150px;height:50px;border:1px solid #CCC;">

    Your text goes here

 </div>
于 2012-05-28T13:57:19.840 回答