首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

MarkDown to Slide with Remark.js

展示代码,写个demo,截图,贴进去,太麻烦, 于是找了下快速把markdown转成slide的工具。...] .right-column[ 之前其实有一个工具叫做reveal.js,之前用过,印象中有点复杂。...于是搜索了下"markdown to slide",于是找到remark.js,主页就是一个slide,查看下源码发现里面直接是markdown格式的,这简直太好了,意味着我的md文件可以直接放进去。...] 定制remark.js 代码用Python写有点简单,想来最近一直在跟js打交道,于是用node来写: //slide_it.js var fs = require('fs'); var template...基本使用 node slide_it.js markdown-to-slide.md // 会生成markdown-to-slide.html文件 页面也很容易定制,比如前面的两列的处理就是 .left-column

1.4K20

原生 JS 实现 HTML 转 Markdown,以及其实现逻辑(html2md.js 或 html2markdown.js

之前因为一些需要,需要转换部分 HTML 标签成 markdown 格式,但是不知不觉就完善到一个相对完整的函数。 然后我就封装成了一个文件放在了 github ,也简单做了两个示例网页。...HTML 转换 -- https://kohunglee.github.io/html2md/example/conversion.html 直接就粘贴成 markdown 格式 -- https://...Paste_and_convert.html 代码地址在 html2md 图片 其实这类函数在 github 上有很多,但是或多或少都对 HTML 的还原支持的不够完善,比如 turndown.js...源码如下: /** * 把 html 内容转化为 markdown 格式 V1.0 * * @author kohunglee * @param {string} htmlData 转换前的...html * @return {string} 转化后的 markdown 源码 */ function html2md(htmlData){ codeContent = new

8.7K21
您找到你想要的搜索结果了吗?
是的
没有找到

基于cmark的swift markdown

开启了macOS的自动更新之后,无论是iPad(有总是爱尝鲜的客户也是醉了)还是Mac常用的App经常出现闪退,尤其对于markdown有严重依赖的lz,于是就像自己搞个markdown,于是搜罗了很久...当然不能用OC啦,那只能走swift与C的交互…… 提到swift与C的兼容不得不说对于新的编程语言这是很明智的举动---因为前期和生态是很不完善的只能通过这些老牌的编程语言来补充啦 使用起来很简单:...try str.withCString { guard let buf = cmark_markdown_to_html($0, Int(strlen($0)), options.rawValue)...return output } 我们做的就是将swift中的String转化为UnsafePoint然后跟cmark进行桥接,然后根据swift的风格写成一个swifter看懂的coding 说明:lz的markdown

86830

原生 JS 实现 HTML 转 Markdown ,html2md.js

之前因为一些需要,需要转换部分 HTML 标签成 markdown 格式,但是不知不觉就完善到一个相对完整的函数。 然后我就封装成了一个文件放在了 github ,也简单做了两个示例网页。...HTML 转换 -- https://kohunglee.github.io/html2md/example/conversion.html 直接就粘贴成 markdown 格式 -- https://...kohunglee.github.io/html2md/example/Paste_and_convert.html 代码地址在 html2md 代码很简单,用的也是原生 js ,其中包含了大量简单的正则.../** * 把 html 内容转化为 markdown 格式 V1.0 * * @author kohunglee * @param {string} htmlData 转换前的 html...* @return {string} 转化后的 markdown 源码 */ function html2md(htmlData){ codeContent = new Array

12.2K20

Markdown

欢迎使用Markdown编辑器写博客 本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和图片上传...及扩展 Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。...本编辑器支持 Markdown Extra ,  扩展了很多好用的功能。具体请参考Github....目录 用 [TOC]来生成目录: 欢迎使用Markdown编辑器写博客 快捷键 Markdown及扩展 表格 定义列表 代码块 脚注 目录 数学公式 UML 图 离线写博客 浏览器兼容 数学公式 使用MathJax...Markdown编辑器使用浏览器离线存储将内容保存在本地。 用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。

74950

Markdown

前言 因为最近在筹划博客,所以必然离不开写Markdown,这里来总结记录一下,毕竟好久不用了,忘得差不多了~ 什么是Markdown 关于Markdown(来自百度百科) Markdown是一种轻量级标记语言...由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,目前许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息,比如常见的博客网站发帖 。...由于版本更新导致其需要付费才能激活永久版,我是跟着哔站的一个教程做的,估计现在还是可以破解的 (ps:链接找到之后,我放到留言区) 当然VSCode也可以用来写md格式的笔记 Typora图标 ---- Markdown...但是,在实际操作中,在编辑器的加持下,没有这么麻烦,所以把常用的记住点就好,熟能生巧~ 想了解更多详细的,可以参考 Markdown 教程 | 菜鸟教程 非常好用!...那么,本篇关于Markdown的小结就结束啦~

43940

Markdown研究 && 前端MD模块推荐 -- Mavon-Editor

指路牌 Markdown研究 前端解析markdown 前端markdown编辑器 适用场景 前端markdown编辑器 前端markdown解析器 参考博客 李牧敲代码 -- mavon-editor...使用教程 Jerry Wang -- 推荐一个markdown格式转html格式的开源JavaScript 等........从结果上来讲,我看到的md非常的不统一,我看到的有:marked、markdown-js、vue-md-loader、js-markdown-loader、parsedown、Ciconia、decoda...、showdown、md-page等,这里面既有前端解析,也有后台解析,我没有时间能去研究和对比每一个,大部分是通过体验别人开发的demo来体验每个的功能,首先我pass掉了所有的后端(其实也看了一个...使用也非常方便: 安装npm install mavon-editor --save 全局引入 // main.js import mavonEditor from 'mavon-editor

2.5K00
领券