vditor实现思维导图示例代码-html代码-BFW代码库

vditor实现思维导图示例代码

代码语言：html

所属分类：图表

代码描述：vditor实现思维导图示例代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/js/vditor/vditor.css">

</head>

<body>
    <div id="main" class="vditor-reset">
        <div data-code="%7B%22name%22:%20%22Root%22,%20%22children%22:%20%5B%7B%22name%22:%20%22%E6%95%99%E7%A8%8B%22%7D,%20%7B%22name%22:%20%22%E8%AF%AD%E6%B3%95%E6%8C%87%E5%AF%BC%22,%20%22children%22:%20%5B%7B%22name%22:%20%22%E6%99%AE%E9%80%9A%E5%86%85%E5%AE%B9%22%7D,%20%7B%22name%22:%20%22%E6%8F%90%E5%8F%8A%E7%94%A8%E6%88%B7%22%7D,%20%7B%22name%22:%20%22%E8%A1%A8%E6%83%85%E7%AC%A6%E5%8F%B7%20Emoji%22,%20%22children%22:%20%5B%7B%22name%22:%20%22%E4%B8%80%E4%BA%9B%E8%A1%A8%E6%83%85%E4%BE%8B%E5%AD%90%22%7D%5D%7D,%20%7B%22name%22:%20%22%E5%A4%A7%E6%A0%87%E9%A2%98%20-%20Heading%203%22,%20%22children%22:%20%5B%7B%22name%22:%20%22Heading%204%22,%20%22children%22:%20%5B%7B%22name%22:%20%22Heading%205%22,%20%22children%22:%20%5B%7B%22name%22:%20%22Heading%206%22%7D%5D%7D%5D%7D%5D%7D,%20%7B%22name%22:%20%22%E5%9B%BE%E7%89%87%22%7D,%20%7B%22name%22:%20%22%E4%BB%A3%E7%A0%81%E5%9D%97%22,%20%22children%22:%20%5B%7B%22name%22:%20%22%E6%99%AE%E9%80%9A%22%7D,%20%7B%22name%22:%20%22%E8%AF%AD%E6%B3%95%E9%AB%98%E4%BA%AE%E6%94%AF%E6%8C%81%22,%20%22children%22:%20%5B%7B%22name%22:%20%22%E6%BC%94%E7%A4%BA%20Go%20%E4%BB%A3%E7%A0%81%E9%AB%98%E4%BA%AE%22%7D,%20%7B%22.........完整代码请登录后点击上方下载按钮下载查看