html - 新しい行をテキストエリアからdivに変換するには? " "に置換せずに

Question

新しい行をテキストエリアからdivに変換するには? <br>PHP、HTML、CSS などのコードを使用して記事を書いており、そのコードが<pre>および</pre>タグに含まれているため、 に置き換えることはできません。新しい行\r\nを<br>に置き換えると、コードも置き換えられますが、それは良くありません。

私の問題の例

私はこれに書き<textarea>ます：

    <b>Strong Text</b>
    Normal text

    Code:
    <pre>
    <b>Strong text</b>
    Normal text
    </pre>

ここで、<div>テキストエリアにコンテンツの結果を表示する必要があります。IF I REPLACE \r\n WITH<br>私はこれを得まし<div>た:

    <b>Strong Text</b><br>
    Normal text<br>
    <br>
    Code:<br>
    <pre><br>
    <b>Strong text</b><br>
    Normal text<br>
    </pre>

内のすべての<br>-s を に<pre>置き換え\r\n、その他の<br>-sは置換しない必要があります

私はこれを取得する必要があります<div>

    <b>Strong Text</b><br>
    Normal text<br>
    <br>
    Code:<br>
    <pre>\r\n
    <b>Strong text</b>\r\n
    Normal text\r\n
    </pre>

\r\n=改行