38 | ```graphviz
39 | digraph g { a -> b; }
40 | ```
41 |
42 |
43 | to
44 |
45 | 
46 |
47 | ### uiflow support
48 |
49 | When You write code block as `uiflow` language and write uiflow language, rendering graph image at svg as below.
50 |
51 | 52 | ```uiflow 53 | [top page] 54 | user name 55 | password 56 | -- 57 | login 58 | ==>mypage 59 | 60 | [mypage] 61 | favorite list 62 | ``` 63 |64 | 65 | to 66 | 67 |  68 | 69 | ### MathJax support (code block only) 70 | 71 |
72 | ```math 73 | E=mc^2 74 | ``` 75 |76 | 77 | to 78 | 79 |  80 | 81 | More example, [test file for mathjax support](mathjax.html) 82 | 83 | ### mermaid support 84 | 85 | When You write code block as `mermaid` language and write mermaid language, rendering graph image at svg as below. 86 | 87 |
88 | ```mermaid 89 | sequenceDiagram 90 | participant main 91 | participant renderer 92 | participant previewer 93 | main->>renderer: Open file 94 | renderer->>previewer: Refresh preview 95 | ``` 96 |97 | 98 | to 99 | 100 |  101 | 102 | ## For developers 103 | 104 | ### How to build 105 | 106 | ``` 107 | $ git clone https://github.com/yasumichi/seapig.git 108 | $ cd seapig 109 | $ git submodule update -i 110 | $ npm install 111 | $ npm build-dep 112 | ... 113 | ``` 114 | 115 | ### How to lunch 116 | 117 | ``` 118 | $ npm start 119 | ``` 120 | 121 | ### How to package 122 | 123 | ``` 124 | $ npm run package:win32 125 | ``` 126 | 127 | ### How to package all (on Linux) 128 | 129 | ``` 130 | $ ./build.sh 131 | ``` 132 | 133 | ## ToDo 134 | 135 | - [x] save your favorite keybindings (default/emacs/vim) 136 | - [x] support task list item. 137 | - [x] add viz.js support 138 | - [x] add [uiflow](https://github.com/hirokidaichi/uiflow) support. 139 | - [x] add mermaid support 140 | - [x] add simultaneous scroll 141 | - [x] add original menu 142 | - [x] add new document 143 | - [ ] add alternative stylesheet 144 | - [x] control display editor and previewer 145 | - [ ] add batch mode 146 | - [x] introduce virtual dom framework (mithril.js) 147 | 148 | ## Special Thanks 149 | 150 | - [Ace - The High Performance Code Editor for the Web](https://ace.c9.io/) 151 | - [Electron - Build cross platform desktop apps with JavaScript, HTML, and CSS.](http://electron.atom.io/) 152 | - [electron-json-storage](https://github.com/jviotti/electron-json-storage) 153 | - [electron-localshortcut](https://github.com/parro-it/electron-localshortcut) 154 | - [Github Markdown CSS - for Markdown Editor Preview](https://gist.github.com/andyferra/2554919) 155 | - [highlight.js](https://highlightjs.org/) 156 | - [marked](https://github.com/chjj/marked) 157 | - [MathJax](https://www.mathjax.org/) 158 | - [mermaid](https://knsv.github.io/mermaid/) 159 | - [mithril](https://mithril.js.org/) 160 | - [Node.js](https://nodejs.org/en/) 161 | - [Photon](http://photonkit.com/) 162 | - [sanitize-html](https://github.com/apostrophecms/sanitize-html) 163 | - [viz.js](https://github.com/mdaines/viz.js) 164 | - [uiflow](https://github.com/hirokidaichi/uiflow)(use [forked version](https://github.com/tkrkt/uiflow#fix-argument-in-compile)) 165 | - [いらすとや](http://www.irasutoya.com/)(application icon) 166 | - [jpzukin/electron-sample-print-to-pdf](https://github.com/jpzukin/electron-sample-print-to-pdf) 167 | 168 | # License 169 | 170 | MIT (excludes photon, node_modules and icons) 171 | 172 | Copyright © 2016-2019 Yasumichi Akahoshi 173 | 174 | # Icons copyright 175 | 176 | - seapig.icns 177 | - seapig.ico 178 | - seapig.png 179 | 180 | Copyright © いらすとや. All Rights Reserved. 181 | -------------------------------------------------------------------------------- /images/digraph.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yasumichi/seapig/dd3cb12ca113ac8ba5db040d7af960398d82536f/images/digraph.png -------------------------------------------------------------------------------- /images/digraph.svg: -------------------------------------------------------------------------------- 1 | 22 | -------------------------------------------------------------------------------- /images/mathjax.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yasumichi/seapig/dd3cb12ca113ac8ba5db040d7af960398d82536f/images/mathjax.png -------------------------------------------------------------------------------- /images/mermaid.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yasumichi/seapig/dd3cb12ca113ac8ba5db040d7af960398d82536f/images/mermaid.png -------------------------------------------------------------------------------- /images/seapig-toolbar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yasumichi/seapig/dd3cb12ca113ac8ba5db040d7af960398d82536f/images/seapig-toolbar.png -------------------------------------------------------------------------------- /images/seapig.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yasumichi/seapig/dd3cb12ca113ac8ba5db040d7af960398d82536f/images/seapig.png -------------------------------------------------------------------------------- /images/uiflow.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yasumichi/seapig/dd3cb12ca113ac8ba5db040d7af960398d82536f/images/uiflow.png -------------------------------------------------------------------------------- /images/uiflow_ja.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yasumichi/seapig/dd3cb12ca113ac8ba5db040d7af960398d82536f/images/uiflow_ja.png -------------------------------------------------------------------------------- /js/editor.js: -------------------------------------------------------------------------------- 1 | /* 2 | * The MIT License (MIT) 3 | * 4 | * Copyright (c) 2016 Yasumichi Akahoshi 5 | * 6 | * Permission is hereby granted, free of charge, to any person obtaining a copy 7 | * of this software and associated documentation files (the "Software"), to deal 8 | * in the Software without restriction, including without limitation the rights 9 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | * copies of the Software, and to permit persons to whom the Software is 11 | * furnished to do so, subject to the following conditions: 12 | * 13 | * The above copyright notice and this permission notice shall be included in 14 | * all copies or substantial portions of the Software. 15 | * 16 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 22 | * SOFTWARE. 23 | */ 24 | 25 | const {app} = require('electron').remote; 26 | const path = require('path'); 27 | const acePath = path.join(app.getAppPath(), 'external/ace'); 28 | const ace = require(path.join(acePath, 'ace.js')); 29 | ace.config.set('basePath', acePath); 30 | ace.require('theme-twilight'); 31 | ace.require('mode-markdown'); 32 | ace.require('keybinding-emacs'); 33 | ace.require('keybinding-vim'); 34 | ace.require('keybinding-sublime'); 35 | 36 | (function() { 37 | 38 | const editor = ace.edit("aceEditor"); 39 | editor.setTheme("ace/theme/twilight"); 40 | editor.getSession().setMode("ace/mode/markdown"); 41 | editor.getSession().setUseWrapMode(true); 42 | editor.focus(); 43 | 44 | module.exports = editor; 45 | 46 | }()); 47 | -------------------------------------------------------------------------------- /js/md2html.js: -------------------------------------------------------------------------------- 1 | /* 2 | * The MIT License (MIT) 3 | * 4 | * Copyright (c) 2016 Yasumichi Akahoshi 5 | * 6 | * Permission is hereby granted, free of charge, to any person obtaining a copy 7 | * of this software and associated documentation files (the "Software"), to deal 8 | * in the Software without restriction, including without limitation the rights 9 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | * copies of the Software, and to permit persons to whom the Software is 11 | * furnished to do so, subject to the following conditions: 12 | * 13 | * The above copyright notice and this permission notice shall be included in 14 | * all copies or substantial portions of the Software. 15 | * 16 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 22 | * SOFTWARE. 23 | */ 24 | 25 | const marked = require('marked'); 26 | const { 27 | rendererCode, rendererBlockquote, rendererListitem, rendererHtml, 28 | rendererHeading, rendererParagraph, rendererTablecell 29 | } = require('./utils.js'); 30 | 31 | (function() { 32 | 33 | /** 34 | * This class is a wrapper of marked. 35 | * @class 36 | */ 37 | class Md2Html { 38 | 39 | /** 40 | * Create a Md2Html 41 | */ 42 | constructor() { 43 | this.marked = marked; 44 | this.renderer = new marked.Renderer(); 45 | 46 | this.renderer.code = rendererCode; 47 | this.renderer.blockquote = rendererBlockquote; 48 | this.renderer.listitem = rendererListitem; 49 | this.renderer.html = rendererHtml; 50 | this.renderer.heading = rendererHeading; 51 | this.renderer.paragraph = rendererParagraph; 52 | this.renderer.tablecell = rendererTablecell; 53 | 54 | marked.setOptions({ 55 | renderer: this.renderer, 56 | gfm: true, 57 | breaks: false 58 | }); 59 | } 60 | 61 | /** 62 | * @method 63 | * @name convert 64 | * @description convert markdown to html 65 | * @param {string} markdown - markdown text 66 | * @return {string} HTML text is converted from markdown 67 | */ 68 | convert (markdown) { 69 | return this.marked(markdown); 70 | } 71 | } 72 | 73 | module.exports = Md2Html; 74 | 75 | }()); 76 | -------------------------------------------------------------------------------- /js/pdfWorker.js: -------------------------------------------------------------------------------- 1 | /* 2 | * The MIT License (MIT) 3 | * 4 | * Copyright (c) 2019 Yasumichi Akahoshi 5 | * 6 | * Permission is hereby granted, free of charge, to any person obtaining a copy 7 | * of this software and associated documentation files (the "Software"), to deal 8 | * in the Software without restriction, including without limitation the rights 9 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | * copies of the Software, and to permit persons to whom the Software is 11 | * furnished to do so, subject to the following conditions: 12 | * 13 | * The above copyright notice and this permission notice shall be included in 14 | * all copies or substantial portions of the Software. 15 | * 16 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 22 | * SOFTWARE. 23 | */ 24 | 25 | window.onload = (e) => { 26 | // Referenced https://github.com/jpzukin/electron-sample-print-to-pdf 27 | const {ipcRenderer} = require('electron'); 28 | const {app} = require('electron').remote; 29 | var thisPdfPath; 30 | 31 | const waitImagesComplete = () => { 32 | var ilist = document.images; 33 | for(var i = 0; i < ilist.length; i++) { 34 | if(ilist[i].complete === false) { 35 | setTimeout(waitImagesComplete, 1000); 36 | return; 37 | } 38 | } 39 | ipcRenderer.send('ready-print-to-pdf', thisPdfPath); 40 | } 41 | 42 | ipcRenderer.on('print-to-pdf', (event, contents, baseHref, css, pdfPath) => { 43 | thisPdfPath = pdfPath; 44 | let base = document.getElementsByTagName("base")[0]; 45 | base.href = baseHref; 46 | 47 | let link = document.getElementsByTagName("link")[0]; 48 | link.href = css; 49 | 50 | document.body.insertAdjacentHTML('afterbegin' ,contents); 51 | 52 | setTimeout(waitImagesComplete); 53 | }); 54 | } 55 | -------------------------------------------------------------------------------- /js/preview.js: -------------------------------------------------------------------------------- 1 | /* 2 | * The MIT License (MIT) 3 | * 4 | * Copyright (c) 2016 Yasumichi Akahoshi 5 | * 6 | * Permission is hereby granted, free of charge, to any person obtaining a copy 7 | * of this software and associated documentation files (the "Software"), to deal 8 | * in the Software without restriction, including without limitation the rights 9 | * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 10 | * copies of the Software, and to permit persons to whom the Software is 11 | * furnished to do so, subject to the following conditions: 12 | * 13 | * The above copyright notice and this permission notice shall be included in 14 | * all copies or substantial portions of the Software. 15 | * 16 | * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 17 | * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 18 | * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 19 | * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 20 | * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 21 | * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 22 | * SOFTWARE. 23 | */ 24 | 25 | (function() { 26 | const {remote} = require('electron'); 27 | const {app} = require('electron').remote; 28 | const {dialog} = require('electron').remote; 29 | const {ipcRenderer} = require('electron'); 30 | const fs = require('fs'); 31 | const path = require('path'); 32 | const m = require("../external/mithril/mithril.min.js"); 33 | const Md2Html = require('./md2html.js'); 34 | const mithrilRoot = document.getElementById("mithrilRoot"); 35 | const FIRST_IDX = 0; 36 | const NO_SCROLL = 0; 37 | const baseTag = document.getElementsByTagName("base")[FIRST_IDX]; 38 | const previewer = document.getElementById("previewer"); 39 | 40 | /** 41 | * @module js/preview.js 42 | */ 43 | 44 | var md2html = new Md2Html(); 45 | 46 | /** 47 | * Get contents of first h1 48 | * @returns {string} contents of first h1 49 | */ 50 | function getContentsOfFirstH1 () { 51 | let h1List = document.getElementsByTagName("h1"); 52 | if (h1List.length) { 53 | return h1List[FIRST_IDX].innerHTML 54 | .replace(/]*>/g, '') 55 | .replace(/<\/a>/g, '') 56 | .replace(/\n/g, ''); 57 | } 58 | 59 | return ''; 60 | } 61 | 62 | /** 63 | * Set document title 64 | * @returns {title} setted title 65 | */ 66 | function getDocumentTitle () { 67 | let workTitle = getContentsOfFirstH1(); 68 | let title; 69 | if (/^(
' + svg + '
';
7 | }
8 | }());
9 |
--------------------------------------------------------------------------------
/js/utils.js:
--------------------------------------------------------------------------------
1 | const hljs = require('highlight.js');
2 | const viz = require("viz.js");
3 | const uiflow = require("uiflow");
4 | const mermaidAPI = require('../external/mermaid/mermaid.min.js').mermaidAPI;
5 | const {sanitizeHtmlCustom} = require('./sanitize.js');
6 | const {tex2svg} = require('./tex2svg.js');
7 |
8 | (function() {
9 | const mermaidWorkArea = document.getElementById("mermaidWorkArea");
10 |
11 | mermaidAPI.initialize({
12 | startOnLoad: false,
13 | theme: "default",
14 | flowchart: {
15 | htmlLabels: false
16 | }
17 | });
18 |
19 | /**
20 | * @function
21 | * @name escapeHtml
22 | * @param {string} html - String includes HTML special characters.
23 | * @returns {string} String was escaped HTML special characters.
24 | * @description escape HTML special characters, from
25 | * {@link http://qiita.com/noriaki/items/4bfef8d7cf85dc1035b3}
26 | */
27 | function escapeHtml(html) {
28 | var escapeMap = {
29 | '&': '&',
30 | '\x27': ''',
31 | '"': '"',
32 | '<': '<',
33 | '>': '>'
34 | };
35 |
36 | return html.replace(/[&"'<>]/g, (char) => {
37 | let retChar = escapeMap[char];
38 |
39 | return retChar;
40 | });
41 | }
42 |
43 | const codeConverters = {
44 | "graphviz": (code) => {
45 | let svg = viz(code);
46 |
47 | return svg;
48 | },
49 | "mathjax": tex2svg,
50 | "math": tex2svg,
51 | "mermaid": (code) => {
52 | let date = new Date();
53 | let svgId = "m" + date.getFullYear() + ('0' + (date.getMonth() + 1)).slice(-2)
54 | + ('0' + date.getDate()).slice(-2) + ('0' + date.getHours()).slice(-2)
55 | + ('0' + date.getMinutes()).slice(-2) + ('0' + date.getSeconds()).slice(-2)
56 | + ('00' + date.getMilliseconds()).slice(-3);
57 | let svg = mermaidAPI.render(svgId, code, undefined, mermaidWorkArea);
58 |
59 | return `\n${svg.replace("", "")}
\n`;
60 | },
61 | "uiflow": (code) => {
62 | let dot = uiflow.compile(code);
63 | let svg = viz(dot);
64 |
65 | return svg;
66 | }
67 | };
68 |
69 | /**
70 | * customize to render list item
71 | * @param {string} text - contents of list item
72 | * @param {boolean} task - is listitem task?
73 | * @param {boolean} checked - is listitem checked?
74 | * @returns {string} converted list item
75 | */
76 | module.exports.rendererListitem = (text, task, checked) => {
77 | return `${hljsCode}${ERR_HEAD}${errMsg}${ERR_TAIL}${hljsCode}${sanitizeHtmlCustom(quote)}\n`; 115 | } 116 | 117 | /** 118 | * customize to render HTML (sanitize script) 119 | * @param {string} html - contents of html code block 120 | * @returns {string} html or html code block 121 | */ 122 | module.exports.rendererHtml = (html) => { 123 | return sanitizeHtmlCustom(html); 124 | } 125 | 126 | /** 127 | * customize to render heading 128 | * @param {string} text - contents of heading 129 | * @param {number} level - level of heading 130 | * @returns {string} HTML heading element 131 | */ 132 | module.exports.rendererHeading = (text, level, raw, slugger) => { 133 | let id = slugger.slug(encodeURI(text)); 134 | 135 | return `
${sanitizeHtmlCustom(text)}
\n`; 145 | } 146 | 147 | /** 148 | * customize to render tablecell 149 | * @param {string} content - contents of cell 150 | * @param {object} flags - contents of cell 151 | * @returns {string} HTML tablecell element 152 | */ 153 | module.exports.rendererTablecell = (content, flags) => { 154 | var tag = flags.header ? 'th' : 'td'; 155 | var align = flags.align ? ` align="${flags.align}"` : ''; 156 | 157 | return `<${tag}${align}>${sanitizeHtmlCustom(content)}`; 158 | } 159 | 160 | module.exports.escapeHtml = escapeHtml; 161 | 162 | }()); 163 | -------------------------------------------------------------------------------- /mainwindow.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
14 |
15 |
60 |
61 |
71 |
72 |
73 |
74 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "seapig",
3 | "version": "0.9.1",
4 | "description": "SeaPig is converter from markdown to html.",
5 | "main": "js/seapig.js",
6 | "scripts": {
7 | "start": "electron .",
8 | "test": "mocha -r jsdom-global/register",
9 | "lint": "eslint",
10 | "lint-all": "eslint js",
11 | "clean": "rimraf releases *.log external",
12 | "build-dep": "node scripts/build-dep.js",
13 | "package:darwin": "electron-packager --ignore='^/ace-builds' --ignore='^/docs' --ignore='^/scripts' --platform=darwin --arch=all --prune --asar --out=releases --icon=seapig.icns .",
14 | "package:win32": "electron-packager --ignore='^/ace-builds' --ignore='^/docs' --ignore='^/scripts' --platform=win32 --arch=all --prune --asar --out=releases --icon=seapig.ico .",
15 | "package:linux": "electron-packager --ignore='^/ace-builds' --ignore='^/docs' --ignore='^/scripts' --platform=linux --arch=all --prune --asar --out=releases ."
16 | },
17 | "author": "Yasumichi Akahoshi
62 |
69 |
70 |
63 |
64 |
68 |
65 |
66 |
67 | 8 | ```math 9 | x^2 10 | ``` 11 |12 | ```math 13 | x^2 14 | ``` 15 | 16 | ## Subscript 17 | 18 |
19 | ```math 20 | x_2 21 | ``` 22 |23 | ```math 24 | x_2 25 | ``` 26 | 27 | ## Relation between energy and mass 28 | 29 |
30 | ```math 31 | E=mc^2 32 | ``` 33 |34 | ```math 35 | E=mc^2 36 | ``` 37 | 38 | ## Fraction 39 | 40 |
41 | ```mathjax
42 | \frac{1}{1-x^2}
43 | ```
44 |
45 | ```mathjax
46 | \frac{1}{1-x^2}
47 | ```
48 |
49 | ## plus/minus and sqrt, over
50 |
51 |
52 | ```mathjax
53 | x = {-b \pm \sqrt{b^2-4ac} \over 2a}
54 | ```
55 |
56 | ```mathjax
57 | x = {-b \pm \sqrt{b^2-4ac} \over 2a}
58 | ```
59 |
60 | ## Pi
61 |
62 | 63 | ```math 64 | \pi 65 | ``` 66 |67 | ```math 68 | \pi 69 | ``` 70 | 71 | ## Vector 72 | 73 |
74 | ```math
75 | \vec{a} = (a_1, a_2, \cdots, a_n)
76 | ```
77 |
78 | ```math
79 | \vec{a} = (a_1, a_2, \cdots, a_n)
80 | ```
81 |
82 | ## Array
83 |
84 |
85 | ```mathjax
86 | A = \left(
87 | \begin{array}{ccc}
88 | 1 & 2 & 3 \\
89 | 4 & 5 & 6 \\
90 | 7 & 8 & 9
91 | \end{array}
92 | \right)\\
93 | A^T
94 | ```
95 |
96 | ```mathjax
97 | A = \left(
98 | \begin{array}{ccc}
99 | 1 & 2 & 3 \\
100 | 4 & 5 & 6 \\
101 | 7 & 8 & 9
102 | \end{array}
103 | \right)\\
104 | A^T
105 | ```
106 |
107 | ## Sum
108 |
109 |
110 | ```mathjax
111 | \sum_{n=1}^{100} x^2 \\
112 | ```
113 |
114 | ```mathjax
115 | \sum_{n=1}^{100} x^2 \\
116 | ```
117 |
118 |
119 | ```mathjax
120 | \sum_{n=1}^\infty\frac{1}{n^2}=\frac1{1^2}+\frac1{2^2}+\frac1{3^2}+\frac1{4^2}+\frac1{5^2}+\cdots
121 | ```
122 |
123 | ```mathjax
124 | \sum_{n=1}^\infty\frac{1}{n^2}=\frac1{1^2}+\frac1{2^2}+\frac1{3^2}+\frac1{4^2}+\frac1{5^2}+\cdots
125 | ```
126 |
127 | ## Differential
128 |
129 |
130 | ```math
131 | \frac{(d^2y)}{dx^2}
132 | ```
133 |
134 | ```math
135 | \frac{(d^2y)}{dx^2}
136 | ```
137 |
138 | ## Integral
139 |
140 | 141 | ```math 142 | \int f(x)dx 143 | ``` 144 |145 | ```math 146 | \int f(x)dx 147 | ``` 148 | 149 |
150 | ```math
151 | \int_1^\infty \frac{1}{x^2}dx
152 | ```
153 |
154 | ```math
155 | \int_1^\infty \frac{1}{x^2}dx
156 | ```
157 |
158 | ## Limit
159 |
160 |
161 | ```math
162 | \lim_{x \to \infty} f(x)
163 | ```
164 |
165 |
166 | ```math
167 | \lim_{x \to \infty} f(x)
168 | ```
169 |
170 | ## angle
171 |
172 | 173 | ```math 174 | 180^\circ 175 | ``` 176 |177 | ```math 178 | 180^\circ 179 | ``` 180 | 181 | ## Logarithm 182 | 183 |
184 | ```math 185 | log_e(x) 186 | ``` 187 |188 | 189 | ```math 190 | log_e(x) 191 | ``` 192 | 193 | ## Inequality 194 | 195 |
196 | ```math 197 | x\neq 0 198 | ``` 199 |200 | ```math 201 | x\neq 0 202 | ``` 203 | 204 |
205 | ```math 206 | 1 < x 207 | ``` 208 |209 | ```math 210 | 1 < x 211 | ``` 212 | 213 |
214 | ```math 215 | 1 \leq x 216 | ``` 217 |218 | ```math 219 | 1 \leq x 220 | ``` 221 | 222 |
223 | ```math 224 | \alpha \sim 1 225 | ``` 226 |227 | 228 | ```math 229 | \alpha \sim 1 230 | ``` 231 | 232 |
233 | ```math 234 | \beta \simeq 0 235 | ``` 236 |237 | 238 | ```math 239 | \beta \simeq 0 240 | ``` 241 | 242 |
243 | ```math 244 | \gamma \approx 10 245 | ``` 246 |247 | 248 | ```math 249 | \gamma \approx 10 250 | ``` 251 | 252 | ## Euler's formula 253 | 254 |
255 | ```math
256 | e^{i\theta}=\cos\theta+i\sin\theta
257 | ```
258 |
259 | ```math
260 | e^{i\theta}=\cos\theta+i\sin\theta
261 | ```
262 |
--------------------------------------------------------------------------------
/test/md2html.test.js:
--------------------------------------------------------------------------------
1 | /* for mermaid */
2 | const jsdom = require("jsdom");
3 | const { JSDOM } = jsdom;
4 | const { window } = new JSDOM();
5 | global.window = window;
6 | global.SVGElement = window.SVGElement;
7 |
8 | var assert = require('assert');
9 | const marked = require('marked');
10 | const Md2Html = require('../js/md2html.js');
11 | var md2html = new Md2Html();
12 |
13 | describe('convert markdown', () => {
14 | it('convert normal syntax', () => {
15 | const header = "# Title";
16 | const list = "- test";
17 | const inlinecode = "``";
18 |
19 | assert(md2html.convert(header) === marked(header));
20 | assert(md2html.convert(list) === marked(list));
21 | assert(md2html.convert(inlinecode) === marked(inlinecode));
22 | });
23 |
24 | it('convert multi byte heading', () => {
25 | const header = "# 漢字の題名";
26 | const expect = '漢字の題名
\n'; 27 | 28 | assert(md2html.convert(header) === expect); 29 | }); 30 | 31 | it('convert paragraph', () => { 32 | const markdown = "This is paragraph."; 33 | const expect = "This is paragraph.
\n"; 34 | 35 | assert(md2html.convert(markdown) === expect); 36 | }); 37 | 38 | it('convert paragraph contains webview tag(test sanitize)', () => { 39 | const markdown = 'This is paragraph.This is paragraph.This is contains webview.
\n"; 41 | 42 | assert(md2html.convert(markdown) === expect); 43 | }); 44 | }); 45 | -------------------------------------------------------------------------------- /test/mermaid.md: -------------------------------------------------------------------------------- 1 | # test file for mermaid rendering 2 | 3 | ```mermaid 4 | graph TD; 5 | A-->B; 6 | A-->C; 7 | B-->D; 8 | C-->D; 9 | ``` 10 | 11 | ```mermaid 12 | sequenceDiagram 13 | participant Alice 14 | participant Bob 15 | Alice->>John: Hello John, how are you? 16 | loop Healthcheck 17 | John->>John: Fight against hypochondria 18 | end 19 | Note right of John: Rational thoughtsprevail! 20 | John-->>Alice: Great! 21 | John->>Bob: How about you? 22 | Bob-->>John: Jolly good! 23 | ``` 24 | 25 | ```mermaid 26 | gantt 27 | dateFormat YYYY-MM-DD 28 | title Adding GANTT diagram to mermaid 29 | excludes weekdays 2014-01-10 30 | 31 | section A section 32 | Completed task :done, des1, 2014-01-06,2014-01-08 33 | Active task :active, des2, 2014-01-09, 3d 34 | Future task : des3, after des2, 5d 35 | Future task2 : des4, after des3, 5d 36 | ``` 37 | 38 | ```mermaid 39 | classDiagram 40 | Class01 <|-- AveryLongClass : Cool 41 | Class03 *-- Class04 42 | Class05 o-- Class06 43 | Class07 .. Class08 44 | Class09 --> C2 : Where am i? 45 | Class09 --* C3 46 | Class09 --|> Class07 47 | Class07 : equals() 48 | Class07 : Object[] elementData 49 | Class01 : size() 50 | Class01 : int chimp 51 | Class01 : int gorilla 52 | Class08 <--> C2: Cool label 53 | ``` 54 | 55 | ```mermaid 56 | gitGraph: 57 | options 58 | { 59 | "nodeSpacing": 150, 60 | "nodeRadius": 10 61 | } 62 | end 63 | commit 64 | branch newbranch 65 | checkout newbranch 66 | commit 67 | commit 68 | checkout master 69 | commit 70 | commit 71 | merge newbranch 72 | ``` 73 | 74 | ```mermaid 75 | pie 76 | "Dogs" : 386 77 | "Cats" : 85 78 | "Rats" : 15 79 | ``` 80 | --------------------------------------------------------------------------------