validation - テキストエリア内の XHTML とコード

Question

テキストエリアが送信に使用されている私のサイトでは、次の行に沿って何かを表示できるコードがあります。

<textarea><p>text</p></textarea>

(XHTML 1.0 Transitional) を検証すると、このエラーが発生し、

line 88 column 50 - Error: document type does not allow element "p" here

これが有効な方法でない場合、何が期待されますか? onload JavaScript イベントを使用して回避策を実行できますが、それは必要ないようです。とにかく、これは出力には影響しませんが、サイトを検証したいと思います.

Answer 1

を入れようとしている理由はあり<p>ます<textarea>か？あなたがそれが有効ではないことがわかったので。表示目的 (つまり、コードの表示) の場合は、翻訳する必要があります。

<textarea>&lt;p&gt;text&lt;/p&gt;</textarea>

検証の問題を超えて、(上記のように適切にエンコードされていない) 任意のタグを表示できるようにすることは、セキュリティ上の大きな問題になる可能性があります。ユーザーが提供した入力が表示される前に適切にサニタイズされていることを確認することが最も重要です。

Answer 2

CDATA セクションはオプションですか?

<textarea><![CDATA[
    <p>Blah</p>
]]></textarea>

Answer 3

あなたが TinyMCE などの WYSIWYG エディタを作成しようとしていると考えるのは正しいですか? ほとんどの場合、 で HTML エンティティを使用し、textareaJavaScript を介して HTML に変換します。

Answer 4

投稿されたデータでこの関数を使用できます

function clean_data($value) {
    if (get_magic_quotes_gpc()) { $value = stripslashes($value); }
    $value = addslashes(htmlentities(trim($value)));
    $value = str_replace("\'", "'", $value);
    $value = str_replace("'", "'", $value);
    $value = str_replace(":", ":", $value);
    return $value;
}

Answer 5

テキスト領域のタグを省略できます。改行が必要な場合は \n を使用します。それ以外の場合は、タグの代わりに<p>and</p>を使用します。

Answer 6

onload 関数を使用して、テキストエリア コンテンツの開始タグと終了タグを置き換えることができます。

eg: replace < > with &lt; &gt;

<textarea cols="" rows="">&lt;p&gt;text&lt;/p&gt;</textarea>

<p>テキスト</p>