The editorjs-mention-tool from kreudev

kreudev / editorjs-mention-tool Goto Github PK

View Code? Open in Web Editor NEW

Mention Tool plugin for Editor.js, use @ and $ to print variables..

JavaScript 86.69% CSS 13.31%

editorjs-mention-tool's People

Contributors

Stargazers

Watchers

editorjs-mention-tool's Issues

vanilla example

Hello, great work @kreudev ! This was really a missing piece in EditorJS.
Is it possible to get a working example code without react ? using the default configuration there is a small issue


        var editor = new EditorJs({tools: {
            mention: {
                class: MentionTool,
                config: {
                    holder: 'editorHolder', // This is the editor Holder ( see below )
                    accessKey: "@", // Access key ( $ or @ )
                    allUsers: [ // The array with the data you want to show when the users type $
                        {
                            "id": "1234",
                            "name": "Variable 1",
                            "slug": "variable1"
                        },
                        {
                            "id": "12345",
                            "name": "Thing of v1",
                            "slug": "variable1.something"
                        },
                    ],
                    baseUrl: '', 
                    searchAPIUrl: ''
                }
            },
[..]
});

editor.js:2 Paste handling for «mention» Tool hasn't been set up because of the error TypeError: Cannot read properties of undefined (reading 'forEach')
    at MentionTool.cacheAllUsersAsUserListItems (index.js:273:1)
    at new MentionTool (index.js:54:1)
    at n.value (editor.js:2:429389)
    at e.processTool (editor.js:2:227620)
    at Array.forEach (<anonymous>)
    at w.value (editor.js:2:231492)
    at w.<anonymous> (editor.js:2:228716)
    at p (editor.js:2:356625)
    at Generator.<anonymous> (editor.js:2:357976)
    at Generator.next (editor.js:2:356996)

[Accessibility] Keyboard navigation support

This is a great plugin. Would be great if it had keyoard support(especially for up/down arrows)

i'm getting this error on selecting mentions

Unhandled Runtime Error
NotFoundError: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

Call Stack
HTMLDivElement.eval
node_modules/editorjs-mention-tool/src/index.js (683:0)

Recommend Projects