patleeman/quill-markdown-shortcuts

Issue with quill mentions

Closed this issue · 1 comments

Hi
I'm using Quill-Mentions with MarkdownShortCuts(https://github.com/patleeman/quill-markdown-shortcuts).

    <div class="container">
        <div id="editor"></div>
        <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/quill/1.3.6/quill.js'></script>
        <script src="https://cdn.jsdelivr.net/npm/quill-markdown-shortcuts@latest/dist/markdownShortcuts.js"></script>
        <script src="quillMention.js"></script> <!-- quill mention dist file-->

        <script>
            Quill.register('modules/markdownShortcuts', MarkdownShortcuts);
            const atValues = [
                { id: 1, value: 'satya' },
                { id: 2, value: 'sandy' }
            ];
            const hashValues = [
                { id: 3, value: 'Fredrik Sundqvist 2' },
                { id: 4, value: 'Patrik Sjölin 2' }
            ]
            var quill = new Quill('#editor', {
                theme: 'snow',
                modules: {
                    markdownShortcuts: {},
                    mention: {
                        allowedChars: /^[A-Za-z\sÅÄÖåäö]*$/,
                        mentionDenotationChars: ["@", "#"],
                        source: function (searchTerm, renderList, mentionChar) {
                            let values;

                            if (mentionChar === "@") {
                                values = atValues;
                            } else {
                                values = hashValues;
                            }

                            if (searchTerm.length === 0) {
                                renderList(values, searchTerm);
                            } else {
                                const matches = [];
                                for (i = 0; i < values.length; i++)
                                    if (~values[i].value.toLowerCase().indexOf(searchTerm.toLowerCase())) matches.push(values[i]);
                                renderList(matches, searchTerm);
                            }
                        },
                    }

                }
            });
        </script>
    </div>
</body>```

here is my code. https://cl.ly/ad07c5ee8c53 . I'm facing problem first if do mention
kaatt commented

@satyapendem Did you figure this out? I'm facing the same issue.