如何在html内容可编辑DIV中获得智能分词

Question

所以我正在使用内容可编辑的DIV，我希望实现一个智能分词功能，就像你在大多数文字处理器，像Medium.com这样的网站上看到的，在我正在堆栈中输入的那个框中溢出

我所说的智能断言是指如果你正在键入一个单词并且即将到达div的末尾然后它将整个单词推到下一行而不是仅仅打破这个词。

有关如何做到这一点的任何线索？

谢谢！

Answer 1

你所指的是'word wrapping'，其中的单词被“包裹”到下一行。这是自动完成的，所以如果您的div是 而不是 这样做，那么您可能在其他地方遇到问题。发生这种情况的原因是因为div会正常自动换行，即使它不是contenteditable，所以默认情况下会这样做。可以通过自动换行禁用的一种方法是，如果您的CSS中有white-space: nowrap（How to turn off word wrapping in HTML?处有更多信息），但这似乎不太可能。