按数字突出显示字符

Question

考虑使用以下字符串及其数值:

然后,您允许用户键入文本框:1|17|7|19,如何突出显示文本,如下所示:

我可以在空格和段落中计算它,但是当我完全删除所有空格和新行(例如"Thisissomedummytext")时,我无法弄清楚如何实现这一点.

编辑

这是我到目前为止,它考虑了空格和新行(nl的计数为1个字符).

Answer 1

我不确定这是否有帮助，但是：

http://jsfiddle.net/mCsuH/1/

它不是最干净的，而且我不确定您是否使用 jQuery（这可能更容易做到）。我确信很多事情都会改变，比如这个事件如何/何时发生。为每个 onkeyup 事件完全重建输出可能不是最好的方法。

更新：

（支持空间）

http://jsfiddle.net/mCsuH/2/

新更新：

（支持所有空白）

http://jsfiddle.net/4HFLx/1/

（实际上解决我之前的问题的新逻辑由@eminor提供）