MarkdownPad安装以及绘制 UML 图
要在本地编辑和查看markdown 文件,我选择了安装MarkdownPad 2。
从官网下载了MarkdownPad 2,安装后打开md文件,出现了This view has crashed
的渲染错误
如下:
同时会给出一个弹屏,可以看到更详细的信息。
在其提供的FAQ 文档http://markdownpad.com/faq.html#livepreview-directx中给出了解决该问题的办法
在页面中搜索上述错误This view has crashed
上面说我们需要下载 一个 Awesomium 1.6.6 SDK , 我点击链接无法打开,所以直接从网上找了一个,我上传到资源里了, 下载安装后再打开md文件渲染就正常了
如果安装Awesomium 1.6.6 SDK后还是有问题,可以按照文档上的建议下载安装 Microsoft’s DirectX End-User Runtimes
同事创建的md文件中使用了PlantUML来画UML时序图(他是通过VsCode在md中集成PlantUML的,参考:VSCode 中使用 PlantUML 插件生成 UML),但是在我的MarkdownPad 2里无法正常展示,查阅了一下资料发现如果我们想在markdown文件里使用PlantUML图,有两种方式:
1.把图片地址集成到 Markdown 里面
集成方式又可以分为三种
1) 在线编写代码生成 UML 图片.然后再把图片地址集成到 Markdown 里面
可以通过http://www.plantuml.com/plantuml/uml/SyfFKj2rKt3CoKnELR1Io4ZDoSa70000 在线编写代码,生成图片,如下:
点击下方的submit按钮就可以生成下面的预览图和对应的图片url
2)对url进行编码后,把图片地址集成到 Markdown 里面
编码网站
Bob -> Helen: hello
编码后的字符串如下:
Bob%20-%3E%20Helen%3A%20hello%0A
拼接上http://g.gravizo.com/svg?
后就可以在markdown里面使用了
3)不编码使用<>将网址括起来,把图片地址集成到 Markdown 里面
注意<>中的url连接不能有回车符号,但可以有空格
2),3)方法的缺点在于对于比较复杂的代码并不合适,相对比较适合于类图的引用,对于复杂的时序图一般无法很好的展示想要的UML图;而1)对于任何使用PlantUML 代码描绘的UML图都能正常展示
2.使用Gravizo 绘图引擎
只需要用 Url 包含 PlantUML 代码放到一个 img 标签中,就可以在线实时的绘制出我们需要的 UML 图。如下 :
<img src='https://g.gravizo.com/svg?
abstract class AbstractList;
interface List;
List <|.. AbstractList;
'/>
当然这个也需要集成的 Markdown 里面支持 Gravizo 才能显示出来,我的Markdown Pad不支持Gravizo 就不能使用上述办法了
对PlantUML感兴趣的,可以看下如下文章21分钟入门UML 或者官网了解下PlantUML的语法。相比较其他的UML画图工具,PlantUML的语法还是比较简单的,而且在调整UML图的时候也不需要我们一点点去修改线条什么的。
参考资料:
Markdown 绘制 UML 图 – PlantUML + Gravizo
markdown+gravizo画UML类图
MarkdownPad安装以及绘制 UML 图相关推荐
- plantuml绘制UML图
转载自:https://www.cnblogs.com/youlangta/p/7878777.html Table of Contents 前言 什么是PlantUML 在Emacs里配置Plant ...
- 在VS Code上使用draw.io绘制UML图、架构图、原型图、网络拓扑图、组织结构图等,PeocessOn再见
简介 流程图和UML图估计是程序员偶尔需要的东西,又是话画一个流程图可以理清程序逻辑,之前用windows自带的画图来画流程图,对齐和再次编辑不太好处理,后来室友推荐了processon Proces ...
- Markdown绘制UML图
下面介绍一种可以在Markdown中使用的绘制UML工具 -- PlantUML,以及渲染引擎 Gravizo 1. PlantUML简介 可以登陆 PlantUML官网 看一下,里面有支持的UML类 ...
- 安卓手机绘制uml图_UML图是用什么软件画的?
用例图是一类用于表现某系统的功能需求的图表.用例图是从用户的角度去呈现系统功能,并且明确各系统功能的操作着.绘制用例图经常会用到用例与执行者两种元素.用例位于某系统功能的范围内,用例的执行者则在方框外 ...
- js设计模式与绘制UML图 - 打车的面试题
题干描述 打车时,你可以打快车和专车 无论什么车,都有车牌号和车辆名称 打不同的车价格不同,快车每公里 1 元,专车每公里 2 元 打车时,你要启动行程并显示车辆信息 结束行程,显示价格(假定行驶了 ...
- 【Java】Java绘制UML图
1.继承关系(Inheritance) 继承指的是一个类(子类.子接口)继承另外的一个类(父类.父接口)的功能,通过关键字 extends 明确标识 UML图 继承用一条带空心三角箭头的实线表示,从子 ...
- 使用Markdown绘制UML图
UML图是一种交互图,它显示了进程如何相互操作以及以什么顺序运行,更多详情 UML示例 #mermaid-svg-6gUBKncz7oM7Coy2 {font-family:"trebuch ...
- visio画卷积神经网络示意图_visio模型绘制(如何使用visio2013如何绘制UML图)
在visio中迭代模型图怎么制作 visio里的数据库的ER图于课本上的不一样,因此只要使用相同的图形就可以了. 我一般是使用基本流程图(文件-形状-流程图-基本流程图)中的进程(矩形)和判定(菱形) ...
- macOS在IDEA上集成PLANTUML Graphviz绘制UML图并导出SVG
MAC在IDEA上集成PLANTUML Graphviz的步骤 1.参考链接:MAC下使用IDEA集成PLANTUML的步骤,以及DOT EXECUTABLE:NULL NO DOT EXECUTAB ...
最新文章
- idea junit简单实践
- 网络运维之计算机端口
- c# partial class 的用法
- 安装zookeeper集群及出现的问题
- tcp_nodelay memcached java_TCP_NODELAY 和 TCP_NOPUSH
- 如何在linux(ubuntu)的wine环境下开启source insight的tabsihost(或tabsiplus)
- 【Opencv-Ubuntu】论clone对Mat的重要性
- flink入门_Flink从入门到放弃-入门篇
- 解决微信商户号无法开通企业付款到零钱
- Python多项逻辑回归用LogisticRegression识别英文字母数据集letter-recognition.data
- 网站流量日志数据分析系统(模块开发----数据仓库设计)
- java获取手机通讯录权限_iOS6 中如何获得通讯录访问权限
- 一文带你初识RDMA技术——RDMA概念,特点,协议,通信流程
- 关系型数据库迁移达梦数据库
- netty 简单demo
- 电动车NFC一键启动(仪表总成、电源锁)_Ci522 Ci523_小体积超低成本13.56M非接触式读写器芯片
- [蓝牙]蓝牙的初步简介与应用 及其技术要点--更新中
- 计算机组装过程注意事项,DIY小白必看 新手组装电脑常犯的四个注意事项
- C# COM组件注册
- 总结李彦宏29条军规 百度《壹百度》
热门文章
- SpringBoot 上传多个文件
- 位操作/获取数组的个数
- Altium Designer 18/AD 设置禁止布线层和铜皮或者其他线之间的间距
- yield next和yield* next的区别
- HDU多校4 - 6992 Lawn of the Dead(线段树+模拟)
- CodeForces - 1055C Lucky Days(数论)
- 洛谷 - P2944 [USACO09MAR]Earthquake Damage 2 G(最小割)
- PAT (Basic Level) 1091 N-自守数(模拟+stl)
- HDU - 5874 Friends and Enemies(思维)
- 数据分析与挖掘理论-数据探索