javascript/jqueryを使用してユーザー入力をライブスタイルにする方法

Question

javascript/jqueryでリアルタイムスタイラーを作成するためのlibaryまたは提案を検索しています。アイデアは、私のユーザーは、htmlのテキスト入力を持っている、私はリアルタイムでいくつかのパターンを検出し、スタイルを適用する必要があります、例えば＃は、太字のように#some_text。

私はjavascriptで非常に新しいので、どこから始めるべきか分かりませんでした。私はいくつかの調査をしましたが、私はすでにlibaryを作っていませんでした。助けと提案をありがとう！

Answer 1

jQuery Tagitはどうですか？

あなたはこのようにそれを初期化することができます：

<script> 
     $(function() { 
      var availableTags = [ 
       "#some_text1", 
       "#some_text2", 
       "#some_text3" 
      ]; 

      $('#tags').tagit({tagSource: availableTags}); 
     }); 
</script> 

<ul id="tags"></ul> 

Answer 2

このウェブサイトでは、ここのようなものが使用されています。エディタで質問や回答を書くたびに、下のエリアでライブアップデートが行われます。書式設定を適用すると、プレビュー領域にリアルタイムで更新されます。

これは、Markdownと呼ばれる標準的なマークアップ構文を使用します。 Markdownをサポートするツールがたくさんあるので、jQuery、さらにはオフラインエディタ（WindowsとMac）の統合を見つけることができます。

Check this question and its answersこれを行うエディタの一部です。

the stand-alone version of the Stack Overflow editorもチェックしてください。

Answer 3

多分これはあなたがしなければならないかを理解するには少しのに役立ちます：
http://jsfiddle.net/EeGxs/3/
は私がしたすべては「KeyDownイベント」にイベントリスナーを追加でこれはキーが押されたことを意味し、行に '＃'があるかどうか、太字のpタグに追加するかどうかを調べるだけです。 唯一のデモです。