Skip to content

Instantly share code, notes, and snippets.

@nicojs

nicojs/index

Created February 11, 2016 18:39
Show Gist options
  • Save nicojs/77b5e0840a70ee516184 to your computer and use it in GitHub Desktop.
Save nicojs/77b5e0840a70ee516184 to your computer and use it in GitHub Desktop.
Download ZIP
Mediummark editor example
Raw
index
<html>
<head>
<title>Mediummark editor</title>
<link rel="stylesheet" href="//cdn.jsdelivr.net/medium-editor/latest/css/medium-editor.min.css" type="text/css" media="screen" charset="utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<script src="//cdn.jsdelivr.net/medium-editor/latest/js/medium-editor.min.js"></script>
<script src="node_modules/html2commonmark/dist/browser/bundle.js"></script>
<script src="https://raw.githubusercontent.com/nicojs/mediummark-editor/master/dist/app.js"></script>
</head>
<body class="container">
<div class="row">
<div class="col-md-12">
<h1>Mediummark editor</h1>
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="" class="switch-medium">Medium</a></li>
<li role="presentation"><a href="" class="switch-markdown">Markdown</a></li>
</ul>
<div class="medium-editor"></div>
<textarea name="markdown-editor" id="markdown-editor" class="markdown-editor" cols="60" rows="30" hidden></textarea>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment