20080823-TransformingPlainTextToHtml

1,620 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

20080823-TransformingPlainTextToHtml

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

×