plugin开发 - jquery ui plugin




插件来处理选择? (4)

下面的插件可以帮助你http://www.examplet.buss.hk/jquery/caret.php

我也有帮助

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

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

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

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


我创造了我自己的。 只有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


http://codepen.io/mattsich/pen/MKvmxQ为我建立的iOS风格选择。 结束就是这样:

$(document).ready(function(){
  $(".full-text").selectBars('.full-text', 'ipsum', function(){
    $('.selected-text p').text($('.full-text').attr('data-selected'));
  });

});

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-plugins