代码很简单,都是在用别人写好的东西,觉得这个还是有点用,所以简单记录一下。
插件
- 文本编辑: Codemirror
- Markdown解析: Marked
- Markdown Css: Github-markdown-css
- 代码高亮: prismjs
效果预览
代码
除了插件那些的js
和css
文件,就只有三个自己要写的。主页index.html
,样式style.css
,还有一个初始化 codemirror
和 marked
配置的 main.js
。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Markdown</title>
<link rel="stylesheet" href="codemirror/lib/codemirror.css">
<link rel="stylesheet" href="codemirror/theme/material.css">
<link rel="stylesheet" href="codemirror/addon/dialog/dialog.css">
<link rel="stylesheet" href="stylesheets/style.css">
<link rel="stylesheet" href="stylesheets/github-markdown.css">
<