コンテンツ編集可能な Div 内で (または jQuery プラグインを使用して) HTML をレンダリングするにはどうすればよいですか?

Textarea 内での HTML のレンダリング

テキスト領域とは異なり、コンテンツ編集可能な div はコンテンツを HTML として解釈し、その中で HTML タグをレンダリングできます。コンテンツ編集可能な div を使用するには、次の手順に従います。

1. 次の HTML コードを含めます。

   <div contenteditable="true"></div>

2. 必要に応じて CSS スタイルを追加します。例:

   div.editable {
    width: 300px;
    height: 200px;
    border: 1px solid #ccc;
    padding: 5px;
   }

3. コンテンツ編集可能な div を使用して、、、、< などの HTML タグをレンダリングできるようになりました。 ａ＞。例:

   <div contenteditable="true">
    This is the first line.<br>
    See, how the text fits here, also if<br>
    there is a <strong>linebreak</strong> at the end?<br>
    It works nicely.<br>
    <br>
    <span>

jQuery プラグイン あるいは

jQuery プラグインを使用したい場合は、次のオプションを検討してください。

1. X 編集可能: https://github.com/vitalets/x-editable
2. TinyMCE: https://www.tinymce.com/
3. CKEditor: https://ckeditor.com/

これらのプラグインは追加機能を提供し、テキスト領域内で HTML をレンダリングするためのカスタマイズ オプション。

以上がコンテンツ編集可能な Div 内で (または jQuery プラグインを使用して) HTML をレンダリングするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。