All Projects → samdark → codemirror-autosuggest

samdark / codemirror-autosuggest

Licence: other
CodeMirror autosuggest addon

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to codemirror-autosuggest

React Autosuggest
WAI-ARIA compliant React autosuggest component
Stars: ✭ 5,773 (+13020.45%)
Mutual labels:  autocomplete, autosuggest
Downshift
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
Stars: ✭ 10,183 (+23043.18%)
Mutual labels:  autocomplete, autosuggest
Autosuggest Trie
Minimalistic trie implementation for autosuggest and autocomplete components
Stars: ✭ 22 (-50%)
Mutual labels:  autocomplete, autosuggest
Zsh Autosuggestions
Fish-like autosuggestions for zsh
Stars: ✭ 19,697 (+44665.91%)
Mutual labels:  autocomplete, autosuggest
Autosuggest Highlight
Utilities for highlighting text in autosuggest and autocomplete components
Stars: ✭ 176 (+300%)
Mutual labels:  autocomplete, autosuggest
Vue Autosuggest
🔍 Vue autosuggest component.
Stars: ✭ 492 (+1018.18%)
Mutual labels:  autocomplete, autosuggest
V Suggestions
Vue component for suggestions with custom templates
Stars: ✭ 42 (-4.55%)
Mutual labels:  autocomplete, autosuggest
Jquery Autocomplete
Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields
Stars: ✭ 3,461 (+7765.91%)
Mutual labels:  autocomplete, autosuggest
React Selectrix
A beautiful, materialized and flexible React Select control
Stars: ✭ 166 (+277.27%)
Mutual labels:  autocomplete, autosuggest
React Autowhatever
Accessible rendering layer for Autosuggest and Autocomplete components
Stars: ✭ 146 (+231.82%)
Mutual labels:  autocomplete, autosuggest
Vue Simple Suggest
Feature-rich autocomplete component for Vue.js
Stars: ✭ 324 (+636.36%)
Mutual labels:  autocomplete, autosuggest
react-abstract-autocomplete
Bring-Your-Own-UI autocomplete / mentions component for React.
Stars: ✭ 15 (-65.91%)
Mutual labels:  autocomplete, autosuggest
React Input Tags
React component for tagging inputs.
Stars: ✭ 10 (-77.27%)
Mutual labels:  autocomplete, autosuggest
React Input Enhancements
Set of enhancements for input control
Stars: ✭ 1,375 (+3025%)
Mutual labels:  autocomplete, autosuggest
addressr
Free Australian Address Validation, Search and Autocomplete
Stars: ✭ 46 (+4.55%)
Mutual labels:  autocomplete, autosuggest
fast-autocomplete
Fast Autocomplete: When Elastcsearch suggestions are not fast and flexible enough
Stars: ✭ 201 (+356.82%)
Mutual labels:  autocomplete, autosuggest
love-atom
Smart autocompletion for the LÖVE framework in Atom.
Stars: ✭ 34 (-22.73%)
Mutual labels:  autocomplete
autocomplete-semantic-web
Semantic Web Autocomplete for Atom Editor
Stars: ✭ 45 (+2.27%)
Mutual labels:  autocomplete
codemirror-buttons
CodeMirror buttons addon
Stars: ✭ 30 (-31.82%)
Mutual labels:  codemirror
esh-autosuggest
Fish-like autosuggestions in eshell.
Stars: ✭ 88 (+100%)
Mutual labels:  autosuggest

CodeMirror autosuggest addon

Triggers autocompletion when certain character is typed.

Usage

Include scripts needed into webpage.

<script src="bower_components/codemirror/lib/codemirror.js"></script>
<script src="bower_components/codemirror/addon/hint/show-hint.js"></script>
<script src="bower_components/codemirror-autosuggest/autosuggest.js"></script>

Initialize CodeMirror specifying suggestions config as an array in autoSuggest config property.

var editor = CodeMirror.fromTextArea(document.getElementById('text'), {
	mode: 'gfm',
	autoSuggest: [
        {
            mode: 'markdown',
            startChar: '@',
            listCallback: function() {
                return [
                    {
                        text: 'cebe ',
                        displayText: 'cebe'
                    },
                    {
                        text: 'jacmoe ',
                        displayText: 'jacmoe'
                    },
                    {
                        text: 'samdark ',
                        displayText: 'samdark'
                    }
                ];
            }
        },
        {
            mode: 'markdown',
            startChar: '#',
            listCallback: function() {
                return [
                    {
                        text: '#hash ',
                        displayText: 'hash'
                    }
                ]
            }
        }
    ]
});
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].