12 Unstar Star 34 Fork 7

ChineseTiger / markpageJavaScript

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
Clone or download
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
Readme.md

MarkPage - Markdown Page (English)

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)

The final html file like as follow:
<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.

Usage Template

Load CDN Resouce By cdnjs.com , English markpage.en.html

Load CDN Resouce By bootcdn.com, Chinese markpage.cn.html

Use markpage.js by CDN

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>

About

author qinwei

email qinwei081@gmail.com qinwei081@foxmail.com

License

MIT




MarkPage - Markdown Page (中文)

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

最终的HTML文件会像这样:
<textarea id="markpage">
###markdown标题
在这里写上你的Markdown内容
</textarea>

<!-- only need to import markpage.js file  -->
<script src="markpage.js" type="text/javascript"></script>

注意: 不支持IE8或者更低版本的浏览器.

使用CDN加载markpage.js

如果你不喜欢将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

License

MIT

Comments ( 1 )

Sign in for post a comment

About

只需一个markpage就能用markdown书写支持生成导航,表格,流程图,时序图,代码高亮的html文档.Markpage让你专注于你写的内容,其他的资源都由markpage自动加载,markpage可用于写项目文档,API文档等, 方便拷贝单个HTML文件到任何地方查阅, 基于zepto,showdownjs,mermaid,highlight spread retract
Cancel

Releases

No release

Gitee Metrics

Contributors

All

Activities

load more
can not load any more
JavaScript
1
https://gitee.com/chinesetiger/markpage.git
git@gitee.com:chinesetiger/markpage.git
chinesetiger
markpage
markpage
master

Search

131423 f1aaba0b 1899542 094922 1c74bed3 1899542