jquery plugin开发 插件来处理选择?




jquery ui plugin (4)

任何人都可以提出一个插件可以处理文本区域(跨浏览器)的文本选择?

我正在寻找一个插件,可以:

  • 获取当前选择
  • 替换当前的选择
  • 选择一个范围

(IE使用createTextRange而其他浏览器使用setSelectionRange 。应该有一个插件可以做到这一点,所以我不必重新发明轮子。)



jQuery Fieldselection: https //github.com/localhost/jquery-fieldselection

请参阅: https//github.com/localhost/jquery-fieldselection/blob/master/jquery-fieldselection.js

实现: getSelection,replaceSelection

不执行: currentSelection

Rangy: 实现: getSelection,ReplaceSelection,CurrentSelection

(注意:不是一个jQuery插件,但仍广泛适用)

跨浏览器的JavaScript范围和选择库。 它提供了一个简单的基于标准的API,用于在所有主流浏览器中执行常见的DOM范围和选择任务,在Internet Explorer和DOM兼容的浏览器之间抽象出这种功能的大不相同的实现。

似乎实现你想要的,演示的看到: http : //rangy.googlecode.com/svn/trunk/demos/core.html

http://code.google.com/p/rangy/

另请参阅: jquery:selectionStart用于非textarea元素

Rangyinputs一个jQuery的插件,提供与Rangy类似的功能,除了输入,而不是仲裁DOM元素。

一个小型的跨浏览器JavaScript库,用于获取和操作HTML元素中的选择。

演示: http : //rangyinputs.googlecode.com/svn/trunk/demos/textinputs_jquery.html

项目: http : //code.google.com/p/rangyinputs/


我尝试了很多这里的链接,还有其他的来自jQuery插件库,而且没有一个是我想要的。

但是这里没有提到,这真的很有趣:

http://madapaja.github.io/jquery.selection/

希望它会帮助! :)


我创造了我自己的。 只有2.6kb解压缩: http : //blog.gauffin.org/2012/02/a-javascript-selection-script/

//jQuery is not required but supported.
var selection = new textSelector($('#mytextarea'));
selection.replace('New text');

// you can change selection:
selection.select(1,10); // select char 1 to 10

// get selection
console.log("Start char: " + selection.get().start);

// check if anything is selected
selection.isSelected();

// get the text
var text = selection.text();

它可以在github: https//raw.github.com/jgauffin/griffin.editor/master/Source/textselector.js





jquery-plugins