Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
java-script:jquery:plugins [2017/12/30 22:57] – [Просмотр в окне / Lightbox] mirocowjava-script:jquery:plugins [2019/10/14 22:24] (текущий) – [Редакторы] mirocow
Строка 3: Строка 3:
 ====== JQuery plugins / Плагины (Bootstrap) ====== ====== JQuery plugins / Плагины (Bootstrap) ======
  
-  * [[:bootstrap|Bootstrap]]+  * [[develop:bootstrap|Bootstrap]]
   * http://jquery-plugins.net   * http://jquery-plugins.net
 ====== Cookie ====== ====== Cookie ======
Строка 21: Строка 21:
   * 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/ 
  
 ======= Визульное отображение / Виджеты ======= ======= Визульное отображение / Виджеты =======
Строка 54: Строка 47:
   * 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 =====
  
Строка 74: Строка 84:
 ===== Комбобокс / Селекторы / 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
Строка 85: Строка 96:
   * 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 ====
Строка 109: Строка 132:
   * 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]]
  
 ===== Переключатели ===== ===== Переключатели =====
Строка 142: Строка 167:
   * 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 =====
  
Строка 197: Строка 222:
 ===== Notify ===== ===== Notify =====
  
-  * https://github.com/goodybag/bootstrap-notify +  * https://github.com/CodeSeven/toastr [[http://codeseven.github.io/toastr/demo.html|DEMO]] :!: 
-  * **http://pinesframework.org/pnotify** [[http://sciactive.com/pnotify/|DEMO]]  *+  * http://pinesframework.org/pnotify [[http://sciactive.com/pnotify/|DEMO]]  :!: 
 +  https://github.com/mouse0270/bootstrap-notify [[http://bootstrap-notify.remabledesigns.com/|DEMO]] :!:
   * https://github.com/Nijikokun/bootstrap-notify   * https://github.com/Nijikokun/bootstrap-notify
   * https://github.com/jpillora/notifyjs [[http://notifyjs.com/|DEMO]]   * https://github.com/jpillora/notifyjs [[http://notifyjs.com/|DEMO]]
   * https://github.com/goodybag/bootstrap-notify [[http://goodybag.github.io/bootstrap-notify/|DEMO]]   * https://github.com/goodybag/bootstrap-notify [[http://goodybag.github.io/bootstrap-notify/|DEMO]]
-  * http://goodybag.github.io/bootstrap-notify/ 
-  * https://github.com/goodybag/bootstrap-notify 
   * https://github.com/cnlevy/jNotify   * https://github.com/cnlevy/jNotify
 +  * https://ned.im/noty/
 +  * https://notifyjs.com/ :!:
 +  * http://akquinet.github.io/jquery-toastmessage-plugin/
 +  * https://taitems.github.io/iOS-Overlay/
 +  * http://roshiro.github.io/TitleNotifier.js/
 +  * https://ifightcrime.github.io/bootstrap-growl/
 +  * http://danielraftery.com/read/Sticky-A-super-simple-notification-system-for-jQuery
 +  * http://naoxink.hol.es/notifIt/
 +  * http://amaranjs.com/
 +  * https://github.com/pontikis/jui_alert/
 +  * https://fabien-d.github.io/alertify.js/
 +  * https://github.com/needim/noty [[https://ned.im/noty/#/|DEMO]]
 +  * http://jhuet.github.io/jquery-jnotify/
  
 ==== growl ==== ==== growl ====
Строка 233: Строка 270:
   * https://www.jqueryscript.net/demo/Quick-Simple-LightBox-Plugin-Boxer/demo/   * https://www.jqueryscript.net/demo/Quick-Simple-LightBox-Plugin-Boxer/demo/
   * https://jqueryhouse.com/jquery-lightbox-plugins/   * https://jqueryhouse.com/jquery-lightbox-plugins/
 +  * http://jslightbox.felixhagspiel.de/
  
 ===== Модальные окна ===== ===== Модальные окна =====
Строка 273: Строка 311:
 ===== Слайдеры ===== ===== Слайдеры =====
  
-  * 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 ====
  
Строка 293: Строка 332:
  
   * 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
Строка 305: Строка 345:
   * **https://github.com/DataTables/DataTables**   * **https://github.com/DataTables/DataTables**
  
-==== Control input length ====+==== Input controls ====
  
-  * https://github.com/mimo84+=== Masks ===
  
-==== Validation ====+  * 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 === 
 + 
 +  * https://github.com/mimo84/bootstrap-maxlength 
 + 
 +==== Validate ====
  
   * https://github.com/ReactiveRaven/jqBootstrapValidation   * https://github.com/ReactiveRaven/jqBootstrapValidation
 +  * https://github.com/Corollarium/validarium
  
 ==== Form Builder ==== ==== Form Builder ====
Строка 348: Строка 402:
   * 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 ====
  
Строка 368: Строка 425:
 ==== 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 ====