javascript - 将 rangey 与 Kendo Editor 结合使用

Question

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

我使用了 Kendo UI 的编辑器，还使用了 Tim Down广阔的图书馆。使用 Kendo 的内联编辑器，范围广泛的库工作得很好。

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

尽管我需要它在附加到文本区域时才能工作。

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

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

有人知道如何解决这个问题吗？这是我一直在处理的示例:http://jsfiddle.net/G4jn7/12/

Answer 1

这很容易解决:您只需传入 editor进入rangy.getSelection()调用告诉它从 iframe 而不是主文档中获取选择。

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

在 rangy.getSelection(x) , x可以是以下任意一项来标识要使用的文档:a Window , Document ，一个<iframe>元素或文档中的非 iframe 元素。