• ベストアンサー

タグを直接タイプし実行したい

解りにくくて、すみません。 テキストエリア等に、タグを打った場合にそのままタグが適用された 形状で表示したいのです。 ブログなどであるアレです。 (Bボタンを押すと、太字になって表示・書込みできる) しかし、テキストエリアには当然テキストしか入りません。 どのようにして実装しているのでしょうか?? よろしくお願いします。

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

  • ベストアンサー
回答No.2

それは一般的にWYSIWYGエディタと呼ばれます。 いろいろありますが、個人的にはCKEditorをお勧めします。 個人利用なら無料とのことです。 以下に簡単な設置サンプルがあります。 > http://www.skuare.net/2009/08/wygiwygckeditor.html

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • dscripty
  • ベストアンサー率51% (166/325)
回答No.1

検索してみるといろいろしらべられるとおもうよ? http://www.google.co.jp/search?q=contenteditable

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • タグのエラー?【ライブドアブログにて】

    ライブドアブログを利用している者です。 文中に一部<b></b>(太字)のタグを使用しました。 ですが投稿後のTOPページのブログ画面ではすべての文字に<b></b>のタグが適用されてしまうという現象が起きています。 編集画面のプレビューでは正確に表示されているので、</b>の閉じ忘れはないと思うのですが... サイト側のエラーなのか、こちらの設定違い・誤り等なのでしょうか。ヘルプセンターに問い合わせもしていますが、なかなか回答がこないので、解決方法ご存知の方いらっしゃれば、ご回答願います。

  • 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)

  • 入力支援機能

    テキストエリア内で入力中にテキストエリアの外にあるボタンをクリックすると入力した文字が太字(strongタグを追加)になったり斜字体(iタグを追加)になったりする機能を見かけますがあれはJavascriptですか?どうやって書いているのか教えてください。お願いします。

  • タグについて教えて

    タグを使って文字の変化をしたいのですが。 文字を例えば「青い空」とします。 1.強調の場合、<storong>青い空</strong> 2.太字の場合、<b>青い空</b>、ですね。強調と太字の違いは? 3.次に、「青い空」を強調(または太字)に文字色【例 <font color="blue"></font>でひとまとめにするにはどうしたらよいですか?

  • 【htmlタグ】inputタグの書き方について

    現状は <input type="text">のテキスト入力エリアが存在します。 それを<form>タグで囲い、 <input type="button">のボタン押下にてform内容を送信していますが、 ボタンではなく、<a>タグのように、ハイパーリンクのような見た目にしてform内容を送信したいです。 どのように修正すればよろしいのでしょうか。宜しくお願いします。

    • ベストアンサー
    • HTML
  • 文字列をHTMLタグとして反映させる方法(ASP.NET)

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

  • goo簡単HPでタグを使うにはどうしたらいいのですか??

    gooで簡単HPを作りました。 HTMLを使って、自分の好きなように改造したいのですが、どうやってタグの編集をするページに行くのかがわかりません。 gooのヘルプを見たら、『ログインして頂いて「編集作成」セレクトメニューから、いずれかを選択して表示される「テキストボックス」、「テキストエリア」等に、htmlタグという言語を使用して表示させます。』 と書いてありましたが、 「テキストボックス」「テキストエリア」がどこにあるのかわかりません。 また、どうやって表示させるかについても教えてください。 よろしくおねがいします。

    • ベストアンサー
    • HTML
  • htmlのタグの使い方を教えてください。

    タグの使い方を教えてください。 文章を太字でブルーしたい場合、 <B><Font Color="mediumblue">こんにちは。今日は良い天気ですね。インターネットの教えてgooで質問をしました。</Font></B> で良いと思うのですが、途中の「インターネット」の文字だけ赤字にして他は同じ太字のブルーにしたい場合はどうすればよいのでしょうか?

  • タグは読み込ませず、改行は読み込ませたい

    PHPでフォームを作成してますが、 htmlspecialcharsを使用すれば、タグがタグのまま表示されました。 nl2brを使用すれば、改行され、タグが読み込まれて表示されました。 テキストエリアにタグを入れると、 そのままタグが表示され、 (<a href="/" style="background-image: url(&quot;/top/images/logo/logo_fj.jpg&quot;);"><span>OKWave</span></a>) 入力時にユーザーが改行したら、改行して表示させたいです。 (あああ えええ ううう) 何か方法はありますでしょうか? よろしくお願いします。

    • ベストアンサー
    • PHP
  • データ項目にタグが含まれている場合の表示

    初めて投稿させていただきます。 PHPというかオープン系の初心者です。 データ項目にタグが含まれている場合の処理方法を教えてください。 下記の場合、プログラムで編集するべきなのかsmartyのテンプレートで指定すればいいのか御教授ください。 なにぶん初心者なのでお手柔らかにお願いいたします。 ◆データ中に含まれる内容 「<b>太字になる</b> <em>強調</em>しちゃうよ」 ◆期待する結果 「太字になる」を太字表示 改行して「強調」を強調表示 「しちゃうよ」を通常表示

    • ベストアンサー
    • PHP