Предыдущая версия справа и слева Предыдущая версия Следующая версия | Предыдущая версия |
java-script:jquery:plugins [2018/01/04 21:43] – [Control input length] mirocow | java-script:jquery:plugins [2019/10/14 22:24] (текущий) – [Редакторы] mirocow |
---|
====== JQuery plugins / Плагины (Bootstrap) ====== | ====== JQuery plugins / Плагины (Bootstrap) ====== |
| |
* [[:bootstrap|Bootstrap]] | * [[develop:bootstrap|Bootstrap]] |
* http://jquery-plugins.net | * http://jquery-plugins.net |
====== Cookie ====== | ====== Cookie ====== |
* http://veselov.sumy.ua/ | * http://veselov.sumy.ua/ |
| |
====== Редакторы ====== | |
| |
* http://aloha-editor.org/ | |
* http://imperavi.com/redactor/ | |
* http://ckeditor.com/ | |
* http://kunstmaan.github.io/BootstrapCK-Skin/ | |
* https://github.com/mindmup/bootstrap-wysiwyg/ | |
| |
======= Визульное отображение / Виджеты ======= | ======= Визульное отображение / Виджеты ======= |
* http://bootswatch.com/cosmo/ | * http://bootswatch.com/cosmo/ |
* http://alloyui.com/examples/color-picker/ | * http://alloyui.com/examples/color-picker/ |
| |
| ====== Редакторы ====== |
| |
| * http://aloha-editor.org |
| * http://imperavi.com/redactor :!: |
| * http://ckeditor.com :!: |
| * http://kunstmaan.github.io/BootstrapCK-Skin |
| * https://ckeditor.com/ckeditor-4/demo |
| * https://ckeditor.com/ckeditor-5/demo |
| * https://github.com/mindmup/bootstrap-wysiwyg |
| * https://www.froala.com/wysiwyg-editor :!: |
| * https://summernote.org |
| * https://quilljs.com |
| * https://xdsoft.net/jodit :!: |
| * https://alex-d.github.io/Trumbowyg |
| |
====== Работа с контентом ====== | ====== Работа с контентом ====== |
| |
* [[jquery:pjax|Pjax]] | * [[jquery:pjax|Pjax]] |
| * http://gregfranko.com/jquery.tocify.js/ |
| * http://labs.mintchaos.com/flippant.js/ |
| * https://github.com/neokoenig/jQuery-gridmanager/ |
===== Themes ===== | ===== Themes ===== |
| |
===== Комбобокс / Селекторы / Listbox ===== | ===== Комбобокс / Селекторы / Listbox ===== |
| |
| * https://github.com/ivaynberg/select2 :!: |
| * https://github.com/selectize/selectize.js ([[http://selectize.github.io/selectize.js/|DEMO]], [[https://github.com/selectize/selectize.js/tree/master/examples|EXAMPLES]]) :!: |
* https://github.com/silviomoreto/bootstrap-select | * https://github.com/silviomoreto/bootstrap-select |
* https://github.com/davidstutz/bootstrap-multiselect | * https://github.com/davidstutz/bootstrap-multiselect :!: |
* https://github.com/danielfarrell/bootstrap-combobox | * https://github.com/danielfarrell/bootstrap-combobox |
* https://github.com/ivaynberg/select2 (Предпочтителен) | |
* https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox | * https://github.com/istvan-ujjmeszaros/bootstrap-duallistbox |
* https://github.com/rroppolo/bootstrap-multisuggestplugin | * https://github.com/rroppolo/bootstrap-multisuggestplugin |
* http://davidstutz.github.io/bootstrap-multiselect/ - Bootstrap Multiselect | * http://davidstutz.github.io/bootstrap-multiselect/ - Bootstrap Multiselect |
* http://brianreavis.github.io/selectize.js/ | * http://brianreavis.github.io/selectize.js/ |
* https://github.com/davidstutz/bootstrap-multiselect | |
* https://silviomoreto.github.io/bootstrap-select/ | * https://silviomoreto.github.io/bootstrap-select/ |
| * https://github.com/silviomoreto/bootstrap-select [[http://silviomoreto.github.io/bootstrap-select/examples/|DEMO]] |
| * https://hernansartorio.com/jquery-nice-select/ |
| * https://github.com/lcdsantos/jQuery-Selectric - [[http://selectric.js.org/demo.html|DEMO]] |
| * https://github.com/lou/multi-select/ - [[http://loudev.com/#demos|DEMO]] |
| * https://github.com/nbuytaert1/apex-select2 - [[https://apex.oracle.com/pls/apex/f?p=64237:20:::NO:20::|DEMO]] |
| * https://github.com/gfranko/jquery.selectBoxIt.js - [[http://gregfranko.com/jquery.selectBoxIt.js/#Examples|DEMO]] |
| * https://github.com/select2/select2-bootstrap-theme - [[https://select2.github.io/select2-bootstrap-theme/4.0.3.html|DEMO]] |
| * https://github.com/jshjohnson/Choices - [[https://joshuajohnson.co.uk/Choices/|DEMO]] |
| * https://github.com/monterail/vuelidate - [[https://vue-multiselect.js.org/#sub-single-select|DEMO]] |
| |
| ===== Мультиселект ===== |
| |
| * https://github.com/lou/multi-select - loudev |
| |
==== DropDown ==== | ==== DropDown ==== |
* https://github.com/nanlabs/taggable-typeahead [[http://nan-labs.com/taggable-typeahead/|DEMO]] | * https://github.com/nanlabs/taggable-typeahead [[http://nan-labs.com/taggable-typeahead/|DEMO]] |
* https://github.com/max-favilli/tagmanager [[http://welldonethings.com/tags/manager/v3|DEMO]] | * https://github.com/max-favilli/tagmanager [[http://welldonethings.com/tags/manager/v3|DEMO]] |
| * https://github.com/sliptree/bootstrap-tokenfield [[http://sliptree.github.io/bootstrap-tokenfield/#examples|DEMO]] |
| * https://github.com/Pixabay/jQuery-tagEditor [[https://goodies.pixabay.com/jquery/tag-editor/demo.html|DEMO]] |
| |
===== Переключатели ===== | ===== Переключатели ===== |
* https://github.com/sydcanem/bootstrap-contextmenu | * https://github.com/sydcanem/bootstrap-contextmenu |
* https://github.com/tdziurko/wicket-bootstrap-navbar | * https://github.com/tdziurko/wicket-bootstrap-navbar |
| * http://www.webdesignrazzi.com/2014/jquery-menus-plugins/2 |
http://www.webdesignrazzi.com/2014/jquery-menus-plugins/2/ | * http://geedmo.github.io/yamm/ |
===== Mobile ===== | ===== Mobile ===== |
| |
===== Слайдеры ===== | ===== Слайдеры ===== |
| |
* http://refreshless.com/nouislider/ - не плохой | * https://owlcarousel2.github.io/OwlCarousel2/demos/demos.html :!: |
| * http://refreshless.com/nouislider/ :!: - не плохой |
* http://jqueryui.com/demos/slider/ - конечно UI. | * http://jqueryui.com/demos/slider/ - конечно UI. |
* http://ghusse.github.com/jQRangeSlider/stable/demo/ | * http://ghusse.github.com/jQRangeSlider/stable/demo/ :!: |
* http://egorkhmelev.github.com/jslider/ | * http://egorkhmelev.github.com/jslider/ |
* http://ionden.com/a/plugins/ion.rangeSlider/ | * http://ionden.com/a/plugins/ion.rangeSlider/ |
* http://ghusse.github.io/jQRangeSlider/technicalDemo.html | |
* http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/ | * http://www.designyourway.net/blog/resources/28-useful-jquery-sliders-you-need-to-download/ |
| * http://kenwheeler.github.io/slick/ |
==== Lazy images ==== | ==== Lazy images ==== |
| |
| |
* https://github.com/montrezorro/bootstrap-checkbox | * https://github.com/montrezorro/bootstrap-checkbox |
| * https://github.com/abpetkov/switchery [[http://abpetkov.github.io/switchery/|DEMO]] |
| |
==== Editables / Tables / Sortable ==== | ==== Editables / Tables / Sortable ==== |
| |
* https://github.com/vitalets/x-editable | * https://github.com/vitalets/x-editable [[http://vitalets.github.io/x-editable/|DEMO]] |
* https://github.com/vitalets/bootstrap-editable [[http://vitalets.github.io/bootstrap-editable/|DEMO]] | * https://github.com/vitalets/bootstrap-editable [[http://vitalets.github.io/bootstrap-editable/|DEMO]] |
* https://github.com/drvic10k/bootstrap-sortable | * https://github.com/drvic10k/bootstrap-sortable |
| |
==== Input controls ==== | ==== Input controls ==== |
| |
| === Masks === |
| |
| * https://github.com/igorescobar/jQuery-Mask-Plugin [[http://igorescobar.github.io/jQuery-Mask-Plugin/|DEMO]], [[http://igorescobar.github.io/jQuery-Mask-Plugin/docs.html|DOCS]] |
| * https://github.com/RobinHerbots/Inputmask [[http://robinherbots.github.io/Inputmask/|DEMO]] |
| * https://github.com/digitalBush/jquery.maskedinput [[http://digitalbush.com/projects/masked-input-plugin/|DEMO]] |
| * http://plentz.github.io/jquery-maskmoney/ |
| * http://www.decorplanit.com/plugin/ |
| * https://github.com/customd/jquery-number [[http://opensource.teamdf.com/number/examples/demo-as-you-type.html|DEMO]] |
| * http://andr-04.github.io/inputmask-multi/ru.html |
| * https://github.com/wbruno/jquery.maskx |
| |
=== Control input length === | === Control input length === |
* https://github.com/mimo84/bootstrap-maxlength | * https://github.com/mimo84/bootstrap-maxlength |
| |
==== Validation ==== | ==== Validate ==== |
| |
* https://github.com/ReactiveRaven/jqBootstrapValidation | * https://github.com/ReactiveRaven/jqBootstrapValidation |
| * https://github.com/Corollarium/validarium |
| |
==== Form Builder ==== | ==== Form Builder ==== |
* https://github.com/brianreavis/selectize.js [[http://brianreavis.github.io/selectize.js/|DEMO]] | * https://github.com/brianreavis/selectize.js [[http://brianreavis.github.io/selectize.js/|DEMO]] |
| |
| ==== Auto submit ==== |
| |
| * https://github.com/simsalabim/sisyphus - [[http://sisyphus-js.herokuapp.com/|DEMO]] |
==== Wizard ==== | ==== Wizard ==== |
| |
==== File Input ==== | ==== File Input ==== |
| |
* https://github.com/grevory/bootstrap-file-input | * https://github.com/grevory/bootstrap-file-input :!: |
* https://github.com/markusslima/bootstrap-filestyle/ [[http://dev.tudosobreweb.com.br/bootstrap-filestyle/|DEMO]] | * https://github.com/markusslima/bootstrap-filestyle/ [[http://dev.tudosobreweb.com.br/bootstrap-filestyle/|DEMO]] |
* http://gregpike.net/demos/bootstrap-file-input/demo.html | * http://gregpike.net/demos/bootstrap-file-input/demo.html |
* https://github.com/jasny/bootstrap/ [[http://jasny.github.io/bootstrap/javascript/#fileinput|DEMO]] | * https://github.com/jasny/bootstrap/ [[http://jasny.github.io/bootstrap/javascript/#fileinput|DEMO]] |
* https://github.com/RubaXa/jquery.fileapi | * https://github.com/RubaXa/jquery.fileapi |
| * |
| |
==== Tree view ==== | ==== Tree view ==== |