An easy way to to write markdown document base on showdownjs
, support table, code hightlight , mermaid charts and navigate.
Markpage is an simple independent html file.
Just import one 'markpage.js' file in your html file,
And go ahead to writing your markdown document in a <pre id="markpage" style="display:none">
or <textarea id="markpage" style="display:none">
html tag
It can be translated into HTML automatically, and generate a simple navigate when opened by the browser.
The markpage.js will load other js/css file automatically. So,
You only need to care about the specific content of all you have to write
Markpage suitable for writing text documents, convenient to use version control, such as SVN, Git saving changes.
convenient to see and diff historical change, More friendly than the binary file( like MS-Word)
<textarea id="markpage">
### markdown document
writing you document in here
</textarea>
<!-- only need to import markpage.js file -->
<script src="markpage.js" type="text/javascript"></script>
NOTE: Not support for IE8 or lower version. To make life better, upgrade your browser.
Load CDN Resouce By cdnjs.com , English markpage.en.html
Load CDN Resouce By bootcdn.com, Chinese markpage.cn.html
If you don't like to download markpage.js file to local, You can use CDN service of my current company instead :)
This way is convenient to copy a single HTML file to any place where can be connected to the Internet to View, without markpage.js
<script src="http://cdnresource.duowan.com/kkdict/1/markpage.js" type="text/javascript"></script>
author qinwei
email qinwei081@gmail.com qinwei081@foxmail.com
MIT
Markpage 是一个方便书写Markdown文档的JS工具库, 基于showdownjs
, 支持表格, 代码高亮, mermaid
语法形式的图形, 以及菜单导航.
Markpage页面是一个独立的HTML文件, 你只需要在HTML页面中引入一个markpage.js
的文件,
并且将你的markdown内容写入一个<pre id="markpage">
或者<textarea id="markpage">
标签中即可.
用浏览器打开这个html文件, markdown内容会自动渲染成HTML页面, 并且生成一个简单的导航.
markpage.js
会自动加载其他的js/css文件. 所以, 你只需要关心你想写的内容即可.
markpage适合用来写文本文档, 方便用版本控制,比如svn, Git保存变更. 比二进制方式更能方便看到和对比历史变化, 比如:MS-Word
<textarea id="markpage">
###markdown标题
在这里写上你的Markdown内容
</textarea>
<!-- only need to import markpage.js file -->
<script src="markpage.js" type="text/javascript"></script>
注意: 不支持IE8或者更低版本的浏览器.
如果你不喜欢将markpage.js文件下载到本地, 你可以使用我当前公司的CDN文件地址 :)
这种方式很方便将HTML单独拷贝到任何可以联网的地方查看, 不需要都带着markpage.js
<script src="http://cdnresource.duowan.com/kkdict/1/markpage.js" type="text/javascript"></script>
从cdnjs.com加载CDN资源,英文版 markpage.en.html
从bootcdn.com加载CDN资源,中文版 markpage.cn.html
MIT
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型