Your SlideShare is downloading. ×
0
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
20080823-TransformingPlainTextToHtml
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

20080823-TransformingPlainTextToHtml

1,402

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,402
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Transforming Plain Text to HTML 2008-08-23 Ruby勉強会@札幌-9 日本Rubyの会 Ruby札幌 しまだ こうじ SHIMADA Koji シンプルに書いて リッチに見せる
  • 2. Problem ✓ HTMLドキュメントを作りたいけ ど、素のHTMLはいじりたくない ✓ CMSのようなシステムで、コンテ ンツをリッチにしたい
  • 3. Solution ✓ 入力にはHTMLよりも優しいマーク アップ言語・記法を採用 ✓ 採用した記法で書かれたテキスト をHTMLに変換 ✓ すました顔でHTMLとして扱う
  • 4. ✓ Hiki記法 ✓ Textile ✓ Markdown ✓ はてな記法 Simple Markup
  • 5. Hiki記法
  • 6. Hikidoc
  • 7. $sudo gem install hikidoc インストール
  • 8. require ‘hikidoc’ 使い方
  • 9. Hikidoc.to_xhtml(text) 使い方
  • 10. !見出し ""ここは引用です * ここは箇条書きレベル1です ** ここは箇条書きレベル2です ここは本文になります Hiki記法で書かれたテキスト
  • 11. <h1>見出し</h1> <blockquote><p>ここは引用です</p> </blockquote> <ul> <li>ここは箇条書きレベル1です<ul> <li>ここは箇条書きレベル2です</li> </ul></li> </ul> <p>ここは本文になります</p> 変換されたHTML
  • 12. Textile
  • 13. RedCloth
  • 14. $sudo gem install RedCloth インストール
  • 15. require ‘RedCloth’ 使い方
  • 16. RedCloth.new(text).to_html 使い方
  • 17. h1. Textile記法のサンプル ここは本文になります。 h2. リスト # 箇条書きレベル1 ## 箇条書きレベル2 h2. 引用 bq. ここは引用になります。 h2. リンク # "Ruby札幌":http://ruby-sapporo.org # "日本Rubyの会":http://jp.rubyist.net Textile記法で書かれたテキスト
  • 18. <h1>Textile記法のサンプル</h1> <p>ここは本文になります。</p> <h2>リスト</h2> <ol> <li>箇条書きレベル1 <ol> <li>箇条書きレベル2</li> </ol></li> </ol> <h2>引用</h2> <blockquote> <p>ここは引用になります。</p> </blockquote> <h2>リンク</h2> <ol> <li><a href="http://ruby-sapporo.org">Ruby札幌</a></li> <li><a href="http://jp.rubyist.net">日本Rubyの会</a></li> </ol> 変換されたHTML
  • 19. Markdown
  • 20. BlueCloth
  • 21. $sudo gem install BlueCloth インストール
  • 22. require ‘BlueCloth’ 使い方
  • 23. BlueCloth.new(text).to_html 使い方
  • 24. # Markdown記法のサンプル ここは本文になります。 ## リスト - 箇条書きレベル1 - 箇条書きレベル2 ## 引用 > ここは引用になります。 ## リンク - [Ruby札幌](http://ruby-sapporo.org) - [日本Rubyの会](http://jp.rubyist.net) Markdown記法で書かれたテキスト
  • 25. <h1>Markdown記法のサンプル</h1> <p>ここは本文になります。</p> <h2>リスト</h2> <ul> <li>箇条書きレベル1 <ul> <li>箇条書きレベル2</li> </ul></li> </ul> <h2>引用</h2> <blockquote> <p>ここは引用になります。</p> </blockquote> <h2>リンク</h2> <ul> <li><a href="http://ruby-sapporo.org">Ruby札幌</a></li> <li><a href="http://jp.rubyist.net">日本Rubyの会</a></li> </ul> 変換されたHTML
  • 26. はてな記法
  • 27. hparser
  • 28. $sudo gem install hparser インストール
  • 29. require ‘hparser’ 使い方
  • 30. p = HParser::Parser.new p.parse(text).map { |e| e.to_html }.join(“¥n”) 使い方
  • 31. *[misc]はてな記法のサンプル **リスト ここは本文になります。 -箇条書きレベル1 --箇条書きレベル2 -箇条書き(その2) **表組み |りんご|バナナ|みかん| |1個|2個|3個| はてな記法で書かれたテキスト
  • 32. <h1>[misc]はてな記法のサンプル</h1> <h2>リスト</h2> <p>ここは本文になります。</p> <ul><li>箇条書きレベル1</li><ul><li>箇条書きレベル2</li></ul><li>箇条書き(そ の2)</li></ul> <h2>表組み</h2> <table><tr><td>りんご</td><td>バナナ</td><td>みかん</td></tr><tr><td>1個</ td><td>2個</td><td>3個</td></tr></table> 変換されたHTML
  • 33. Transforming Plain Text to HTML 2008-08-23 Ruby勉強会@札幌-9 日本Rubyの会 Ruby札幌 しまだ こうじ SHIMADA Koji シンプルに書いて リッチに見せる

×