使用rangy与Kendo编辑器

Question

我试图制作一个类似twitter的富文本编辑器，其中超过字符限制的字符被突出显示。我看到this question并试着编辑它。

我使用了Kendo的编辑器和Tim Down的rangy库，使用了Kendo的内联编辑器，rangy库工作得很好。

<div contenteditable="true" class="rte"></div>

虽然我需要它工作时，附加到一个文本区域。

<textarea class="rte" maxlength="50"></textarea>

rangy库在文本区域上不像内联编辑器那样工作，这可能是因为Kendo为此使用了iframe。超过限制的字符将被高亮显示，但光标返回到内容的开头。

有人知道怎么解决这个问题吗？下面是我一直在研究的一个示例：http://jsfiddle.net/G4jn7/12/

Answer 1

这很容易修复:您只需将editor传入rangy.getSelection()调用，就可以告诉它从iframe而不是主文档中获得选择。

演示：http://jsfiddle.net/G4jn7/13/

在rangy.getSelection(x)中，x可以是标识要使用的文档的任何东西:文档中的Window、Document、<iframe>元素或非iframe元素。