Skip to content

mstzn/autoCompleteMe

Repository files navigation

autoCompleteMe (Work on Progress)

Bootstrap 3-4 fully customizable #hashtag, @mention autocomplete extension

For more details -> demo.html or Check live demo: http://www.mesutuzun.com/lab/autoCompleteMe/

=======================

Options

//defaults

var opts = {
            delimiters: ['@'], // delimiter to start search
            debug: false, // a lot of console.log if true
            sensitive: true, // case sensitive
            queryBy: ["name", "username"], // fields to query
            minCharacter: 2, // min character count to search
            asyncAddress: false, // ajax post request url for data
            itemTemplate: '<li data-value="{username}" class="dropdown-item {isActive}">\n' +
            '                        <a href="javascript:;"><img class="mention_image" src="{image}">\n' +
            '                            <b class="mention_name">{name}</b>\n' +
            '                            <span class="mention_username">{username_delimiter}</span>\n' +
            '                        </a>\n' +
            '                    </li>', // check demo.html
            dropDownClass: '', // add. class for dropdown tag
            staticData: [] // you can use static data, for format, demo.html
        };

Thanks...

Inspired by https://github.com/jakiestfu/Mention.js/

Releases

No releases published

Packages

No packages published