Chrome 和 Safari 中的文本区域，所有可见换行符发送到服务器

Question

我在尝试使用 Chrome 和 Safari 将数据输入 mysql 数据库时遇到了一些麻烦。当我从这些浏览器中的任何一个输入数据时，发送到数据库的数据都会在文本区域字段的边缘处显示中断。因此，它不再是一长行文本，而是分成几行。

当数据进入数据库时​​，我正在运行 stripslashes 和 strip_tags 。它在 FF 和 FF 中运行良好。 IE。

请参阅下文了解我的意思：

文本输入字段：
http://www.redcontour.com/query/textarea_field.png

Chrome 和 Chrome 浏览器Safari 数据库条目：
http://redcontour.com/query/Chrome_Safari_db_data.png

FF& IE 数据库条目：
http://redcontour.com/query/FF_IE_data.png

问题是我我并不总是返回数据以供在与最初放入的文本区域框宽度相似的 div 中使用，因此数据没有运行在 div 的整个宽度上看起来很奇怪。

有什么想法吗？

发布更新 - 下面是数据发送到数据库之前的验证，上面的示例是我输入的数据，我在浏览器中的两个实验中没有做任何不同的事情，所以我不知道如何链接中断正在发生。

// Create a function for escaping the data.
function escape_data ($data) {
    global $dbc; // Need the connection.
    if (ini_get('magic_quotes_gpc')) {
        $data = stripslashes($data);
    }
    return mysql_real_escape_string($data, $dbc);
} // End of function.

// Check for about.
if (empty($_POST['about'])) {
    $a = FALSE;
    $message .= '<p>About you description missing.</p>';
} else {
    $a = escape_data(strip_tags($_POST['about']));
}

用于输入数据的 HTML 代码。

<textarea class="ed_text_box" name="about" wrap="physical" rows="5" onKeyDown="textCounter(document.details.about,document.details.ed_text_box,500)" onKeyUp="textCounter(document.details.about,document.details.ed_text_box,500)">I'm a traveller at heart, having lived in Portugal and England. Love camping and getting away from it all, whether it's walking the Cornish coast or canoeing in the Brecon Beacons.</textarea>

文本计数器只是阻止用户在字段中放入过多的副本，我在没有它的情况下对其进行了测试，并且遇到了同样的问题。 CSS 也在下面，所以所有信息都可以在这篇文章中找到。

.ed_text_box {width:394px; border:1px solid #CCCCCC; padding:2px 2px 2px 2px; margin:0 0 20px 0; font-size:12px; font-family:Verdana, Arial, SunSans-Regular, Sans-Serif; font-weight:normal; color:#564b47;}

非常感谢任何帮助。

Answer 1

这些浏览器很可能响应 </code> 上的 <code>wrap="physical"</code> 属性。根据 <a href="http://arnspublishing.com/QuickRef/textarea.html" rel="nofollow">THIS</a> 该属性是 IE 特定的，对应于 <code>wrap="hard"< /code>，意味着用户可见的换行符包含在发送到服务器的数据中。您想要的是 <code>wrap="soft"</code> 行为，我非常确定这是所有浏览器的默认行为 - 因此无需指定它。

尽管 Chrome 和 Safari 都不是 IE，并且您注意到 IE 工作正常，但我怀疑这仍然是您的问题。