web-dev-qa-db-ja.com

StackOverflowのようなリッチテキスト入力ボックスフィールドを作成するにはどうすればよいですか?

私はユーザー生成コンテンツに依存するサイトで作業していますが、ユーザーがリッチテキストを入力できるようにする方法もあれば非常に便利です。

質問を投稿するためにこのサイトで行うように、どのようにしてリッチテキストを実現しますか?

テキスト領域の上に任意の記号を付けることができ、何かが強調表示されてコントロールボタンの1つが押されたら、jQuery呼び出しを行って強調表示されているものを確認し、それを太字のテキストなどのhtmlタグでラップできることを理解しています。 ..そして、HTMLを使用してテキストをデータベースに追加するだけです。このようなリッチテキストの処理はどのように行われるのでしょうか。

ありがとう!

18
GeekedOut

StackOverflowは Markdown を使用してユーザーテキストをフォーマットします。エディター/プレビューの例については、 PageDown を確認してください。

HTMLを生成する他のオプションは TinyMCE および CKEditor です。

13
Phil

TinyMCEをチェックしてください。これは素晴らしいリッチテキスト入力ライブラリです。

http://www.tinymce.com/

3
Brent