一行代码让纯文本编辑器秒变 Markdown 编辑器
转自机器之心
只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 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 编辑器相关推荐
- 只需一行代码,纯文本秒变Markdown
机器之心 机器之心编辑部 只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器. Markdeep 是一个用来写纯文本的插件,它能以 Markdown 的语法与渲染方式纯文本 ...
- 又一个神器!只需一行代码,纯文本秒变Markdown
机器之心报道 只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器. Markdeep 是一个用来写纯文本的插件,它能以 Markdown 的语法与渲染方式纯文本,并在网页上 ...
- Python神器!只需一行代码,纯文本秒变Markdown!
机器之心报道 只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器. Markdeep 是一个用来写纯文本的插件,它能以 Markdown 的语法与渲染方式纯文本,并在网页上 ...
- 一行代码:你的纯文本秒变Markdown
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章 来自:公众号 机器之心 只要你有纯文本编辑器,加上一条语句,瞬间它 ...
- 只需一行代码,你的纯文本秒变 Markdown
点击上方"视学算法",选择"星标"公众号 重磅干货,第一时间送达 只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器. Markde ...
- 只需一行代码,你的纯文本秒变Markdown
关注上方"深度学习技术前沿",选择"星标公众号", 资源干货,第一时间送达! 本文转载自:机器之心 只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Mar ...
- 仅需一行代码,你的纯文本秒变Markdown
只要你有纯文本编辑器,加上一条语句,瞬间它就可以成为 Markdown 编辑器. Markdeep 是一个用来写纯文本的插件,它能以 Markdown 的语法与渲染方式纯文本,并在网页上展示.同时,除 ...
- 欢迎使用CSDN-markdown编辑器--全新的markdown编辑器,存档一份,学习使用
这里写自定义目录标题 欢迎使用Markdown编辑器 新的改变 功能快捷键 合理的创建标题,有助于目录的生成 如何改变文本的样式 插入链接与图片 如何插入一段漂亮的代码片 生成一个适合你的列表 创建一 ...
- MATLAB | 一行代码让你的绘图背景变得逼格满满
写了一个能让坐标区域变得很炫酷的修饰函数: 同时想到了一个很有意思的把函数存储进mat文件的方法,方法就不细讲了,大家自行点开.mat文件能够很轻松的理解原理(大概), 使用方式 首先说明一下函数咋用 ...
- css海浪动画代码,不行一行代码,纯css实现海浪动态效果!
直入主题:首先画一个简单的盒子: 利用::before与::after画两个圆角值(radius)不同的不规则圆形: 父元素设置overflow: hidden 最后加上animation动画让两个不 ...
最新文章
- klock 分布式锁重大更新
- 【javascript】深入理解对象
- Cesium - 转换obj模型为3D Tiles 并加载
- 【简便解法】1077 互评成绩计算 (20分)_32行代码AC
- 通过WordPress内置函数批量添加文章
- PHP array_map()
- 20145209 《信息安全系统设计基础》第14周学习总结
- property和attribute的区别
- 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_2-7.接口配置文件自动映射到属性和实体类配置...
- wps怎么把当前页面设置为横向_办公软件操作技巧011:如何将word文档的部分页面改为横向...
- 圆通快递单css样式
- 链游:不要只争朝夕,要寄望百年
- H5页面 禁止微信分享转发按钮
- 玩转教育计算机二级,全国计算机等级考试二级msoffice高级应用教材《玩转office轻松过二级》配套模拟软件使用说明.doc...
- 耗时一个月上架了一款微信小程序,赚了2022年的第一笔副收入
- 简约木板背景论文答辩PPT模板
- 机器人二弟_“可佳二代”机器人好性感
- Network connection problem with T2080RDB-PC
- 研究一下列车时刻表的后台表结构和常用的查询SQL
- js解析PSD文件,Java处理psd文件智能图层
热门文章
- Android:Intent传递数据
- 《社交网站界面设计(原书第2版)》——3.6 指纹或Bio指纹
- centos下的nginx安装工作记录20130701
- Python, Ruby 与 Groovy,谁与争锋
- 推荐2款在线Ascii画图工具
- 「leetcode」37. 解数独【回溯算法】详细图解!
- hdu 4336 Card Collector 容斥原理 多校联合赛(四) 第六题
- Lightroom 教程,如何将照片从 Lightroom 移至Photoshop,在 Ps 中合并图像?
- Texpad for Mac(LaTeX编辑器软件)
- 用“无线诊断”工具解决 Mac 出现的 WiFi 连接问题