Permalink
4722f55 Aug 30, 2016
155 lines (109 sloc) 3.2 KB

SeaPig

SeaPig is converter from markdown to html with marked.js and highlight.js.

Usage

SeaPig has two panes. Left pane is editor. Right pane is HTML previewer.

When you input new line, SeaPig refresh HTML preview.

SeaPig has tool bar contains one drop down list and eight buttons.

You can select key bindings from drop down list. (default/emacs/vim)

Eight buttons has feature below.

  • New markdown file (Open new window)
  • Open markdown file to editor.
  • Save markdown file from editor.
  • Export HTML file from previewer.(At the same time css stylesheet is copied to same folder.)
  • Export PDF file
  • Hide editor
  • Hide previewer
  • Refresh HTML preview

viz.js support

When You write code block as graphviz language and write dot language, rendering graph image at svg as below.

```graphviz
digraph g { a -> b; }
```

to

uiflow support

When You write code block as uiflow language and write uiflow language, rendering graph image at svg as below.

```uiflow
[top page]
user name
password
--
login
==>mypage

[mypage]
favorite list
```

to

mermaid support

When You write code block as mermaid language and write mermaid language, rendering graph image at svg as below.

```mermaid
sequenceDiagram
    participant main
    participant renderer
    participant previewer
    main->>renderer: Open file
    renderer->>previewer: Refresh preview
```

to

For developers

How to build

$ npm install --global-style
...

How to lunch

$ npm start

How to package

$ npm run package:win32

How to package all (on Linux)

$ ./build.sh

ToDo

  • save your favorite keybindings (default/emacs/vim)
  • support task list item.
  • add viz.js support
  • add uiflow support.
  • add mermaid support
  • add simultaneous scroll
  • add original menu
  • add new document
  • add alternative stylesheet
  • control display editor and previewer
  • add batch mode

Special Thanks

License

MIT (excludes photon, node_modules and icons)

Copyright © 2016 Yasumichi Akahoshi

Icons copyright

  • seapig.icns
  • seapig.ico
  • seapig.png

Copyright © いらすとや. All Rights Reserved.