У меня есть место, где я пытаюсь показать код в текстовой области. Я остановился на примере, но в основном пользователь может ввести некоторые поля, щелкнуть кнопку, и фрагмент кода отобразится в текстовой области ниже для их редактирования, если они захотят, а затем скопировать.

Наконец-то я заработал, чтобы отобразить фактический фрагмент кода. Но теперь я могуКажется, я не нашел способ отформатировать его так, чтобы он был с отступом и выглядел красиво.

var mySnippet =
""
    + ""
    + ""
    + "";
$('#mySnippetArea').text(mySnippet);

Который отображается в моей текстовой области примерно так.

Где, как я хотел бы видеть это как:

я действительно хотел бы избегать любых сторонних плагинов, так как его работа - боль, чтобы получить одобрение. Это'Просто 4 небольших фрагмента, которые мне нужно отформатировать.

ОБНОВИТЬ Похоже, это работает, как мне нужно.

var mySnippet =
        "\r"
            + "    \r"
            + "    \r"
            + "\r";

Выход: