Notation 收费插件

Notation 插件提供单个节点的标记功能，也就是可以在单个节点上加个手绘风格的圈、背景、删除线等等，支持动画效果，就像下面这样：

你也可以在在线版中进行体验，先激活节点，然后点击上方【标记】按钮添加标记。

内部实现是通过rough-notation库，所以如果你有精力，也可以自己基于这个库来实现这个插件。

收费

扫码转账备注你要购买的插件，以及你的邮箱地址（如果达到文字上限，那么你可以分两次付款），然后会将插件文件发送到你的邮箱。购买请在充分的使用和考虑后进行，如果你对前端开发不太熟悉，不知道如何使用插件，那么请谨慎考虑购买，没有特殊原因不会退费。如果你发现了 bug，或者有需求，可以提交相关的 issue。

价格：￥ 29.9，包含未打包的源码和打包后的文件。

注册

1.引用打包后的文件：

import MindMap from 'simple-mind-map'
import Notation from 'notation.cjs.min.js'
// 或 import Notation from 'notation.esm.min.js'

MindMap.usePlugin(Notation)

2.引用未打包的源码

可以先进入到插件目录执行：

bash

npm link

然后进入到你的项目根目录执行：

bash

npm link simple-mind-map-plugin-notation

然后就可以直接导入进行使用：

import MindMap from 'simple-mind-map'
import Notation from 'simple-mind-map-plugin-notation'

MindMap.usePlugin(Notation)

注册完且实例化MindMap后可通过mindMap.notation获取到该实例。

如果你是使用 mindMap.addPlugin 方法来动态注册的组件，那么需要调用一次重新渲染的方法：

mindMap.addPlugin(Notation)
mindMap.reRender()

命令

注册了本插件后会在思维导图实例上新增SET_NOTATION命令，给节点添加标记使用该命令：

mindMap.execCommand('SET_NOTATION', appointNodes, show, config)

该命令可以传递三个参数：

appointNodes：给指定的节点实例添加标记，可以传单个节点实例，也可以传递一个节点实例数组，如果传空数组，则会给当前激活的节点添加标记；
show：Boolean，必传，是否显示标记；
config：Object，可选，标记配置，对象格式，对象的详细字段如下：

字段名称	类型	默认值	描述
type	String	circle	标记类型，可选值：underline（下划线）、box（边框）、circle（圆）、highlight（高亮）、strike-through（删除线）、crossed-off（叉）
color	String	思维导图实例化选项中的hoverRectColor配置	颜色
strokeWidth	Number	1	线宽
padding	Number	20	内边距
animate	Boolean	true	是否开启动画

示例：

// 给当前激活的节点添加一个圆类型的标记
mindMap.execCommand('SET_NOTATION', [], true, {
    type: 'circle',
    color: 'red'
})

添加标记后数据会以notation为名称保存到节点的data数据中。

Notation 收费插件 ​

收费 ​

注册 ​

命令 ​

Notation 收费插件

收费

注册

命令