XMind Viewer

一个用于浏览器的简单的 XMind 预览组件。

依赖

• jszip
• @antv/g6 可选

安装

npm install @hyjiacan/xmind-viewer --save
# 或者
yarn add @hyjiacan/xmind-viewer

用法

模块引用

<style>
#app {
  width: 100vw;
  height: 100vh;
}
</style>
<div id="app"></div>

import XMindViewer from '@hyjiacan/xmind-viewer'

const container = document.getElementById('app')

async function doRender() {
  const response = await fetch("/readme.xmind");
  const buffer = await response.arrayBuffer();
  // 直接使用 viewer 渲染界面
  const grapg = await XMindViewer.viewer.render(container)
}

doRender()

完整使用，参考文件 main.js

待办

• [ ] 备注的展示
• [ ] 标签的展示
• [ ] XML版本的样式处理