利用Nodejs+Express将Markdown转换为HTML(附源码)
来源:互联网 发布:美国知乎quora评价中国 编辑:程序博客网 时间:2024/05/29 04:42
MarkdownToHtml
- MarkdownToHtml
- 说明
- Demo源码下载
- 准备工作
- 安装marked
- 关键步骤
- docjs
- docejs
- appjs
- Demo演示
将Markdown文档转换为HTML显示
说明
在程序的中,我结合了bootstrap的样式,所以稍微更改了下模块marked的源码,这也是为了显示更好。我的测试md文档放在了,public/doc下。这边用了一个代码高亮的插件:highlight.js,你也可以用一些别的。
本应用是采用 node.js + Express 搭建的
Demo源码下载
源码在我的GitHub上
GitHub地址:https://github.com/PowerDos/MarkdownToHtml
准备工作
安装marked
npm install marked –save
关键步骤
doc.js
const express = require('express');const router = express.Router();const fs = require('fs');const marked = require('marked');router.get("/:docName", function(req, res, next){ console.log('name:' + req.params.docName); fs.readFile(__dirname+'/../public/doc/'+ req.params.docName +'.md', function(err, data){ if(err){ console.log("文件不存在!"); res.send("文件不存在!"); }else{ console.log(data); htmlStr = marked(data.toString()); res.render('doc', {doc: htmlStr}); } });});module.exports = router;
doc.ejs
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css"> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script> <script>hljs.initHighlightingOnLoad();</script> <link rel="stylesheet" href="/css/doc.css"></head><body> <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <a class="navbar-brand" href="#"> Markdown</a> </div> <button type="button" class="btn btn-primary navbar-btn navbar-right" id="download"><span class="glyphicon glyphicon-download-alt"></span> Download</button> </div> </nav> <div class="container" id="doc-page"> <%- doc %> </div> <div class="footer"> <span>© 2017 Gavin</span> </div></body></script></html>
app.js
只给出路由部分
const doc = require('./routes/doc');app.use('/doc', doc);
Demo演示
阅读全文
0 0
- 利用Nodejs+Express将Markdown转换为HTML(附源码)
- 使用 markdownj 将 markdown 转换为 html
- 使用Pandoc命令将Markdown格式文件转换为HTML格式文件
- 使用showdown.js将Markdown文档转换为HTML
- 利用POI将Excel文档转换为Html
- 利用TCPDF将html页面转换为PDF格式
- 将word转换为markdown
- nodejs express 加载html模板
- nodejs的express源码阅读
- raml转换为html,js,markdown
- 将markdown文件转换为pdf
- 将markdown文件转换为pdf
- 将Excel表格转换为MarkDown表格
- 将SqlServer表转换为Markdown
- Pandoc将markdown转换为word
- 通过Python-markdown 将markdown转换成html
- 掌握 Ajax,第 4 部分: 利用 DOM 进行 Web 响应 将 HTML 转换为对象模型
- 利用xslt将xml格式转换为html格式的报告时,提示找不到if函数
- go 数据库操作
- initWithNibName和loadNibNamed的区别
- 嵌入式技术网站整理目录
- mysql存储过程
- 实施助手功能介绍
- 利用Nodejs+Express将Markdown转换为HTML(附源码)
- js插件store(本地存储)
- SVN更新项目文件
- [译]JavaScript:如何判断值的类型
- Java开发环境搭建
- HTML5使用 JavaScript File API 实现文件上传
- JAVA企业面试题精选 Java SE 1-10
- RN vs Hybrid
- MAC 下 安装 MAMP的PHP redis扩展