페이지다운 튜토리얼

1 개요[ | ]

PageDown tutorial
페이지다운 튜토리얼

<link rel="stylesheet" href="//cdn.rawgit.com/ujifgc/pagedown/master/demo/browser/demo.css" />
<style>
.wmd-button > span { background-image: url('//cdn.rawgit.com/ujifgc/pagedown/master/wmd-buttons.png'); }
</style>

<div class="wmd-editor-box">
<div id="wmd-button-bar"></div>
<textarea id="wmd-input" class="wmd-input">
이건 *처음 만들어본* 편집기입니다.
----------------------------------

그냥 **마크다운**을 쓰면 되는데...

<marquee>marquee 태그로 감싸면?</marquee>
</textarea>

미리보기
<div id="wmd-preview" class="wmd-panel wmd-preview"></div>
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Converter.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Editor.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pagedown/1.0/Markdown.Sanitizer.min.js"></script>
<script>
var converter = Markdown.getSanitizingConverter();
var editor = new Markdown.Editor(converter);
editor.run();
</script>

2 같이 보기[ | ]