注目タグ

質問・疑問

トピック詳細

テキストボックに表示させたHTMLを反映させないようにしたい

HTML講座で下記のように書きたいのですが、このままブログにアップするとタグが全て反映されてしまって、説明にならなくなっ てしまいます。

よく素材屋さんでスクロールバーの中にタグが書かれて、それをコピペで持ち帰れるようになっていますよね。

あのHTMLが反映されないボックスのタグをどなたかに教えていただきたいと思います。

■文字色
<font color="色">文字はココに入力!</font>
("色"には英語名(例:gray・plum・pink)か、#から始まる6ケタのカラーコードを入れま す。)
<a href="http://www.finitojapan.com/cltable.html&qu ot; target="_blank">カラーコードはコチラを参考にしてください★</a> ;

■文字の大きさを変える
<font size="1~7の数字">文字はココに入力!</font>
(大きさは1が最小で7が最大になります)

■文字を太くする(太字)
<b>文字はココに入力!</b>


よろしくお願い致します。

2013年07月15日 16:12  by 

コメント一覧 7件中、1~7件表示

  • ギルさん

    何度も回答していただきまして心より感謝いたします。

    こちらの説明不足・理解力不足で大変お手数をおかけしました。

    ありがとうござました。

    2013年07月21日 14:18 by

  • Firefoxの機能でソースコードを抜き出し、入れてみました。(背景画像の部分は消してます)
    このような形でしょうか?(自動改行はしない設定でご確認下さい)

    <textarea rows="9" cols="75" style=& quot;border-color:#a4d3a3;
    border-style:dotted;
    border-width:2px 2px 2px 2px; color:#000000; font-size:9pt;
    background-color:#FFFFFF;
    scrollbar-3dlight-color:#bcd1bd;
    scrollbar-arrow-color:#bcd1bd;
    scrollbar-base-color:white;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-face-color:white;
    scrollbar-highlight-color:#ffffff;
    scrollbar-shadow-color:#a4d3a3;
    background-attachment: fixed;
    background-position:0% 0%;
    background-repeat: no-repeat;text-align : center;"> ■文字色
    <font color="色">文字はココに入力!</font>
    ("色"には英語名(例:gray・plum・pink)か、#から始まる6ケタのカラーコードを入れま す。)
    <a href="http://www.finitojapan.com/cltable.html&qu ot; target="_blank">カラーコードはコチラを参考にしてください★</a >

    ■文字の大きさを変える
    <font size="1~7の数字">文字はココに入力!</font>
    (大きさは1が最小で7が最大になります)

    ■文字を太くする(太字)
    <b>文字はココに入力!</b></textarea>

    追記 19:15
    ご紹介されたリンク先の以下のページで詳しく説明されてるかと思いますがこれでは不足なのでしょうか?
    http://1kb-sozai.com/kowaza/tagu06.html

    2013年07月19日 19:13 by ギル

  • ギルさん、ご親切にありがとうございます。

    わかりにくくて申し訳ございません。

    http://1kb-sozai.com/kowaza/

    ↑このHTMLが表示されているBOXが作りたいです。

    おわかりになりますでしょうか?

    よろしくお願い致します。

    2013年07月19日 17:18 by

  • ucdさんの紹介されたやり方でやってみました。こういうことがされたいのですよね?(ボックス内の<,>,&am p;等の置換はやってません)

    コードを記述
    http://blog-imgs-60.fc2.com/g/i/l/gillgame/1307-18-textarea test-1.jpg

    自動改行はさせない
    http://blog-imgs-60.fc2.com/g/i/l/gillgame/1307-18-textarea test-2.jpg

    プレビュー結果
    http://blog-imgs-60.fc2.com/g/i/l/gillgame/1307-18-textarea test-3.jpg

    「自動改行させる」設定のままだと<br>タグが挿入され、かつ改行もされませんでした。

    2013年07月18日 13:41 by ギル

  • ucd さん

    ありがとうございます。
    とても理想的なテキストBOXですが、
    改行した分だけ<br>と表示されてしまいます。
    この<br>の表示させないテキストBOXはありますでしょうか?


    ギル さん

    ありがとうございます。
    このタグ抜きツールの実行後のタグが表示されているテキストBOXが知りたいです。
    わかりにくくて申し訳ございません。


    お返事いただけたら幸いです。
    よろしくお願い致します。

    2013年07月18日 11:10 by

  • テキストボックスとのことなので、記事編集画面下部で「改行の扱い」を「HTMLタグのみ」にした上で

    <textarea cols="75" rows="8&quo t;>
    ボックス内に表示させたい内容
    </textarea>

    でいかがでしょうか。
    ボックス内の<、>、&等は、ギルさんが紹介されているツールなどで置換しておいた方が良いようです。( しなくても表示されますが、実は仕様上正しくないらしいので)
    赤字部分でボックスのサイズを指定しています。適宜変更してください。

    2013年07月16日 12:33 by ucd

  • 1つ2つなら<と>のボタン(記事作成時のGボタンとか鉛筆ボタンとかのところ)をクリックすると<と> ;を文字として扱うコードを入れてくれます。

    ある程度数があるなら変換ツールを使うと楽です。
    http://nino.s18.xrea.com/tools/detag.htm

    2013年07月15日 17:28 by ギル