vditor icon indicating copy to clipboard operation
vditor copied to clipboard

Published 20 hours ago • verified publisher icon Vanessa219

Add draw.io support

Open lianghongkey opened this issue 4 years ago • 12 comments
trafficstars

  • [x] I agree to follow the Code of Conduct that this project adheres to.
  • [x] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Is your feature request related to a problem? Please describe. draw.io 能很清晰的 图形化的操作，构建理想的图形类。

Describe the solution you'd like 增加一种渲染类型，编辑的时候弹出独立的页面，点击保存后返回，自动显示渲染结果

Describe alternatives you've considered 插入图片，需要复杂的的图床，并且管理起来麻烦， 如果有draw.io 能避免图床，保持笔记的单文件存储。 其他的图形方式，编辑及表达能力 都不理想。 draw.io 是开源的。

Additional context

lianghongkey avatar Jun 28 '21 02:06 lianghongkey

这个是嵌入 iframe 还是其他的什么形式？

Vanessa219 avatar Jun 28 '21 04:06 Vanessa219

如果是 iframe 的话可以直接嵌入。

Vanessa219 avatar Jul 01 '21 14:07 Vanessa219

谢谢回答，

应该说不是iframe，是类似对 graphviz 进行渲染，和编辑 编辑的时候，调用draw.io 的控件进行编辑，

draw.io保存的文件是 ***.drawio 类似这样：

<mxfile host="app.diagrams.net" modified="2021-06-08T07:01:13.561Z" agent="5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15" etag="LRD6Z8_9qk7FBmSV99jo" version="14.7.0" type="device"><diagram id="haN4--hTYtj9kf6mkCsI" name="Page-1">7VrLcpswFP0aL9PhKeNl7DhtMmkmk/ThrDoyiEcLyJVFDP36ChAGqiRDGhsROyujIwlL99xzBBIjfRalHwlc+Z+xg8KRpjjpSD8baZqqWoD95EhWImCilIBHAqeEGsBd8AfxnhWaBA5ac6yEKMYhDVZt0MZxjGzawiAheNNu5uLQaQEr6CEBuLNhKKLfA4f6HAWmUVd8QoHnV3+tgklZE8GqNZ/KKY4AUEve6pbjI0eYjnAIvb126FvI3Ym5YpOfYTIfbXaMOAnpbpXSy62tDyuTpZO4KENge31qpHuNaqnb9r0GSuttUwG9QEu11jHYgs91FZANtCS7c3WahtWQzgsF18Ezh8WWhdZSH1uL0aZi9PoUNRCBgPTiHiidyuV+2hBn+fXz2wYv2hY1HX+F5Un/8F</diagram></mxfile>

lianghongkey avatar Jul 02 '21 03:07 lianghongkey

Graphviz 的输入是文本，输出是 svg。drawio这个不太明白，可能先需要去调研一下。

Vanessa219 avatar Jul 02 '21 08:07 Vanessa219

我不是做前端的，只是对笔记有高需求

drawio 存储的是文本， 输出的话可以直接用控件渲染，不用转html

lianghongkey avatar Jul 02 '21 08:07 lianghongkey

好的，最近在忙思源 1.2 发布，后期去调研一下。感谢。

Vanessa219 avatar Jul 02 '21 12:07 Vanessa219

drawio的作者做的集成方式： 演示：http://jgraph.github.io/drawio-integration/webdav/self-editing.svg 源码：https://github.com/jgraph/drawio-integration/ 用过类似集成drawio的产品，感觉十分方便，复杂点的流程图，思维导图等都可以解决，双击图片可以即时编辑。😂

dadaxian avatar Jan 16 '22 09:01 dadaxian

nice, 这样其实也可以用来做 图片的功能，而不用图床。

lianghongkey avatar Jan 23 '22 04:01 lianghongkey

drawio也能往里插图片，就怕插的图片比较大，我是统一放到阿里云的oss里的，个人使用还挺舒服的

dadaxian avatar Jan 23 '22 05:01 dadaxian

@dadaxian 之前看到这个issue我去研究了一下draw.io，他的跳转集成是通过参数传递实现的。draw.io 似乎不开放源代码进行二次开发，需要自己部署整套的项目服务。如果不修改源码的话，从开发角度来说上手一般。。。这个需要深度的二次开发

HerbertHe avatar Feb 21 '22 18:02 HerbertHe

是的，简单的做图片的绘画，然后回传回去插入到文档中，上手难度一般。这个drawio应该就是源码吧😂，我确实是打个war包整套项目部署的。

dadaxian avatar Feb 22 '22 02:02 dadaxian

是的，简单的做图片的绘画，然后回传回去插入到文档中，上手难度一般。这个drawio应该就是源码吧😂，我确实是打个war包整套项目部署的。

这玩意得自己布局，二次开发与主仓就很难保持一致更新了

HerbertHe avatar Feb 22 '22 05:02 HerbertHe