Разметка строки HTML в текстовом поле

Я задал этот вопрос сейчас несколькими способами, но до сих пор не получил ответа.

При захвате текста asci в текстовом поле, которое включает разрывы строк, кажется, что вставляются невидимые символы в виде разрывов строк, когда вы нажимаете return. Разрыв строки, по-видимому, имеет формат \r для возврата или \n для новой строки. Эти символы не видны в тексте, но где-то там.

Однако, когда я помещаю этот код в текстовое поле, я не могу заставить его отображать строку. На самом деле, я не могу найти код, который помещается между тегами textarea, отображает разрыв строки.

Может ли кто-нибудь показать способ отображения разрывов строк в текстовом поле, т.е.

<textarea>first line <some code> second line </textarea>

Я действительно пробовал все, что вы могли себе представить. Например, если я попробую <textarea> first line "\r\n" second line</textarea>, он просто отобразит

`firstline "\r\n"` second line

Примечание: все, что связано с <br>, не решит эту проблему, так как это не о html, а просто текстовое отображение в поле textarea.

Спасибо за предлагаемый код для отображения разрывов строк в textarea.

Ответ 1

Хорошо, если вы делаете это через чистый HTML, вы можете сделать это одним из двух способов. Просто добавьте строки, нажав enter или используя символы ASCII  


jsFiddle

Ответ 2

Я не уверен, чтобы вы могли ответить на ваш вопрос.

Если вы хотите записать это в своем <textarea/>

first line
second line

Вы должны написать это:

<html>
    <head>
        <title></title>
    </head>
    <body>
        <textarea rows="4" cols="40">
first line
second line
        </textarea>
    </body>
</html>

В PHP вы должны написать это

<html>
    <head>
        <title></title>
    </head>
    <body>
        <textarea rows="4" cols="40"><?php echo "first line\r\nsecond line" ?></textarea>
    </body>
</html>

Убедитесь, что строка находится между ", а не"

Ответ 3

Если вы используете javascript, вы можете использовать элемент textarea значение Свойство.

var tb = document.getElementById("tb");

var newLine = "\r\n";

var text = "Output: " + newLine + "-------------------" + 
                        newLine + "line 1:	" + 
                        newLine + "line 2:	";

tb.value = text;
//console.log(text);

<textarea id="tb" rows=5>
Output: &#13;&#10;-------------
</textarea>