Preview
HTML
Text
maxLen
maxHeight
useFeatured
2531 chars
# サイドバイサイドエディタのデモ ここは、**Markdown**のサイドバイサイドエディタの**デモサイト**です。 <!TOC!> 画面の左半分が入力フォームです。入力フォームの内容を編集すれば、その内容がMarkdownとして解釈され、AST（抽象構文木）を経てHTMLに変換され、右側の欄に描写されます。 長文をエディタで書いてから、コピペして校正とレイアウト調整をするというユースケースを想定しています。よって、@@とにかく校正しやすい@@ように工夫してあります。 - メニューボタンの押下で簡単にマークアップとその解除ができる。 - 入力フォームでカーソルのある行は水色にハイライトされる。 - その行に対応するプレビューのHTMLブロック要素がハイライトされる。 - 入力フォームでカーソルを移すとプレビュー欄が対応要素に自動スクロールする。 - プレビュー欄の左のツマミをクリックすると入力フォームが対応行に自動スクロールする。 つまり、__入力フォームを編集すれば、自分でスクロールしなくても常にプレビュー欄でその変化を確認__できるようになっています。プレビュー欄を見ながら不具合を見つければ、__入力フォームの対応する修正箇所に簡単にジャンプ__できます。 ## サブヘッダ ### サブサブヘッダ #### サブサブサブヘッダ ##### サブサブサブサブヘッダ ###### サブサブサブサブサブヘッダ 地の文。地の文。 地の文の中の改行は<br>扱いで、マージンなしで改行。 段落は空白で区切る。一つの段落は<p>で囲む。CSSで字下げをするかどうかは迷ったが、しないことにした。なぜなら上述の段落内改行の後が字下げされないと、気持ち悪いからだ。 - リスト1 - サブリストA - サブサブリスト - サブサブサブリスト - リスト2。**あいうえお** ::かきくけこ:: __さしすせそ__ ~~たちつてと~~ - リスト3。``なにぬねの`` @@はひふへほ@@ %%まみむめも%% -: $$E = mc^2$$ by $$\LaTeX$$ -: $$\int_0^{\sqrt{N}} x^2 \, dx = \lim_{n \to \infty} \sum_{i=1}^{n} f\left( \frac{i \cdot x}{n} \right) \cdot \left( \frac{x}{n} \right)$$ {{竜破斬|ドラグ・スレイブ}}と{{爆霊地獄|ベノン}}と{{三日月型砂丘|バルハン}}。 {{未完の新人|リトル・ルーキー}} → {{白兎の脚|ラビット・フット}} → {{獅兎の光|レグルス・アルネ}}。 ## Go to [Google](https://google.com/) and **Yahoo** ## Set: http://example.com/ and __Yapoo__ -+ Go to [Google](https://google.com/) and **Yahoo** -+ Set: http://example.com/ and __Yapoo__ - We __live__ ::in:: **Tokyo** [Shinjuku](https://ja.wikipedia.org/wiki/%E6%96%B0%E5%AE%BF) |=I and Nancy=|__live__|><in|{rowspan=2}**Tokyo**|{colspan=2}[Shinjuku](https://ja.wikipedia.org/wiki/%E6%96%B0%E5%AE%BF)| |=>>one=|>>**two**|three|four|><five| <[これはコメント。表示されない]> > ブロッククォートも**ある**とか::ない::とか。 > こんな__感じ__で``markdown``は%%便利%%~~じゃない~~だ。 {size=small} ```text コードブロック # これはヘッダじゃない - これはリストじゃない ``` ```natural:italic We real cool. We Left school. We Lurk late. We Strike straight. We Sing sin. We Thin gin. We Jazz June. We Die soon. ``` We work in **Tokyo**. We eat in __Osaka__. We live in ~~Saitama~~. {{寿限無|じゅげむ}}{{寿限無|じゅげむ}}{{五劫|ごこう}}のすりきれ {{海砂利水魚|かいじゃりすいぎょ}}の{{水行末|すいぎょうまつ}}{{雲来末|うんらいまつ}}{{風来末|ふうらいまつ}} 食う寝るところに住むところ やぶらこうじのぶらこうじ パイポパイポパイポのシューリンガン シューリンガンのグーリンダイ グーリンダイのポンポコピーのポンポコナーの{{長久命|ちょうきゅうめい}}の{{長助|ちょうすけ}} {grid} {grid} --- {grid} {grid,featured} {grid}
Preview