どのようにテキストエリアのコンテンツをスタイル設定することや、テキストエリアのようなdivビヘイビアを設定することができますか？

Question

私は非常に単純なhtmlエディタ（WYSIWYGではない）を作成したいと思います。をjQueryに基づいています。

私の質問は、それ

、スタイル、すなわち、タグ（例えば青に<strong>some stuff</strong>変更<strong>色）

上のいくつかのテキストを書き、私は

• にtextareaまたはdiv可能性を作ることができる方法です私は正規表現の使い方やDOMの操作方法を尋ねるのではありません。それは私自身の問題であるからです.Dちょうど "playgroud"を作る方法です;）

  私がtextareaを使用すると、それはうーん（不可能ですか？ ）divを使っているときにもdivを使うことができます：div私はdivでのtextareaの動作をどうやってリンクできますか？ここで

  EDITは似たようです：http://codemirror.net/mode/xml/index.html

Answer 1

あなたはおそらくこれを行うことができる方法を示すためにこのクイックfiddleをチェックしてください。

$('#edit').keydown(function(){ 
    var text = $(this).val(); 

    $('#preview').html(text); 
}); 

これはあなたのhtml

<textarea id="edit"> 

</textarea> 
<div id="preview"></div> 

とあなたのCSSそれについて

#preview{ width:100%; background-color:#eee; padding:20px} 

#preview strong{color:blue;}