Markdown編輯器：Griffin Editor
Griffin Editor 是 TypeScript 編寫的 Markdown 編輯器。
主要特性：
-
Markdown (容易添加其他格式)
-
預覽
-
語法高亮
-
Boostrap 對話框
-
快捷鍵(瀏覽器默認 or CTRL+key)
-
Plug & play
代碼示例：
<div id="editor">
<!-- TOOLBAR layout -->
<div class="toolbar">
<span class="button-h1" accesskey="1" title="Heading 1"><img src="images/h1.png" /></span>
<span class="button-h2" accesskey="2" title="Heading 2"><img src="images/h2.png" /></span>
<span class="button-h3" accesskey="3" title="Heading 3"><img src="images/h3.png" /></span>
<span class="button-bold" accesskey="b" title="Bold text"><img src="images/bold.png" /></span>
<span class="button-italic" accesskey="i" title="Italic text"><img src="images/italic.png" /></span>
<span class="divider"> </span>
<span class="button-bullets" accesskey="l" title="Bullet List"><img src="images/bullets.png" /></span>
<span class="button-numbers" accesskey="n" title="Ordered list"><img src="images/numbers.png" /></span>
<span class="divider"> </span>
<span class="button-sourcecode" accesskey="k" title="Source code"><img src="images/source_code.png" /></span>
<span class="button-quote" accesskey="q" title="Qoutation"><img src="images/document_quote.png" /></span>
<span class="divider"> </span>
<span class="button-link" accesskey="l" title="Insert link"><img src="images/link.png" /></span>
<span class="button-image" accesskey="p" title="Insert picture/image"><img src="images/picture.png" /></span>
</div>
<!-- The actual text area -->
<textarea class="area"># Hello World!</textarea>
</div> 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！