Javascript markmap:将思维导图插入HTML

Javascript markmap:将思维导图插入HTML,javascript,svg,d3.js,hugo,mindmap,Javascript,Svg,D3.js,Hugo,Mindmap,我想在电脑上使用思维导图,这正是我想要的。但我对它的语法非常不熟悉。(参见下面的代码块)我甚至不知道它是什么语言(是吗?) ((e,t)=>{ 常量{Markmap:r}=e(); window.mm=r.create(“svg#思维导图其他”,null,t) })( ()=>window.markmap,/*参数e*/ {}/*参数t*/ ); 我希望我能将最下面的两个脚本整合成一个脚本;这两者非常相似。请帮助我或告诉我在哪里可以找到语法文档,谢谢 你可以自己试试这个 我提供的版本如下 我的

我想在电脑上使用思维导图,这正是我想要的。但我对它的语法非常不熟悉。(参见下面的代码块)我甚至不知道它是什么语言(是吗?)

((e,t)=>{
常量{Markmap:r}=e();
window.mm=r.create(“svg#思维导图其他”,null,t)
})(
()=>window.markmap,/*参数e*/
{}/*参数t*/
);
我希望我能将最下面的两个脚本整合成一个脚本;这两者非常相似。请帮助我或告诉我在哪里可以找到语法文档,谢谢

你可以自己试试这个

我提供的版本如下

我的问题是:如何将最后两个脚本合并为一个脚本(使代码美观?)


标记图
* {
保证金:0;
填充:0;
}
.思维导图{
显示:块;
宽度:100vw;
高度:100vh;
}
/*脚本语言*/
((e,t)=>{
常量{Markmap:r}=e();
window.mm=r.create(“svg#mindmap lang”,null,t)
})(
()=>window.markmap{
“t”:“根”,“d”:0,“v”:“郎”,“c”:
[
{“t”:“标题”,“d”:1,“v”:“郎”,“c”:[
{“t”:“标题”,“d”:2,“v”:“},
{“t”:“标题”,“d”:2,“v”:“JS”,“c”:[
{“t”:“heading”,“d”:3,“v”:“jquery”},
{“t”:“标题”,“d”:3,“v”:“d3js”}
]
}
]},
{“t”:“标题”,“d”:1,“v”:“新闻”,“c”:[]}
]}
);
/*脚本其他*/
((e,t)=>{
常量{Markmap:r}=e();
window.mm=r.create(“svg#思维导图其他”,null,t)
})(
()=>window.markmap{
“t”:“标题”,“d”:0,“v”:“其他”,“c”:
[
{“t”:“标题”,“d”:1,“v”:“H1”},
{“t”:“标题”,“d”:1,“v”:“H1”,“c”:[
{“t”:“标题”,“d”:2,“v”:“H2”},
{“t”:“标题”,“d”:2,“v”:“H2”}
]
}
]}
);
  • 脚本标记中的那些函数是已知的,因为它在定义后立即运行
  • 它接受两个参数,它们是
    window.markmap
    ,另一个是要表示的
    对象

    所以你可以把它们结合起来,像我一样生活

    
    标记图
    * {
    保证金:0;
    填充:0;
    }
    .思维导图{
    显示:块;
    宽度:100vw;
    高度:100vh;
    }
    /*脚本语言*/
    ((e)=>{
    常数{
    标记地图:r
    }=e();
    window.mm=r.create(“svg#思维导图语言”,null{
    “t”:“根”,
    “d”:0,
    “v”:“郎”,
    “c”:[{
    “t”:“标题”,
    “d”:1,
    “v”:“郎”,
    “c”:[{
    “t”:“标题”,
    “d”:2,
    “v”:”
    },
    {
    “t”:“标题”,
    “d”:2,
    “v”:“JS”,
    “c”:[{
    “t”:“标题”,
    “d”:3,
    “v”:“jquery”
    },
    {
    “t”:“标题”,
    “d”:3,
    “v”:“d3js”
    }
    ]
    }
    ]
    },
    {
    “t”:“标题”,
    “d”:1,
    “v”:“新闻”,
    “c”:[]
    }
    ]
    })
    window.mm-r.create(“svg#思维导图其他”,空{
    “t”:“标题”,
    “d”:0,
    “v”:“其他”,
    “c”:[{
    “t”:“标题”,
    “d”:1,
    “v”:“H1”
    },
    {
    “t”:“标题”,
    “d”:1,
    “v”:“H1”,
    “c”:[{
    “t”:“标题”,
    “d”:2,
    “v”:“H2”
    },
    {
    “t”:“标题”,
    “d”:2,
    “v”:“H2”
    }
    ]
    }
    ]
    })
    })(()=>window.markmap);
    
    @XxSTREKxX已经非常清楚地解释了我将答案组织成我喜欢的风格

    重点是,

    (
    (第1段,第2段,…,第n段)=>{
    /*实现您的逻辑*/
    }
    )(输入参数1,输入参数2,…,输入参数n)
    
    我的示例的完整代码

    
    标记图
    * {
    保证金:0;
    填充:0;
    }
    .思维导图{
    显示:块;
    宽度:100vw;
    高度:100vh;
    }  
    ((e,lang_json,other_json)=>{
    常量{Markmap:r}=e();
    window.mm=r.create(“svg#mindmap lang”,null,lang_json)
    window.mm=r.create(“svg#mindmap-other”,null,other_-json)
    })(
    ()=>window.markmap,/*参数e*/
    {/*参数lang_json*/
    “t”:“根”,“d”:0,“v”:“郎”,“c”:
    [
    {“t”:“标题”,“d”:1,“v”:“郎”,“c”:[
    {“t”:“标题”,“d”:2,“v”:“},
    {“t”:“标题”,“d”:2,“v”:“JS”,“c”:[
    {“t”:“heading”,“d”:3,“v”:“jquery”},
    {“t”:“标题”,“d”:3,“v”:“d3js”}
    ]
    }
    ]},
    {“t”:“标题”,“d”:1,“v”:“新闻”,“c”:[]}
    ]
    },
    {/*参数其他_json*/
    “t”:“标题”,“d”:0,“v”:“其他”,“c”:
    [
    {“t”:“标题”,“d”:1,“v”:“H1”},
    {“t”:“标题”,“d”:1,“v”:“H1”,“c”:[
    {“t”:“标题”,“d”:2,“v”:“H2”},
    {“t”:“标题”,“d”:2,“v”:“H2”}
    ]
    }
    ]
    }
    );
    
    嘿,您给出的脚本看起来像是一个为箭头而活的函数。是的,你猜对了!它的类型脚本。我删除了第二个脚本标签,它似乎工作得很好。它有什么用?@XxSTREKxX我更新了问题,第二个脚本是创建
    script Other