转自机器之心

只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器。

Markdeep 是一个用来写纯文本的插件,它能以 Markdown 的语法与渲染方式纯文本,并在网页上展示。同时,除了 Markdown 语法,Markdeep 还额外支持图表、数学方程等扩展能力。

项目主页:https://casual-effects.com/markdeep/

我们先看看效果,如下左边是纯文本编辑器的编辑页面,右边是在浏览器上的渲染效果:

Markdeep 非常容易使用,它也不需要安装插件或联网。如上所示只要在纯文本最后加上「<!—Markdeep→」那一行的表达式,它就可以变成一个地道的 Markdown 编辑器。Markdeep 不需要额外安装任何东西,也不需要导出、编译等杂七杂八的过程。在公众号互联网架构师后台回复:8,可以获取架构师视频整套系统教程。

看着 Markdeep 很简单,但它的功能却不少,一点也不逊色于 Typora 等正统的 Markdown 编辑器。不论我们是写项目的 README 文档、实验报告,还是要做 PPT 或写论文,它都能满足。该项目提供了很多示例,例如生成的 PPT 是什么样的,后文会具体展示。

开源代码

Markdeep 是开源的,所以可以直接下载和修改源代码文件 markdeep.js。整个编辑器就是一个 JavaScript 脚本,上面定义了各种格式与渲染方式。作者表示,目前他正研究该如何有效降低脚本文件大小。

用于表格处理的部分代码,整个脚本有超过 5000 行代码。

脚本源码地址:https://casual-effects.com/markdeep/latest/markdeep.js

作者表示,这个项目本来就是一个业余项目,它并不会有完整的技术支持。不过只要提交的 Bug 足够具体,作者都会完善它。此外,该项目还会经常加入一些新特性,从 2015 年 10 月份的第一版,到今年 2 月份的最新版,这个编辑器已经维护了很长时间。

Markdeep 怎么用

如果你需要创建一个 Markdeep 的文件,只需要打开任意一个文本编辑器,然后开始编辑。完成文本编辑工作后,只需要在其底部写下一个简单的代码就行了。然后,将这个文档保存为纯文本文件,使用 .md.html 为扩展名。

<!-- Markdeep: --><style class="fallback">body{visibility:hidden;white-space:pre;font-family:monospace}</style><script src="markdeep.min.js" charset="utf-8"></script><script src="https://casual-effects.com/markdeep/latest/markdeep.min.js" charset="utf-8"></script><script>window.alreadyProcessedMarkdeep||(document.body.style.visibility="visible")</script>

如果你希望在源文档中使用 Unicode,则需要在文档顶部先加上这句话:

<meta charset="utf-8">

想要看看效果?你可以将文本拖入浏览器或双击它。即使网络离线也可以查阅文档。如果不想因为离线而失去格式,在公众号互联网架构师后台回复:8,可以获取架构师视频整套系统教程。,可以将 markdeep.min.js 文件和文档保存在一个文件夹中。

如果想要看看 Markdeep 原始文本,在文件 URL 最后加上「?noformat」即可。

上手示例

小编随手测试了几个典型 Markdown 语法,比如:代办列表、自动链接、表格、内联图片、代码。与此同时,LaTeX 的数学表达式和图形也能直接设计,而不需要任何插件。具体效果可参考:

简而言之,配备完善,对于熟悉 Markdown 的小伙伴来说,用起来会十分顺手及方便。这意味着,在有网的情况下,随意拎一个文本编辑器后,就再也没有人能拦得了你使用 Markdown 了。在公众号互联网架构师后台回复:8,可以获取架构师视频整套系统教程。,与此同时,时时预览效果也非常简便,只需要在文本编辑器里修改,浏览器中刷新下便可呈现最新效果。

Markdeep 能干什么

只要是 Markdown 支持的,Markdeep 就能够支持,它在业界和学术界能得到广泛使用。如下所示,各种题材与格式的文档都能用 Markdeep 完成:

  • API 文档

  • 教学大纲

  • 游戏设计文件

  • 家庭作业

  • 课程 PPT

  • 软件库网站

  • 个人博客

  • 简历

  • 论文

看起来 Markdeep 似乎什么都能做,项目作者同样也展示了这些方面的效果图:

Markdeep 制作的 PPT。

Markdeep 制作的个人简历。

总之,除了使用方便、展示炫酷,Markdeep 的功能也是非常强大。正如其它开发者所强调的,Markdeep 是能制作简单图表的 Markdown 工具,它以一种「ASCII Art」的方式用纯文本制作出图形,并且不用渲染也非常明晰。

猜你喜欢

1、GitHub 标星 3.2w!史上最全技术人员面试手册!FackBoo发起和总结

2、如何才能成为优秀的架构师?

3、从零开始搭建创业公司后台技术栈

4、程序员一般可以从什么平台接私活?

