Preview画面とエディタ画面の両方を並べてリアルタイムプレビューとかやるのはだるいけど、かといってWYSIWIGエディタを使ってボタンをクリックしたりキーボードショートカットを覚えるのもだるい。Markdownを書いているつもりで記述したら勝手にWYSIWYGのようにスタイルが適用されてくれるエディタは無いかなと思って、既存のものを調べたあと試しに酷く簡単なものをつくってみた。 既存の実装 検索して見つけた近いものはこの辺り。 Pen - What You See Is What You Get (WYSIWYG) ZenPen ~ Minimal Distraction, Maximim Zen grande.js Medium.js ZenPenはシンプルなWYSIWYGエディタを実現するための実装。文書の編集にはcontentEditable属性とdesignMode属性を利用。
![WYSIWYG & Markdownなエディタ - ✘╹◡╹✘](https://cdn-ak-scissors.b.st-hatena.com/image/square/73a4efeaffb4de5c4d0fdeebec105c3e2329c8b8/height=288;version=1;width=512/https%3A%2F%2Fraw.githubusercontent.com%2Fr7kamura%2Fmarkless%2Fmaster%2Fimages%2Fscreencast.gif)