Как бы я использовал jquery, чтобы добавить разрыв строки при нажатии Enter в HTML-текстовой области

Question

Как бы я использовал jquery, чтобы добавить разрыв строки при нажатии Enter в HTML-текстовой области

0

Я искал по всему Google и нашел интересные способы сделать это, но никто из них не скрывает  

Я читал, что если бы я использовал \n это не появилось бы, но оно появилось в текстовом поле. У меня всегда есть что-то в текстовом поле и preg_replace его с   позже, я полагаю, в моем php, который обрабатывает форму, связанную с текстовой областью.

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

Хорошим примером является Facebook. Facebook очень тяжелый javascript. Столько, что вам нужно нажать shift + enter, чтобы получить новую строку, чтобы форма не отправлялась. Но когда вы вводите текст на двух строках, вставлен разрыв строки, поэтому содержимое отображается на двух строках, и вы никогда не увидите   или все, что они используют внутри формы при написании сообщения.

Как я могу это сделать?

stevenmw 01 окт. 2013, в 14:52

Источник

0

Вы используете textarea или contentEditable ? Это имеет огромное значение.
Halcyon 01 окт. 2013, в 12:38
1

html textarea. Я думаю, что написал это в своем посте. Извините за путаницу.
stevenmw 01 окт. 2013, в 12:39
3

Поведение <textarea> умолчанию - ввод новой строки, поэтому я немного запутался. Вы берете значение и показываете его в другом месте?
Anthony Grist 01 окт. 2013, в 12:40
0

Ваши предположения не соответствуют тому, что я вижу, когда использую Facebook. Я могу нажать Enter без отправки сообщения. Я думаю, что это разные комментарии. Кроме того, новая строка представляется как \n , а не /n .
Halcyon 01 окт. 2013, в 12:42
1

/ n была ошибка типа с моей стороны. Вот эта вещь. Я беру ценность и показываю это в другом месте. В моей текстовой области я могу нажать клавишу ввода, и она попадает в базу данных, а в базе данных текст находится на отдельных строках. Но в базе данных нет \ n или br, потому что я не указал для этого. Поэтому, когда я распечатываю содержимое, все в одной строке. моя точка зрения на Facebook заключается в том, что он делает то, что я хочу. Вы нажимаете клавишу ввода, текст находится на новой строке, и вы не можете видеть \ n или br в текстовой области, но когда результаты печатаются на странице, они появляются в отдельной строке.
stevenmw 01 окт. 2013, в 12:47
0

@faildistraction Вам необходимо заменить символы новой строки в тегах   . Как это сделать, зависит от того, где именно вы отображаете значение. Если вы отправляете его в базу данных, затем отображаете его на той же или другой странице после перезагрузки, то, вероятно, имеет смысл сделать это в вашем PHP-коде. Если вы берете значение непосредственно из текстовой области и отображаете его на той же странице с помощью JavaScript, тогда $('#your-textarea-id').val().replace(/\n/g, ' ') должно работать .
Anthony Grist 01 окт. 2013, в 12:50
0

@faildistraction Чтобы уточнить, браузер конденсирует любое количество пробелов (пробелов, табуляции, разрывов строк и т. д.) в HTML в один пробел, что вы видите, когда просто пытаетесь вывести значение как часть страницы. Однако если бы вы проверяли исходный код страницы, я подозреваю, что вы увидите, что в ней действительно есть разрывы строк.
Anthony Grist 01 окт. 2013, в 12:53
0

Предпочтительным способом было бы взять значение из моей текстовой области и исправить его в моем php перед отправкой в базу данных. Я силен в php, но не в javascript. Я просто не уверен, как вставить какой-нибудь индикатор, будь то \ n br или что-то еще, в текстовое поле при нажатии Enter, чтобы он не был виден. Вот где моя проблема.
stevenmw 01 окт. 2013, в 12:54
0

он уже делает то, что вам нужно. \ n вставляется автоматически текстовой областью. Вы просто не можете видеть это, потому что это скрытый персонаж. При выводе содержимого базы данных используйте nl2br ();
Mike Oram 01 окт. 2013, в 12:55
0

@faildistraction Предпочтительным методом было бы сохранить строку при ее отправке на сервер в вашей базе данных и заменить \n на   после чтения из базы данных для отображения на странице в формате только для чтения. Если вы начнете возиться с ним до того, как сохраните его в своей БД, у вас могут возникнуть головные боли, если / когда вы захотите позволить им отредактировать его снова - вам придется сделать обратное преобразование (и это не обязательно будет 100%). надежно) при помещении его обратно в текстовую область.
Anthony Grist 01 окт. 2013, в 13:00
0

Майк, ты, может быть, на минуту опоздал. хаха, я только что сделал это, и это прекрасно работает Гораздо лучший метод, чем JQuery на мой взгляд. Всем спасибо. я узнал несколько вещей. php.net/manual/en/function.nl2br.php
stevenmw 01 окт. 2013, в 13:00
0

@faildistraction Как я уже говорил, поведение текстовой области по умолчанию заключается в вставке новой строки, когда пользователь нажимает клавишу ввода. Если этого не происходит, это потому, что у вас есть собственный JavaScript, чтобы изменить это поведение - если это так, определите это и опубликуйте в вопросе. Вероятно, вы могли бы довольно легко изменить его, чтобы выполнять пользовательскую часть, только если клавиша ввода не нажата (что позволяет пользователю выполнять shift + enter для перехода на новую строку в текстовой области).
Anthony Grist 01 окт. 2013, в 13:02
0

