![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
<textarea>の最後尾に追加した実体参照や数値参照が意図した通り表示されません。
確認したこと(■1■)と、やりたい事(■2■)は、下記の通りです。
■1■ <textarea>~</textarea>の中に直接記述すると
下記の例だと、 <とか> と、表示されます。
<textarea name="output" id="outputEdit" style="background-color:#99ff66" cols=80 rows=25>
<とか>
</textarea>
■2■ javascriptで<textarea>の最後尾に追加する方法だと、
下記の例だと、 <> と、表示されてしまいます。
<textarea name="output" id="outputEdit" style="background-color:#99ff66" cols=80 rows=25></textarea>
<script language="javascript">
<!--
var objTextarea = document.getElementById('outputEdit');
objTextarea.value+="<>";
//-->
</script>
2の記述で、1と同じ様に表示させたいのですが、
無理なのでしょうか?
どうか宜しくお願いいたします。
No.2ベストアンサー
- 回答日時:
テキストエリアのinnerHTMLはブラウザごとの癖がつよいので
標準化はめんどそうですね。
単に置き換えればいいのでは?
<form method="get">
<textarea name="output" id="outputEdit" style="background-color:#99ff66" cols=80 rows=25>
<>
hoge
hoge
</textarea>
<input type="submit">
</form>
<script>
var objTextarea = document.getElementById('outputEdit');
objTextarea.value+=changeLTGT("なんか<てきとうに>かいてみる");
function changeLTGT($txt){
return $txt.replace("<","<").replace(">",">");
}
</script>
yambejp様
回答、ありがとうございます。<m(_ _)m>
分かりやすい例、ありがとうございます。
>テキストエリアのinnerHTMLはブラウザごとの癖がつよいので・・・
そうなのですね。
ありがとうございました。<m(_ _)m>
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_12.png?e8efa67)
No.3
- 回答日時:
1っす!
なんだか名前の命名がよくないね~。
unescapeHTMLにして使ってください。^^;
pipiさん、yambejpさん、
回答ありがとうございました。
いろいろな方法があるのですね。
勉強になりました。
ありがとうございました。<m(_ _)m>
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_12.png?e8efa67)
No.1
- 回答日時:
なんとなくこんなの書いてみたが、こんなのでいいのか俺が知りたい!
<textarea id="outputEdit"></textarea>
String.prototype.escapeHTML = function() {
var div = document.createElement('div'); div.innerHTML = this; return div.innerText;
}
document.getElementById('outputEdit').value += "<とか>".escapeHTML();
pipi様
いつもありがとうございます<m(_ _)m>
試してみたら、意図したとおり、<とか> と出ました!!
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- PHP if(preg_match("/[^0-9]/",$gu_d)){意味を教えてください。 1 2022/05/06 05:37
- PHP コメント機能に返信欄を矢印で追加したい 1 2022/05/09 21:17
- MySQL MySQLに登録した内容を更新する時の、textareaの使い方 1 2022/07/11 18:20
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS Windowsのformでtextareaに入力すると改行が反映されません 2 2023/06/01 11:50
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
formのfileの値をhiddenでも持...
-
追加ボタンを押した際に ok ボ...
-
innerHTML内では改行は禁止?
-
javaScriptの変数をJavaの変数...
-
VB.NETで<Input>タグ、<text...
-
インラインフレームから親ウィ...
-
クリックさせたいが、click()が...
-
Javascriptで'(シングルクォー...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
javascriptでhiddenに二次元配...
-
javascriptでクイズ
-
【UWSC】HTML内のある部分を抽...
-
javascriptでセレクトボックス...
-
特定<table>内の<td>の色を変える
-
submitした値を返したい
-
ファイル選択ダイアログが表示...
-
JavaScriptde途中で、「exit」...
-
1つのform内に2つのsubmitボタ...
-
value内に変数を入れたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
追加ボタンを押した際に ok ボ...
-
クリックさせたいが、click()が...
-
onclickが動作しない
-
ボタンかリンクをクリックする...
-
javaScriptの変数をJavaの変数...
-
formのfileの値をhiddenでも持...
-
JSのボタンを複数う使うには
-
JavaScriptのfileオブジェクト...
-
innerHTML内では改行は禁止?
-
開いた子ウィンドウにあるボタ...
-
BackSpaceしたい(QNo.2734284の...
-
VB.NETで<Input>タグ、<text...
-
オンクリックで現在時刻の取得→...
-
JQueryでfunctionに引数としてI...
-
複数のテキストボックスの値の...
-
onClickがinput type="image"だ...
-
クリック→テキストボックスに追加
-
Javascriptで'(シングルクォー...
-
テキストフィールド未入力の場...
おすすめ情報