いくつかの組み込みの機能(スクロールバー)のために、テキストエリアが優れています。 <textarea>
の中にテキストの<spans>
をフォーマットするにはどうすればよいですか?<textarea>の書式設定テキスト?
答えて
テキストエリアをカスタマイズする必要がある場合は、contenteditable
属性の別の要素(DIVなど)を使用してその動作を再現します。
これはもっとカスタマイズ可能で、より現代的なアプローチでは、テキストエリアはプレーンテキストコンテンツ用であり、リッチコンテンツ用ではありません。
<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());
});
3210の内部でHTMLを使用することはできません。
スクロールは、overflow: auto
を追加し、width
および/またはheight
を固定して適用できます。
CKEditorのようなウェブ用のHTMLエディタを使用して、テキスト領域のデータをフォーマットすることができます。これをチェックしてくださいhttp://ckeditor.com/
あなたはテキストエリアの内容を別々にスタイル設定することはできません。あなたはsなどを使用する必要があります。
あなたはこのような何かをしますか:
http://jsfiddle.net/mekwall/XNkDx/
$('.editable').each(function(){
this.contentEditable = true;
});
これは、あなたがdiv要素の内容を編集することができ、そしてそれはまだテキストエリアのようになります、
太字は現在動作します。
[http://jsfiddle.net/XNkDx/2199/](http://jsfiddle.net/XNkDx/2199/)私はちょうどこのラインが実際にどのように機能するかを示すためにいくつかのラインを追加しました。そして、あなたのために+1、私の友人、素敵な小さなスクリプト – Aleksandar
...私は質問がそれ自身の複製であると言った。誰も気づかなかった? – Deep
- 1. PHPの書式設定テキスト
- 2. テキストの書式設定
- 3. テキストの書式設定
- 4. テキストの書式設定
- 5. リッチテキストボックス内のテキストの書式設定
- 6. サーバーからのテキストの書式設定
- 7. テキストボックス内のテキストの書式設定
- 8. TextFieldのテキスト部分の書式設定
- 9. 凡例のテキストの書式設定
- 10. RichtextBoxでのテキストの書式設定WPF
- 11. GridViewColumnのWPFテキスト書式設定
- 12. forループ内のテキスト書式設定
- 13. zeroclipboard - テキストのコピーと書式設定
- 14. UITextViewでのシンプルなテキスト書式設定
- 15. Python出力ファイルの書式設定 - テキスト
- 16. 書式設定テキストの変数
- 17. ListViewでのWPFテキスト書式設定
- 18. Xcode macOS Sierraテキスト書式設定のバグ
- 19. 書式付きテキストを銀色のリッチテキストボックスに書式設定4
- 20. 改行の書式設定<textarea>
- 21. ruby on rails:テキスト書式設定
- 22. GAEで書式設定されたテキスト
- 23. 特定の文書幅の後にテキストを書式設定
- 24. botframworkのテキストを書式設定するテキストのプロパティ
- 25. Excel式の書式設定
- 26. テキストファイルに書き込まれるテキストの書式設定方法
- 27. オーバーロードによるリンクリスト出力の書式設定<<
- 28. R Shiny-書式設定の上に書式設定
- 29. 複数行テキスト定数の書式設定/インデント方法
- 30. コピー式と書式設定
のcontentEditable内部の次の行を含めている「偽」テキストエリアを提出する別の方法は、すべてのpoinesと虹ではありません。この記事は、いくつかの私のプロジェクトでcontenteditableを使う前に見たことがある素晴らしい読書です:https://medium.com/content-uneditable/contenteditable-the-good-the-bad-and-the-醜い - 261a38555e9c#.v0d5rghdl。それはとても良いようですが、ひどく欠陥があります。 – swelet