У меня есть следующий небольшой скрипт для предварительного просмотра текста перед его отправкой для хранения в базе данных:
jQuery(function($) {
var input = $('#contents'),
preview = $('#previewaccordion div.viewcontents');
input.keyup(function(e) {
preview.html(input.val());
});
});
но если я набираю текст с разрывами строк, он игнорирует их и записывает все в одну строку. Как я могу заменить разрывы строк, чтобы они отображались правильно?
Я предполагаю, что вы используете текстовое поле для ввода. В качестве разрывов строк используются символы \n, которые не имеют никакого значения в HTML. Поэтому вы должны заменить их на br-теги:
input.val().replace(/\n/g, "<br />");
Это не имеет ничего общего с jQuery: разрывы строк в HTML не имеют значения, это просто пробелы (например, пробелы и табуляции).
Чтобы заставить разрыв строки в HTML, вы используете тег <br>. Таким образом, вы можете изменить
preview.html(input.val());
to
preview.html(input.val().replace(/\r?\n/g, '<br>'));
Обратите внимание, что вы также не экранируете специальные символы HTML (например, < или &), и поэтому, если вы их наберете, ваш вывод может быть неверным. Итак, вы можете пойти с:
preview.html(input.val().replace(/&/g, '&').replace(/</g, '<').replace(/\r?\n/g, '<br>'));
И, наконец, я бы зацепил keypress так же, как и keyup, чтобы вы видели символы, созданные с помощью повторения клавиш (которое запускает keypress, но не keyup).
Hiya демонстрация здесь: http://jsfiddle.net/STnhV/1/
надеюсь это поможет! ваше здоровье!
Код JQuery:
$(document).ready(function() {
$('#inputfoo').keyup(function() {
$('#outputbar').html($(this).val().replace(/\n/g,'<br/>'));
});
});
Замените разрывы строк тегами разрыва html при отображении вывода из базы данных.
