Как передать перевод строки в строке браузера
Обновлено: 07.07.2024
Браузер почему то не хочет правильно передавать текст, если он имеет перевод строки, то есть если я пишу текст в несколько строк, то браузер не правильно распознает передающиеся переменные.
Вот скрин, когда я передаю текст в одну строку:
Как видите все нормально, браузер распознал переменные
Но вот когда передаю несколько строк:
Получается какой то бред.
Подскажите как мне передать текст в несколько строк обработчик и даже если я передам его, то как обработчику понять, что текст был передан с переводом строк, ведь тут уже HTML эквивалент перевода "\n" не работает.
__________________Помощь в написании контрольных, курсовых и дипломных работ здесь
Передача многострочного текста методом POST
1.Создаю текстовое поле. 2.С помощью JavaScript записываю в поле текст; 3.Текст отправляется на.
Передача переменной методом POST
Подскажите пожалуйста, как получить значение переменной на странице bat.php. : .
Передача данных методом POST
Приветствую!! Есть две обычные формы, В первой есть текстовое поле: <form action="1.php.
Идея хорошая, но мне не подходит, у меня JS скрипт и там в переменную нужно поместить уже обработанный текст, что невозможно реализовать т.к. сначала загружается HTML код страниці и только потом идет обработка и єту переменную уже нельзя вставить, ну разве что вковырнуть опять же с помощью JS, но это бред. Да и не нужно оказывается все это мозго******, браузер все нормально передает и переводы строк, это firebag не правильно переменные распознал и все.
Добавлено через 7 минут
index.php отправляет данные, randomizer.php возвращает, а как повторно обработать данные в index.php??
Передача переменной методом POST
Здравствуйте! Возник следующий вопрос: Имеется JavaScript-переменная, допустим Х1, её надо.
Передача данных методом POST
с помощью этого скрипта он авторизируется на сайте. но комментарий не добавляет. в чем ошибка? .
Передача методом Post из JS в PHP
Есть скрипт, выполняющийся при нажатии кнопки: function check()< var name =.
Сегодня мы с вами немного коснемся темы оформления текстов на вашем сайте. Создавая сайт и ведя уже существующий, нужно грамотно подходить к каждой его мелочи. Я – активный пользователь Интернета, очень часто ищу различную информацию абсолютно по разным темам. Зачастую встречаю сайты, на которых информация представлена примерно в таком виде:
Не говоря уже о том, что здесь нет никаких выделений (главного в тексте), так и отсутствуют какие-либо абзацы или переносы строк. Текст может быть и корректным с точки зрения орфографии и его темы, но визуально – он некомфортен для восприятия. Согласитесь, такой вид куда более читабельный и не «отпугивает» наших пользователей:
Неважно, коммерческий ваш сайт или это обычный блог – всем этим нюансам должно быть уделено отдельное внимание. Именно поэтому сегодня я покажу вам целых три варианта переноса строк в тексте на вашем сайте.
Для наглядности за основу мы возьмем популярный в кругах дизайнеров и верстальщиков текст «Lorem Ipsum», а если быть точнее – то несколько его абзацев:
и рассмотрим популярные способы переноса строк в HTML.
Перенос строк текста в HTML через тег <br />
Итак, первый, самый популярный и в то же время специально созданный тег для переноса строк в тексте – это:
Вы могли также видеть этот тег и без слеша (косой черты) на конце:
Они оба одинаково выполняют свою роль, только первый является правильным (валидным) вариантом согласно спецификации XHTML 1.0 (теги, не имеющие закрывающей части, должны содержать слеш на конце).
Использовать его вы можете сколько угодно раз. Одно использование – один перенос строки, соответственно, два этих тега, поставленные подряд, дают двойной перенос.
Хочется отметить, что при переносе строки таким способом к ней не добавляется дополнительный отступ, который вы можете увидеть при использовании тега <p> (о нем чуть ниже).
Сам по себе тег <br /> имеет поддержку атрибута «clear», который указывает на то, как обрабатывать следующую строку, если текст обтекает плавающий элемент.
Допустимые значения следующие:
all – отменяет обтекание элемента с обоих (левой и правой) сторон.
left – отменяет обтекание элемента с левой стороны.
right – отменяет обтекание элемента с правой стороны.
none – отменяет действие атрибута.
Обратите внимание, что если вы хотите сделать большой разрыв между двумя строками – использование тега <br /> является не лучшим решением. Суть тега – перенос строки, а не задание отступов. Приемлемое количество подряд используемых тегов (на мой взгляд) – 1–2.
Разбитие текста в HTML на абзацы через тег <p>
Как вы уже поняли из заголовка, в HTML (да и не только) существует такое понятие, как абзацы (параграфы). Для них отведен специальный тег типа:
Весь текст, заключенный в него, переносится на новую строку. По умолчанию (если нет глобальных стилей) он имеет свой отступ. Использование следующее:
Здесь стоит отметить то, что использование пустого тега типа:
не даст вам дополнительной пустой строки, как это можно сделать в первом варианте. При этом, если немного схитрить и поместить в пустой тег код пробела, это все же даст дополнительную пустую строку:
Для того чтобы задать желаемый отступ между абзацами, воспользуйтесь глобальными стилями:
Или же присвойте абзацу свой идентификатор, за счет которого примените свой персональный стиль:
Помимо этого, тег <p> имеет поддержку атрибута «align», с помощью которого можно задать выравнивание текста.
left – выравнивание по левому краю (значение по умолчанию).
center – выравнивание по центру.
right – выравнивание по правому краю.
justify – выравнивание по ширине (по левому и правому краю одновременно). В этом случае, между словами добавляются пробелы.
Этот вариант оформления текстов я люблю больше всего, так как можно настроить желаемое расстояние между абзацами. Тег из первого же варианта (<br />) я использую редко.
Разбитие текста в HTML на блоки через тег <div>
Этот вариант похож на вид абзацев, только вместо тега <p> используется тег <div>:
Принцип работы тот же самый – каждый блок текста, обернутого в эту конструкцию, начинается с новой строки. Пустой тег не дает дополнительной новой строки. Что касается отступов, в отличие от параграфов, то здесь они отсутствуют. Но вы можете настроить их и сами, через глобальные стили:
или же через отдельный идентификатор блока:
Тег <div> как и тег <p> имеет поддержку атрибута «align» (с такими же значениями), а также атрибута «title» для указания подсказки появляющейся при наведении:
Все описанное выше, на мой взгляд, – это самые популярные способы переноса строк в вашем тексте. Все расписано максимально подробно, так что вопросов возникнуть не должно.
и n универсальная последовательность символов новой строки в Javascript для всех платформ? Если нет, то как определить характер для текущей среды?
Я не спрашиваю об элементе новой строки HTML ( <BR/> ). Я спрашиваю о последовательности символов новой строки, используемой в строках JavaScript.
Я только что протестировал несколько браузеров, используя этот глупый бит JavaScript:
IE8 и Opera 9 в Windows используют \r\n . Все другие браузеры, которые я тестировал (Safari 4 и Firefox 3.5 В Windows и Firefox 3.0 в Linux), используют \n . Они все справятся \n просто отлично при установке значения, хотя IE и Opera преобразуют это обратно в \r\n снова внутренне. Есть статья SitePoint с более подробной информацией, называемой окончание строки в Javascript.
обратите внимание также, что это не зависит от фактических окончаний строк в самом HTML-файле (оба \n и \r\n дать те же результаты).
Я не думаю, что вам действительно нужно делать много каких-либо определений. Если вы просто хотите разделить текст на новые строки, вы можете сделать что-то вроде этого:
Да, это универсально.
хотя '\n' - Это универсальный newline символы, вы должны иметь в виду, что, в зависимости от вашего ввода, новые символы строки могут предшествовать символам возврата каретки ( '\r' ).
Не используйте \n, просто попробуйте следующее:
просто введите назад-Слэш и продолжать truckin'! Работает как заклинание.
было бы проще всего обрабатывать все случаи нового символа строки вместо проверки того, какой случай затем применяет его. Например, если вам нужно заменить новую строку, сделайте следующее:
да используйте \n, если вы не генерируете html-код, в котором вы хотите использовать <br />
функция ссылки по электронной почте я использую "%0D%0A"
получить разделитель строк для текущего браузера:
Примечание-при использовании ExtendScript JavaScript (язык сценариев Adobe, используемый в приложениях, таких как Photoshop CS3+), символ для использования "\r". "\n " будет интерпретироваться как символ шрифта, и многие шрифты, таким образом, будут иметь символ блока.
например (чтобы выбрать слой с именем "Примечание" и добавить строку после всех периодов):
в ответ Nilay выше (я не могу комментировать, недостаточно репутации):
кто-нибудь знает этот тип кода для клавиши tab? я попробовал "%0D%09", но не работать. - Нилай 26 '15 сентября в 13: 57
Tab-это один символ, поэтому, если вы попробуете просто %09 все должно быть хорошо. Пример для просмотра отдельных кодов символов:
У меня была проблема выражения строку с \n или \r\n.
Магически персонаж \r который используется для возврата каретки работал для меня, как строки.
Поэтому в некоторых случаях полезно рассмотреть \r тоже.
вы можете использовать ` цитаты (которые ниже кнопки Esc) с ES6. Таким образом, вы можете написать что-то вроде этого:
Я считаю, что это-когда вы работаете со строками JS.
Если вы генерируете HTML, вам придется использовать <br /> теги (не \n , поскольку вы больше не имеете дело с JS)
вы можете использовать шестнадцатеричные значения ascii, что-то вроде этого(это сработало для меня):
результат будет такой:
на \n просто отлично подходит для всех случаев, с которыми я столкнулся. Я работаю с web, используйте \n и не беспокойтесь об этом (если у вас не было каких-либо проблем, связанных с новой строкой).
Сегодня расскажу про HTML и CSS перенос текста. Очень часто возникает ситуация, когда какой-то текст или слово не помещается в блоке и нужно перенести его на следующую строку.
Перенос текса на следующую строку
Для переноса текста можно использовать специальный html тег <br />. Это одиночный тег, то есть его не нужно закрывать, и ставится он в том месте, где вам нужно осуществить перенос на следующую строку.
Здесь ну oчень длинный текст, <br /> который не плохо было бы перенести на новую строку.Вот что получим:
Здесь ну oчень длинный текст,который не плохо было бы перенести на новую строку. Если вы через CSS задаёте более узкую ширину для блока с текстом то перенос текста осуществляется автоматически. То есть те слова, которые не помещаются в одной строке перескакивают на следующую.
Как сделать CSS перенос слова на следующую строку?
Осуществить перенос слова можно при помощи CSS свойства word-break.
У данного CSS свойства может быть несколько значений:
-
Normal – значение по умолчанию, то есть перенос слова не осуществляется и если оно не помещается в блок с текстом, то просто вылезет за его пределы.
Например:
Выглядит не очень! Не правда ли ?!
Вот что получится:
Здесь ну oооооооооооооооочень длинное слово, которое не плохо было бы перенести на новую строку при помощи CSS.Сам HTML кода блока с текстом для переноса в моём случае выглядит вот так:
Здесь ну oооооооооооооооочень длинное слово, которое не плохо было бы перенести на новую строку при помощи CSS.А вот CSS код для переноса текста, который записывается в файл стилей вашего шаблона или страницы сайта:
Всё бы ничего, но вот только переносы расставляются без знака «-» в конце строки и не по правилам.
Перенос слов в тексте вручную
Если текста не очень много и критически важно чтобы всё переносилось по правилам, то перенос слов в тексте можно осуществить при помощи специального символа
­
Этот специальный символ ставится в том месте, где нужно осуществить перенос.
Например:
Выглядеть это будет так:
Здесь ну oооооооооооооооочень длинное слово, которое не плохо было бы перенести на новую строку при помощи CSS.Перенос слов в тексте при помощи свойства hyphens
СSS код блока с текстом в этом случае выглядит так:
Вот результат его использования данного CSS свойства:
Здесь ну очень длинненькое слово, которое не плохо было бы перенести на новую строку при помощи CSS. Если на вашем сайте данное CSS свойство не срабатывает, то допишите для тега html атрибут lang=”ru”В коде это будет выглядеть так:
Как видите перенос текста можно осуществлять несколькими способами как средствами CSS так и HTML.
Надеюсь что данная статья была для вас полезной! Если у вас возникнут какие-то вопросы – пишите их в комментариях. Подписывайтесь на обновления блога и до встречи в следующих статьях!
Подписаться на рассылку
3 комментария
Фигня это, word-wrap:break-word и делов то
Читайте также: