teratailのようなテキスト編集ツールのライブラリ

teratailの質問文章編集画面のように、formのtextareaタグに簡単にテキストを入力して、リストを付けたり、画像をはれたりできるライブラリでオススメのものはあるのでしょうか。

主にしたいことは次の通りです。
・文字を太く
・文字の色を変える
・リンクを張れる
・引用等ができる。
・画像が張れる
・リストを付けられる。

などです。
別に上のような機能がなくて、紹介してくだされば色々自分で調べてみます。
また、この場合、xss対策はどのようにやっているのでしょうか？
その点もお伺いできればと思います。

追記：すみません。少しテストさせてください。

追記：markdownのサニタイズ
http://qiita.com/kimromi/items/6b2293be6fd84184dabf
結構勉強になりました。でも少し気になるところです。
サーバサイドでの処理がやはり必要でしょうか。

行動規範の内容に同意します

回答4件

ベストアンサー

teratailのように「簡単にテキストを入力して、リストを付けたり、画像をはれたりできる」ような表記方法を「軽量マークアップ言語」などと言います。teratailで採用しているのは「Markdown」という、軽量マークアップ言語の一種です。

「Markdown ライブラリ」で検索。

投稿2016/10/18 04:10

ikedas

総合スコア4315

oka

2016/10/18 06:41

ご返信ありがとうございます。少し検索してみました。こちらも独自でサニタイズしなければいけないのでしょうか？

ikedas

2016/10/18 08:17

ご質問で想定されている状況がよくわからないのですが……。MarkdownをHTMLに変換してくれるようなライブラリがあったとして、変換の過程でXSSを防げないのだとしたら、そのライブラリの不具合 (バグ) です。変換された結果をなんとかして危険を取り除く (サニタイズ?) のではなく、バグ修正されたバージョンを手に入れる (無理ならそのライブラリは捨てる) べきです。……そういう話ではないのかな。

oka

2016/10/18 08:24

なるほど。そういう認識でいいわけですね。あまり埋め込んだことはないので、ライブラリの状況をよくわかりませんでした。ありがとうございます。

ikedas

2016/10/18 11:38

はい、多分>>認識あと、(変換結果ではなく) ライブラリの不具合を自分で直す (そして、可能なら修正を作者にフィードバックする) というのも考えられますね。

行動規範の内容に同意します