javascript - chrome 中标点符号的 js 分词、全部使用出现问题

Question

我在 jsfiddle 中有以下示例: https://jsfiddle.net/27L545rr/3/

<div contenteditable='true' style='word-break: break-all;'>
Word-break should cause just the extra character to wrap.  But just keep adding periods at the end until you wrap to see the bad char wrap.  All the periods AND the last letter wrap, this seems like a bug.
</div>

这只是一个可编辑的内容，其分词属性设置为“break-all”。正如预期的那样，如果我输入一个长单词，它将在字符上中断并继续下一行。但是，如果我添加一系列标点符号来导致中断，(.,'! 等)，而不只是下一行出现的标点符号，它还会拖动最后一个非标点符号字母，完全出乎意料。这看起来像是一个错误，但是有没有解决方案可以强制在行尾的最后一个字符处发生中断？

Answer 1

解决方案是使用 javascript 将 ­ 放在所有字符之间。当插入、删除、更改或复制文本时，您必须更新它。

问题:按退格键时，每秒钟只会删除一个字符。您也必须解决这个问题。

总而言之，我想这确实很难看，但它可以工作。 (如果值得)