GGEditor基于 G6 和 React 的可视化图编辑器
GGEditor
演示
安装
npm
npm install --save gg-editor
umd
run demo
$ git clone https://github.com/gaoli/GGEditor.git $ cd gg-editor $ npm install $ npm start
快速开始
流程图
import GGEditor, { Flow } from 'gg-editor'; const data = { nodes: [{ type: 'node', size: '70*70', shape: 'flow-circle', color: '#FA8C16', label: '起止节点', x: 55, y: 55, id: 'ea1184e8', index: 0, }, { type: 'node', size: '70*70', shape: 'flow-circle', color: '#FA8C16', label: '结束节点', x: 55, y: 255, id: '481fbb1a', index: 2, }], edges: [{ source: 'ea1184e8', sourceAnchor: 2, target: '481fbb1a', targetAnchor: 0, id: '7989ac70', index: 1, }], };
思维导图
import GGEditor, { Mind } from 'gg-editor'; const data = { roots: [{ label: '中心主题', children: [{ label: '分支主题 1', }, { label: '分支主题 2', }, { label: '分支主题 3', }], }], };
文档
钉钉交流
评论
react-markdown-editor基于 React 的 Markdown 编辑器组件
react-markdown-editor是React.js和TypeScript实现的Markdown编辑器。Markdown编辑器带预览功能安装npmi@uiw/react-markdown-ed
react-markdown-editor基于 React 的 Markdown 编辑器组件
0
for-editor基于 React 的 Markdown 编辑器插件
for-editor是一款react下的markdown编辑器,拥有预览,快捷添加标签功能,后续逐步完善更多功能。在线预览源码地址欢迎issue,欢迎star。for-editor安装npm inst
for-editor基于 React 的 Markdown 编辑器插件
0
ORY Editor基于 React 和 Redux 的现代内容编辑器
ORYEditor是一款基于React和Redux的现代内容编辑器。简介:下一代,用于浏览器的高度可定制的内容编辑器——基于React和Redux,所见即所得。ORY是一家构建和维护开发者工具的公司,
ORY Editor基于 React 和 Redux 的现代内容编辑器
0
ORY Editor基于 React 和 Redux 的现代内容编辑器
ORY Editor是一款基于 React 和 Redux 的现代内容编辑器。简介:下一代,用于浏览
ORY Editor基于 React 和 Redux 的现代内容编辑器
0
WKRTE基于jQuery的可视化HTML编辑器
WKRTE是一个基于jQuery的可视化HTML编辑器示例代码: <textareacols="70"rows="20"class="wkrte"method="post"action="#"&
WKRTE基于jQuery的可视化HTML编辑器
0
Graphql editorGraphql 的可视化编辑器和 IDE
Graphql editor 是一款 Graphql 的可视化编辑器和 IDE,帮助用户更容易理解
Graphql editorGraphql 的可视化编辑器和 IDE
0