![](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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
JavaScriptのfileオブジェクト...
-
onclickが動作しない
-
VB.NETで<Input>タグ、<text...
-
BackSpaceしたい(QNo.2734284の...
-
追加ボタンを押した際に ok ボ...
-
クリックさせたいが、click()が...
-
javaScriptの変数をJavaの変数...
-
JSのボタンを複数う使うには
-
javascriptで作成されたテーブ...
-
vbsでフォーム入力ができません
-
ハイパーリンクを別ウインドウ...
-
<input>の選択肢をプルダウンメ...
-
至急!GetElementById でtdの...
-
TextBoxに半角数字以外を入れた...
-
value内に変数を入れたい
-
<JavaScript>tableタグを入力不...
-
プルダウン 項目が多いので先頭...
-
画面表示とともに、テーブルの...
-
プルダウン選択を変更すると、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
javaScriptの変数をJavaの変数...
-
クリックさせたいが、click()が...
-
追加ボタンを押した際に ok ボ...
-
onclickが動作しない
-
innerHTML内では改行は禁止?
-
formのfileの値をhiddenでも持...
-
JSのボタンを複数う使うには
-
onClickがinput type="image"だ...
-
VB.NETで<Input>タグ、<text...
-
ボタンかリンクをクリックする...
-
ボタンをクリックするとテキス...
-
開いた子ウィンドウにあるボタ...
-
オンクリックで現在時刻の取得→...
-
JavaScriptのfileオブジェクト...
-
URL 判定
-
if構文
-
BackSpaceしたい(QNo.2734284の...
-
複数のテキストボックスの値の...
-
jQueryでshow/hideが上手く行か...
おすすめ情報