文本框换行显示

WBOY
リリース: 2016-06-06 20:09:33
オリジナル
1118 人が閲覧しました

HTML网页中在文本框textarea 输入内容后,里面的换行符\n不被肉眼看见,而HTML显示是也无法将\n转换为换行符。因为在HTML中换行的标签tag是br /,所以在显示textarea 的内容应该进行一次转换。 而在textarea 中的内容,如果是从windows上的某个程序上复制过

HTML网页中在文本框textarea 输入内容后,里面的换行符\n不被肉眼看见,而HTML显示是也无法将\n转换为换行符。因为在HTML中换行的标签tag是
,所以在显示textarea 的内容应该进行一次转换。

而在textarea 中的内容,如果是从windows上的某个程序上复制过来的,内容里面很有可能存在回车符\r,这个在HTML中也是不被显示的,而且在Linux操作系统中\n就代表了换行,而在Windows操作系统中\r\n才是另起一行。

PHP 转换文本框内容

转换问文本框中的每行数据到PHP数组:

如果是从Windows中提交表单,并存储到数据库的:

$array = explode("\r\n", $textarea);

如果是从Linux中操作,或者Ajax方式存储到数据库,没有回车符\r,使用这种方法,并且这种方法兼容上一种方法:

$array = explode("\n", $textarea);

使用换行符\n来分割数组,应该兼容所有操作。

转换问文本框中的内容到PHP变量,并在HTML中显示:

HTML中只认为
是换行符,所以将换行符转换为

$body = str_replace(array("\r\n", "\n"), "
", $textarea_content);

通过PHP str_replace进行替换。

JavaScript 转换文本框内容

HTML中只认为
是换行符,所以将换行符转换为

var textarea_content = $("textarea").val();
getDisplayText(textarea_content);

// 替换换行符、空格
function getDisplayText(str) {
    str = str.replace(/\r/g, " ");
    str = str.replace(/\t/g, "  ");
    str = str.replace(/\n/g, "
");
    return str;
}

通过JS的replace函数进行替换。

应用案例

texterea content display, JavaScript 转换HTML文本框Texterea内容为换行显示状态

(...)
Read the rest of 文本框换行显示 (1 words)


© lixiphp for LixiPHP, 2013. | Permalink | No comment | Add to del.icio.us
Post tags: html, JavaScript, PHP, textarea, \r\n, 换行, 文本框

Feed enhanced by Better Feed from Ozh

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のおすすめ
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!