• ベストアンサー

HTMLのPREタグについて

HTML初心者です。 JavaScript等を使用して、テキストエリアにある文字列をボタンを押すとPREタグ内に表示するような 簡単なアプリケーションを作成しようと思っています。 用途はコードシンタックスハイライトができるようにしたいからです。 色々と試してみたのですが、うまくいきませんでした。 (シンタックスハイライトの機能が反映されない) 大変申し訳ありませんが、ご指導よろしくお願いいたします。

  • HTML
  • 回答数1
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

意味が不明なのですが >テキストエリアにある文字列をボタンを押すと  テキストエリアにはボタンは無いです。  テキストエリアは、文字を入力するためのコントロールですから、推測するに「テキストエリアに入力して、ボタンを押すと用意したpreタグ内に入力した文字が表示される」と言うことですか?  通常は、シンタックハイライトしたい文字列を正規表現で補足して、その前後を<span class="function"></span>などで囲み、ハイライトはスタイルシートに任せるのが楽だと思います。  

関連するQ&A

  • HTML文から特定のタグ以外のタグを除去するには

    JavaScriptによってHTML文字列からすべてのタグを一律に除去するのであれば、「replace(/(<([^>]+)>)/ig, "")」で実装が可能です。 今回はこれに加え、特定のタグだけは削除せず、そのまま維持するように修正したいと考えています。 例)<h1>Text</h1><input type="text">Text</input><b>Text</b> → <h1>Text</h1>Text<b>Text</b> こちらはイメージであり、正しくは動作しません。どのようにすれば意図した実装ができるでしょうか。 replace(/<(?!(font|h\d|p|hr|pre|blockquote|ol|ul|em|strong|small|...)).*?>/ig)

  • HTMLのinputタグに入力された文字列の中にHTMLのタグが

    HTMLのinputタグに入力された文字列の中にHTMLのタグが 含まれたらjavascriptでalertを出すようにしたいのですが、 どのようにしたらよいかお分かりの方いましたら、 どうか教えてください。 お願いいたします。

  • HTML?JavaScript?  INPUTタグ内の文字をハイライト

    HTML?JavaScript?  INPUTタグ内の文字をハイライトさせたい 下記画像のように、formタグ中にある、Inputタグ内の文字をそれぞれカラフルにハイライトさせたいのですが、その方法が分かりません。HTMLかJavaScriptを使えばできるのかも分かりません。 どのようにすれば良いかどなたか教えていただけないでしょうか?宜しくお願い致します。 なお、下記のようにやってはみたものの、submitでタグも送信してしまいますし、タグがそのまま表示されてしまい、イメージする様にはなりませんでした。 <form action="~"> <input value="<span style=background-color:#ffff00>Input</span> <span style=background-color:blue>文字</span> <span style=background-color: pink>ハイライト</span>"> <input type=submit> </form>

  • HTMLのタグ打ちが簡単に出来るツールを探しています。

    HTMLのタグ打ちが簡単に出来るツールを探しています。 テキスト文書を打った後、その文章に自動的にHTMLタグを入れてくれるようなツールを探しております。 数年前に、そのようなツールがあったと思ったのですが、ベクターで調べてみても見つけることができませんでした。 用途としてはブログ作成の際にHTMLタグで入力しようと考えております。 タグに関しては詳しくないために、打ち込んだテキスト文章に対して自動的にタグを入れてくれるツールがあればと思っております。 お手数お掛けいたしますが、良いツールをご存知の方教えて頂けないでしょうか? よろしくお願いいたします。

  • C# htmlファイルを、preタグを残して加工

    お世話になります。 C#で、htmlファイルのタグを解析するプログラムを 組んでいるのですが、preタグがあった場合のに、その場所を 回避して、解析やら置換やらをしたいと思っています。 例でいうと ---------------- <div> <h1>こんにちは。</h1> <p> 今日も暑いですね。 </p> <p>本日のサンプルプログラムです。</p> <code> <pre> public void aaa() { // 文字列を表示する Console.Writeline("Hello World!"); } </pre> </code> </div> ---------------- 上記のようなファイルがあった場合、普通に 改行を取り除くと、preの中も一列に繋がってしまいますが、 これをpreタグの中以外のみ改行を取り除きたい。 ---------------- <div><h1>こんにちは。</h1><p>今日も暑いですね。</p><p>本日のサンプルプログラムです。</p><code> <pre> public void aaa() { // 文字列を表示する Console.Writeline("Hello World!"); } </pre> </code></div> ---------------- こうなってもらいたいのです。 正規表現などを使用するのだと思いますが、よくわかりませんでした。 この部分のサンプルなどをお教えいただけないでしょうか。 よろしくお願いいたします。

  • 文字列をHTMLタグとして反映させる方法(ASP.NET)

    ASP.NET(VB2005)に関する質問です。 Label1.Text = "<b>あいうえお</b>" というコードを実行した場合、Label1には、   <b>あいうえお</b> と表示されます。 これを、   あいうえお と「太字で」表示する方法、つまり上記の"<b>","</b>"を文字列ではなくHTMLタグとして反映させる方法はあるでしょうか? 以上、よろしくお願い致します。

  • <pre>タグ内のテキストを取得 エクセル VBA

    HTML文書で以下のようになっているテキストをエクセルVBAで取得しようと思います。 <pre class="fontsize3"><tt> テキスト </tt></pre> 以下のコードを書きましたが、失敗しています。 Dim htdoc As HTMLDocument Set htdoc = ie.Document Cells(1,1) = htdoc.getElementsByTagName("pre")(0).innerText 何がまちがっているのでしょうか。

  • Javascriptでテキストエリアにタグの制限をかけたいです。

    フォームで、テキストエリアの作成をしましたが、 迷惑メールで、テキストエリアにタグを入れて来るようになってしまったのですが、 テキストエリアへ、タグが入らないようにする、javascriptとかはありますでしょうか? あれば教えて下さい。

  • HTMLタグの生成について

    HTMLタグの生成について、質問させて頂きます。 ボタンをタップすると、テキストボックスに「<a>」タグを表示する事は できたのですが、複数回押下した際には既にテキストボックスにある <a>タグの後に<a>を追加させたいのですが、上書きされてしまうようでうまくいきません。 参考サイトまたは、お分かりの方がいたらご教授お願い致します。 下記がサンプルソースになります。 よろしくお願い致します。 <script language="JavaScript"> <!-- function my61() { document.form6.text62.value='<a href=#>';} //--> </script> <form name="form6"> <input type="text" name="text61" size="20">   <input type="button" value="CLICK!" onClick="my61();"> </form>

  • 縦書きのHTMLファイル

    HTMLで縦書きをしよう <pre>タグや<table>タグなどを使って無理矢理縦書きのように見せているホームページを 視覚障害者の為に、横書きのHTMLに直そうと (テキスト形式)思うのですが どうすれば いいでしょうか?

    • ベストアンサー
    • HTML