コンテンツ編集可能な 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>

   ログイン後にコピー