5 に答える
テキストエリアをカスタマイズする必要がある場合は、contenteditable
属性を持つ別の要素 (DIV など) を使用してその動作を再現します。
よりカスタマイズ可能で、より現代的なアプローチである textarea は、リッチ コンテンツではなくプレーン テキスト コンテンツ専用です。
<div id='fake_textarea' contenteditable></div>
スクロールバーは、CSS オーバーフロー プロパティで再現できます。
この偽のテキストエリアはフォームで通常どおり使用できます。つまり、POST メソッドを使用してコンテンツを送信する必要がある場合は、(jQuery を使用して) 次のようにすることができます。
<input type='hidden' id='fake_textarea_content' name='foobar' />
...
$('#your_form').submit(function()
{
$('#fake_textarea_content').val($('#fake_textarea').html());
});
テキスト領域のコンテンツを個別にスタイル設定することはできません。s などを使用する必要があります<div>
。
このようなものが欲しいですか:?
http://jsfiddle.net/mekwall/XNkDx/
$('.editable').each(function(){
this.contentEditable = true;
});
これにより、div のコンテンツを編集できますが、それでもテキストエリアのように見えます。
太字が機能するようになりました。
内でHTMLを使用することはできませんTEXTAREA
。
overflow: auto
スクロールは、を追加して修正するwidth
か、またはを追加することで、任意の要素に適用できますheight
。
CKEditorのようなWeb用のhtmlエディターを使用して、テキスト領域のデータをフォーマットすることができます。これをチェックしてくださいhttp://ckeditor.com/
「偽の」テキスト領域を送信する別の方法は、フォームタグ内に次の行を含めることです
<form onsubmit=" $('#fake_textarea_content').val($('#fake_textarea').html());">
</form>