Там нет пользовательских JS, Энтони. Я просто не продумывал все ясно. Я ответил на вопрос, ребята. Еще раз спасибо!
stevenmw 01 окт. 2013, в 13:03

Показать ещё 11 комментариев

Теги:

php

javascript

jquery

html

2 ответа

Ещё вопросы

Вы используете textarea или contentEditable ? Это имеет огромное значение.
html textarea. Я думаю, что написал это в своем посте. Извините за путаницу.
Поведение <textarea> умолчанию - ввод новой строки, поэтому я немного запутался. Вы берете значение и показываете его в другом месте?
Ваши предположения не соответствуют тому, что я вижу, когда использую Facebook. Я могу нажать Enter без отправки сообщения. Я думаю, что это разные комментарии. Кроме того, новая строка представляется как \n , а не /n .
/ n была ошибка типа с моей стороны. Вот эта вещь. Я беру ценность и показываю это в другом месте. В моей текстовой области я могу нажать клавишу ввода, и она попадает в базу данных, а в базе данных текст находится на отдельных строках. Но в базе данных нет \ n или br, потому что я не указал для этого. Поэтому, когда я распечатываю содержимое, все в одной строке. моя точка зрения на Facebook заключается в том, что он делает то, что я хочу. Вы нажимаете клавишу ввода, текст находится на новой строке, и вы не можете видеть \ n или br в текстовой области, но когда результаты печатаются на странице, они появляются в отдельной строке.
@faildistraction Вам необходимо заменить символы новой строки в тегах   . Как это сделать, зависит от того, где именно вы отображаете значение. Если вы отправляете его в базу данных, затем отображаете его на той же или другой странице после перезагрузки, то, вероятно, имеет смысл сделать это в вашем PHP-коде. Если вы берете значение непосредственно из текстовой области и отображаете его на той же странице с помощью JavaScript, тогда $('#your-textarea-id').val().replace(/\n/g, ' ') должно работать .
@faildistraction Чтобы уточнить, браузер конденсирует любое количество пробелов (пробелов, табуляции, разрывов строк и т. д.) в HTML в один пробел, что вы видите, когда просто пытаетесь вывести значение как часть страницы. Однако если бы вы проверяли исходный код страницы, я подозреваю, что вы увидите, что в ней действительно есть разрывы строк.
Предпочтительным способом было бы взять значение из моей текстовой области и исправить его в моем php перед отправкой в базу данных. Я силен в php, но не в javascript. Я просто не уверен, как вставить какой-нибудь индикатор, будь то \ n br или что-то еще, в текстовое поле при нажатии Enter, чтобы он не был виден. Вот где моя проблема.
он уже делает то, что вам нужно. \ n вставляется автоматически текстовой областью. Вы просто не можете видеть это, потому что это скрытый персонаж. При выводе содержимого базы данных используйте nl2br ();
@faildistraction Предпочтительным методом было бы сохранить строку при ее отправке на сервер в вашей базе данных и заменить \n на   после чтения из базы данных для отображения на странице в формате только для чтения. Если вы начнете возиться с ним до того, как сохраните его в своей БД, у вас могут возникнуть головные боли, если / когда вы захотите позволить им отредактировать его снова - вам придется сделать обратное преобразование (и это не обязательно будет 100%). надежно) при помещении его обратно в текстовую область.
Майк, ты, может быть, на минуту опоздал. хаха, я только что сделал это, и это прекрасно работает Гораздо лучший метод, чем JQuery на мой взгляд. Всем спасибо. я узнал несколько вещей. php.net/manual/en/function.nl2br.php
@faildistraction Как я уже говорил, поведение текстовой области по умолчанию заключается в вставке новой строки, когда пользователь нажимает клавишу ввода. Если этого не происходит, это потому, что у вас есть собственный JavaScript, чтобы изменить это поведение - если это так, определите это и опубликуйте в вопросе. Вероятно, вы могли бы довольно легко изменить его, чтобы выполнять пользовательскую часть, только если клавиша ввода не нажата (что позволяет пользователю выполнять shift + enter для перехода на новую строку в текстовой области).
Там нет пользовательских JS, Энтони. Я просто не продумывал все ясно. Я ответил на вопрос, ребята. Еще раз спасибо!

stevenmw · Answer 1 · 2013-10-01T10-26-00.000Z

Я использовал функцию php nl2br для преобразования \n в  

http://www.php.net/manual/en/function.nl2br.php

Мне нравится этот метод, потому что он не требует ничего лишнего. Просто обведите nlbr2() вокруг моей переменной, и все. Php готов, добавив для меня \n, просто нужно его преобразовать.

Помните: HTML4 =   , XHTML =   , HTML5 =   ; используйте nl2br($str, false); если HTML5.
Не могли бы вы рассказать немного больше о том, для чего ложно?
Нет, мой комментарий достаточно ясен, вы можете прочитать ссылку, которую вы разместили: php.net/manual/en/function.nl2br.php

Govind Totla · Answer 2 · 2013-10-01T10-42-00.000Z

1

используйте nl2br() перед сохранением аналогичного содержимого.

http://www.php.net/manual/en/function.nl2br.php

$content = nl2br($content);

и сохранить.

Govind Totla 01 окт. 2013, в 10:42

0

Я все готово ответил на вопрос с этим в качестве ответа, но все равно спасибо.
stevenmw 01 окт. 2013, в 13:15
0

Я готовил это, и ваш ответ появился.
Govind Totla 01 окт. 2013, в 13:20
0

s 7 minutes difference between the answers, how long were you preparing nl2br () `: D
Daniel W. 01 окт. 2013, в 14:16

Показать ещё 1 комментарий