5、37岁程序员被裁,120天没找到工作,无奈去小公司,结果懵了...

6、滴滴业务中台构建实践,首次曝光

7、不认命,从10年流水线工人,到谷歌上班的程序媛,一位湖南妹子的励志故事

8、15张图看懂瞎忙和高效的区别!

一行代码让纯文本编辑器秒变 Markdown 编辑器相关推荐

  1. 只需一行代码,纯文本秒变Markdown

    机器之心 机器之心编辑部 只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器. Markdeep 是一个用来写纯文本的插件,它能以 Markdown 的语法与渲染方式纯文本 ...

  2. 又一个神器!只需一行代码,纯文本秒变Markdown

    机器之心报道 只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器. Markdeep 是一个用来写纯文本的插件,它能以 Markdown 的语法与渲染方式纯文本,并在网页上 ...

  3. Python神器!只需一行代码,纯文本秒变Markdown!

    机器之心报道 只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器. Markdeep 是一个用来写纯文本的插件,它能以 Markdown 的语法与渲染方式纯文本,并在网页上 ...

  4. 一行代码:你的纯文本秒变Markdown

    点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章 来自:公众号 机器之心 只要你有纯文本编辑器,加上一条语句,瞬间它 ...

  5. 只需一行代码,你的纯文本秒变 Markdown

    点击上方"视学算法",选择"星标"公众号 重磅干货,第一时间送达 只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器. Markde ...

  6. 只需一行代码,你的纯文本秒变Markdown

    关注上方"深度学习技术前沿",选择"星标公众号", 资源干货,第一时间送达! 本文转载自:机器之心 只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Mar ...

  7. 仅需一行代码,你的纯文本秒变Markdown

    只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器. Markdeep 是一个用来写纯文本的插件,它能以 Markdown 的语法与渲染方式纯文本,并在网页上展示.同时,除 ...

  8. 欢迎使用CSDN-markdown编辑器--全新的markdown编辑器,存档一份,学习使用

    这里写自定义目录标题 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题,有助于目录的生成 如何改变文本的样式 插入链接与图片 如何插入一段漂亮的代码片 生成一个适合你的列表 创建一 ...

  9. MATLAB | 一行代码让你的绘图背景变得逼格满满

    写了一个能让坐标区域变得很炫酷的修饰函数: 同时想到了一个很有意思的把函数存储进mat文件的方法,方法就不细讲了,大家自行点开.mat文件能够很轻松的理解原理(大概), 使用方式 首先说明一下函数咋用 ...

  10. css海浪动画代码,不行一行代码,纯css实现海浪动态效果!

    直入主题:首先画一个简单的盒子: 利用::before与::after画两个圆角值(radius)不同的不规则圆形: 父元素设置overflow: hidden 最后加上animation动画让两个不 ...

最新文章

  1. klock 分布式锁重大更新
  2. 【javascript】深入理解对象
  3. Cesium - 转换obj模型为3D Tiles 并加载
  4. 【简便解法】1077 互评成绩计算 (20分)_32行代码AC
  5. 通过WordPress内置函数批量添加文章
  6. PHP array_map()
  7. 20145209 《信息安全系统设计基础》第14周学习总结
  8. property和attribute的区别
  9. 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_2-7.接口配置文件自动映射到属性和实体类配置...
  10. wps怎么把当前页面设置为横向_办公软件操作技巧011:如何将word文档的部分页面改为横向...
  11. 圆通快递单css样式
  12. 链游:不要只争朝夕,要寄望百年
  13. H5页面 禁止微信分享转发按钮
  14. 玩转教育计算机二级,全国计算机等级考试二级msoffice高级应用教材《玩转office轻松过二级》配套模拟软件使用说明.doc...
  15. 耗时一个月上架了一款微信小程序,赚了2022年的第一笔副收入
  16. 简约木板背景论文答辩PPT模板
  17. 机器人二弟_“可佳二代”机器人好性感
  18. Network connection problem with T2080RDB-PC
  19. 研究一下列车时刻表的后台表结构和常用的查询SQL
  20. js解析PSD文件,Java处理psd文件智能图层

热门文章

  1. Android:Intent传递数据
  2. 《社交网站界面设计(原书第2版)》——3.6 指纹或Bio指纹
  3. centos下的nginx安装工作记录20130701
  4. Python, Ruby 与 Groovy,谁与争锋
  5. 推荐2款在线Ascii画图工具
  6. 「leetcode」37. 解数独【回溯算法】详细图解!
  7. hdu 4336 Card Collector 容斥原理 多校联合赛(四) 第六题
  8. Lightroom 教程,如何将照片从 Lightroom 移至Photoshop,在 Ps 中合并图像?
  9. Texpad for Mac(LaTeX编辑器软件)
  10. 用“无线诊断”工具解决 Mac 出现的 WiFi 连接问题