@hyiromori/markdown-preview NPM

markdown-preview

Markdown realtime preview on browser with your favorite editor.

Demo

DEMO

Usage

npx

$ npx @hyiromori/markdown-preview --port 34567 --file README.md

Root Directory : /current/dir
Default File   : README.md
Preview URL    : http://localhost:34567/

npm / yarn

$ npm install -g @hyiromori/markdown-preview
# or
$ yarn install -g @hyiromori/markdown-preview

$ markdown-preview --port 34567 --file README.md

Root Directory : /current/dir
Default File   : README.md
Preview URL    : http://localhost:34567/

Parameter

short	long	environment variable	parameter	required	default
-f	--file	MARKDOWN_PREVIEW_FILE	`relative` file path	no	README.md
-t	--template	MARKDOWN_PREVIEW_TEMPLATE	template name(*1)	no	default
-p	--port	MARKDOWN_PREVIEW_PORT	port number	no	34567
	--log-level	MARKDOWN_PREVIEW_LOG_LEVEL	trace, debug, infowarn, error, fatal	no	info
	--no-opener	MARKDOWN_PREVIEW_NO_OPENER	true (only env var)	no
-v	--version			no
-h	--help			no

*1: defined template name or html file path.

Defined Template Names

default

Minimum Customized Template

<!doctype html>
<html>
  <head>
    <title>Minimum Customized Template</title>
  </head>
  <body>
    <pre id="raw-markdown"></pre>
    <script src="/markdown-preview-websocket.js"></script>
    <script type="text/javascript">
      connectMarkdownPreview((changedEvent) => {
        const { markdown } = changedEvent;
        document.getElementById('raw-markdown').innerHTML =
            markdown.replace(/</g, '&lt;').replace(/>/g, '&gt;');
      });
    </script>
  </body>
</html>

markdown preview

express express-ws log4js opener serve-index

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago