textarea wrap hard 向包装的单词添加新行

Question

我有一个脚本可以在文本区域中打印文件的内容，以便更改文件的内容然后更新它。

$file_content = file_get_contents($filename);
if (isset($_POST['text']))
    file_put_contents($filename, $_POST['text']);

<textarea name="text" wrap="hard">
    echo htmlspecialchars($file_content, ENT_QUOTES, 'UTF-8');
</textarea>

为了使 "better looking" 文本区域编辑表单，我添加了 wrap="hard" 属性，这样无需水平滚动即可查看文件内容。

这个属性的问题是当它自动换行一个句子时：使用表格更新文件后，自动换行在文件内容中也有效，添加一个新行\n 在包裹的句子中。

有什么方法可以避免这种情况？

Answer 1

我会推荐 style="resize: vertical; 并确保您对 cols 和 rows 属性尽可能慷慨。

这将避免生成不需要的换行符并消除水平滚动的可能性。

我在 https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_textarea_wrap

进行了 quick/dirty 测试

正如@Funk 评论的那样，overflow-x: hidden 是另一种有效的样式技术。

但是，嘿，textarea 的默认行为无论如何都会为您包装它。您是否将其他未告诉我们的样式应用于您的元素？ textarea是否被其他元素限制？

textarea wrap hard 向包装的单词添加新行

textarea wrap hard add new line to the wrapped word

html

php

textarea

word-wrap