Vditor 集成 Graphviz

本贴最后更新于 230 天前,其中的信息可能已经物是人非

Vditor 集成 Graphviz 是否有必要?

我因为项目需要,集成了 Graphviz ,想提个 PR

Graphviz 显示效果图如下:

image.png

  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    86 引用 • 704 回帖 • 7 关注
  • Graphviz
    1 引用 • 7 回帖

赞助商 我要投放

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • Vanessa

    不太了解 Graphviz,mermaid 不能实现么?

    PR 直接提就可以了。感谢

    1 回复
  • jibenziliao
    作者

    好的,PR 已经提了。

    感谢大佬造轮子 🙏

  • Vanessa 1

    画一个试试

    digraph G {
    
    	subgraph cluster_0 {
    		style=filled;
    		color=lightgrey;
    		node [style=filled,color=white];
    		a0 -> a1 -> a2 -> a3;
    		label = "process #1";
    	}
    
    	subgraph cluster_1 {
    		node [style=filled];
    		b0 -> b1 -> b2 -> b3;
    		label = "process #2";
    		color=blue
    	}
    	start -> a0;
    	start -> b0;
    	a1 -> b3;
    	b2 -> a3;
    	a3 -> a0;
    	a3 -> end;
    	b3 -> end;
    
    	start [shape=Mdiamond];
    	end [shape=Msquare];
    }
    
  • aopstudio

    Graphviz 神器啊,VSCode 上面有个插件带有它,用起来超爽,要是 vditor 也能集成那再好不过了

    1 回复
  • 88250

    感谢楼主的 PR,现在 Vditor 已经通过集成 Viz.js 实现渲染 Graphviz 数据,但 Viz.js 这个项目似乎两年没有更新了项目也是存档状态,所以不知道 bug 多不多,简单场景应该能凑合用。

  • someone27889 2 评论
    捐赠者
    [style=filled,color=white]; a0 -> a1 -> a2 -> a3; label = "process #1"; } subgraph cluster_1 { node [style=filled]; b0 -> b1 -> b2 -> b3; label = "process #2"; color=blue } start -> a0; start -> b0; a1 -> b3; b2 -> a3; a3 -> a0; a3 -> end; b3 -> end; start [shape=Mdiamond]; end [shape=Msquare]; }
    
    姨???
    someone27889
    @ferried ``` 后缺少 graphviz
    88250
  • someone27889 1 评论
    捐赠者
    [style=filled,color=white]; a0 -> a1 -> a2 -> a3; label = "process #1"; } subgraph cluster_1 { node [style=filled]; b0 -> b1 -> b2 -> b3; label = "process #2"; color=blue } start -> a0; start -> b0; a1 -> b3; b2 -> a3; a3 -> a0; a3 -> end; b3 -> end; start [shape=Mdiamond]; end [shape=Msquare]; }
    
    可以可以,哈哈哈哈哈哈
    someone27889
请输入回帖内容 ...