私は、ここでstackoverflowの "質問質問"ページで使用するものに似たテキストエリアとdivを作成したいと思います。 テキストエリアにテキストを入力すると、テキストエリアの下にテキストが表示されます。 私は "a024"のようないくつかのコードをテキストエリアに入力してdivのシンボルに "ライブ"変換するようにしたいと思っています。 この機能を利用するにはjavascriptを使用する必要がありますか?おかげさまで テキストエリアのテキストのライブレンダリング
0
A
答えて
0
はい。これは、JavaScriptの初めにダイナミックHTML用にDHTMLと呼ばれていました。 この動作を作成するには、JavaScriptを使用する必要があります。
次のようなものを持つ要素の値を取得することができます
var source = document.getElementById("sourceTextarea").value;
とのようなもので、宛先要素内のテキストを設定します。あなたが使用する必要がありますあなたのHTMLで
document.getElementById("destinationDiv").innerText = "some text";
:
<textarea id="sourceTextarea"></textarea><div id="destinationDiv"></div>
0
この目標を達成するためには、間違いなくJavascriptが必要です。
テキストエリアの 'onkeyup'プロパティを使用して、javascript関数のkeyupイベントをバインドできます。
これを実行すると、必要なものを置き換えるためにtexareaの値を処理できます。
function updateMyDiv() {
var myTextarea = document.getElementById("myTextarea");
var myDiv = document.getElementById("myDiv");
myDiv.innerHTML = myTextarea.value;
}
<html>
<body>
<textarea id="myTextarea" onkeyup="updateMyDiv()">
</textarea>
<div id="myDiv">
</div>
</body>
</html>
関連する問題
- 1. 入力テキスト/テキストエリアのサイズフォーム
- 2. オペラ:テキストの影がテキストエリア
- 3. テキストエリアを遮るテキスト
- 4. テキストをテキストエリアに配置
- 5. Javascript - テキストエリアでテキストを生成
- 6. FireFoxのテキストエリア内にテキストを配置
- 7. AngularJSにテキストエリアのテキストを保存する
- 8. ウェブブラウザのテキストエリアにテキストを送信
- 9. 複数のテキストを含むテキストエリア
- 10. Purejavascriptのコピーと過去のテキストが1つのテキストエリアから別のテキストエリアへ
- 11. 入力からテキストエリアへの自動入力、テキストエリア内のテキストの折り返し?
- 12. テキストでテキスト選択したテキストをテキストエリアに表示
- 13. Javascriptでテキストエリアにテキストを追加
- 14. テキストエリアにテキストを追加する - Jquery
- 15. テキストエリアにテキストを表示する
- 16. jqueryでテキストエリアにテキストを挿入
- 17. テキストエリアにテキストを設定するには?
- 18. Javascript - テキストエリア内の特定のテキストのフォント色を変更する
- 19. Jquery - テキスト入力でテキストを制限する、テキストエリアではない
- 20. TinyMCEのモード:テキストエリアは、すべてのテキスト領域
- 21. drupalのテキストエリアにデフォルトのテキストを追加する7
- 22. 他のテキスト入力の上にテキストエリアを表示します
- 23. テキストエリア内のすべてのテキストをハイライト表示
- 24. カーソル位置のテキストエリアのテキストを分割します。 (asp.net c#)
- 25. テキストエリアの入力をデフォルトのテキストで始める
- 26. phpのHTMLでテキストエリア内のテキストを取得
- 27. Jquery Ajaxがデータベースに空のテキストエリアのテキストを提出する
- 28. テキストエリアでのテキスト選択の取得と設定
- 29. QMLファイルのテキストエリアのテキストをC++で変更する
- 30. 入力とテキストエリアからのテキストの取り込み
ああ、あなたは4つのスペースはこのように...コードになって意味ですか? – Mahi