点击上方“方志朋”,选择“设为星标”

回复”666“获取新整理的面试文章


来自:公众号 机器之心

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

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

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

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

Markdeep 非常容易使用,它也不需要安装插件或联网。如上所示只要在纯文本最后加上「<!—Markdeep→」那一行的表达式,它就可以变成一个地道的 Markdown 编辑器。Markdeep 不需要额外安装任何东西,也不需要导出、编译等杂七杂八的过程。

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

插个广告:我把公众号(Java后端)的高质量文章整理成了一个 PDF ,关注公众号后点击菜单「精品博文」获取。

开源代码

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">

想要看看效果?你可以将文本拖入浏览器或双击它。即使网络离线也可以查阅文档。如果不想因为离线而失去格式,可以将 markdeep.min.js 文件和文档保存在一个文件夹中。

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

上手示例

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

简而言之,配备完善,对于熟悉 Markdown 的小伙伴来说,用起来会十分顺手及方便。这意味着,在有网的情况下,随意拎一个文本编辑器后,就再也没有人能拦得了你使用 Markdown 了。与此同时,时时预览效果也非常简便,只需要在文本编辑器里修改,浏览器中刷新下便可呈现最新效果。

Markdeep 能干什么

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

  • API 文档

  • 教学大纲

  • 游戏设计文件

  • 家庭作业

  • 课程 PPT

  • 软件库网站

  • 个人博客

  • 简历

  • 论文

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

Markdeep 制作的 PPT。

Markdeep 制作的个人简历。

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

热门内容:我把SpringBoot项目从18.18M瘦身到0.18M,部署起来真省事!
老大批评我不要为了“分库分表”而“分库分表”
真能一快遮"百丑"?为什么要弃坑 FastJson
面试再被问到 ConcurrentHashMap,把这篇文章甩给他!
干掉 try catch !最近面试BAT,整理一份面试资料《Java面试BAT通关手册》,覆盖了Java核心技术、JVM、Java并发、SSM、微服务、数据库、数据结构等等。
获取方式:点“在看”,关注公众号并回复 666 领取,更多内容陆续奉上。
明天见(。・ω・

一行代码:你的纯文本秒变Markdown相关推荐

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

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

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

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

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

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

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

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

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

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

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

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

  7. Python技巧-只用一行代码轻松实现图片文本识别

    生活中我们可能会遇到需要从图片上获取文本内容的情况,人工去核对的话非常头疼.今天小千就来教大家使用Python一行代码就能实现文本识别,下面来看看吧. Python图片文本识别 这里我们需要用到两个库 ...

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

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

  9. 最牛X的一行代码:让你的支付宝余额变亿!

    一行代码让你的支付宝资产变亿!! 让我们看看一下效果图: 正文 让我们看看一下效果图: 这张图是发的朋友圈 哈哈哈哈~~~ 个人博客首页 注:知识搬运,供学习交流使用,侵联删! 正文 第一步:打开支付 ...

最新文章

  1. 【怒怼老乔】居然苹果手机IOS系统还不支持css3的transparent属性值,我去~~~~
  2. python openoffice_windows下安装UNO,配置AEROO_REPORT (Openoffice4已经升级为Python2.7.5版)...
  3. 网络:WiFi6和WiFi5的区别介绍
  4. [导入]Linux下载工具利器ProZilla和ProzGUI
  5. 【内网渗透】找到内网关键节点
  6. jdk源码——HashMap
  7. StringBuffer和String,StringBuilder的区别?
  8. 安装linux没有raid驱动程序,LINUX 无法在 RAID 上安装的问题
  9. 易筋SpringBoot 2.1 | 第十四篇:SpringBoot的HikariCP
  10. QTP/UFT11.5官方下载与安装
  11. 数据挖掘实战系列 之 Kaggle 练习项目快速入门
  12. netts之 CTWSocket代码流程分析(整体是客户端请求式的)
  13. 算法的时间复杂度排序
  14. 星际航行游戏流程(Unity 初学者)
  15. HTTP请求服务器 statuscode的状态码说明 (statuscode==500)
  16. Matlab报错错误使用symengine
  17. 基于STM32开发的CO2浓度、温湿度、气压监测系统
  18. 魅族5.0以上支付宝开发程序崩溃,异常ActivityNotFoundException,其实是flyme6的安全模式搞的鬼
  19. CSS中的滑动门技术
  20. 已有项目依赖cordovaLib打包后调用插件崩溃问题

热门文章

  1. 2017 ACM/ICPC 南宁赛区小结 By JSB @ Reconquista
  2. Parallels Desktop 重装系统
  3. 超简单的网页选项卡---jQuery
  4. JavaScript学习笔记 - 入门篇(1)- 准备
  5. (拆点+最小路径覆盖) bzoj 2150
  6. 【2011-3】【旋转表格】
  7. java myeclipse jar 导出问题
  8. 开篇第一题:经典中的经典!
  9. 如何查看服务器有多少网站--免费工具
  10. Scratch青少年编程能力等级测试模拟题(四级)