How to add tooltip in a node using jsMind library?

Question

I want to customize my mind map using jsMind

Currently this is my code:

var mind = {            meta: {
                        name: 'jsMind remote',
                        author: 'hizzgdev@163.com',
                        version: '0.2',
                    },
                    format: 'node_tree',
                    data: {
                        id: 'root',
                        topic: 'jsMind',
                        children: [
                            {
                                id: 'easy',
                                topic: 'Easy',
                                direction: 'left',
                                children: [
                                    { id: 'easy1', topic: 'Easy to show' },
                                    {
                                        'id': 'other3',
                                        'background-image': 'ant.png',
                                        'width': '100',
                                        'height': '100',
                                    },
                                ],
                            },
                            {
                                id: 'open',
                                topic: 'Open Source',
                                direction: 'right',
                                children: [
                                    {
                                        'id': 'open2',
                                        'topic': 'BSD License',
                                        'leading-line-color': '#ff33ff',
                                    },
                                ],
                            }
                };
                _jm.show(mind);

Any ideas to complete this challenge are welcome.

I tried to execute in the browser but i don't know how to implement that i wanted to do. EDITED I have changed the code a made a new line perfectly but a tooltip doesn't appear.

score 1 · Accepted Answer · edited Jan 02 '23 at 13:09

1

jsMind does not provide a built-in mechanism to display tooltip, but the topic of node can be HTML, so would you like to have a try to add a tooltip to it with HTML? Like that:

var mind = {
    // ...
    data: {
        id: 'root'
        topic: '<span title="good">jsMind Example<span>'
    }
    // ...
}

screenshot of it

edited Jan 02 '23 at 13:09

Ciprian

872
1
10
30

answered Jan 01 '23 at 06:26

hizzgdev

36
3

How to add tooltip in a node using jsMind library?

1 Answers1