javascript - 编辑数据库输入时在文本框上换行

Question

我有一个可用的 php crud，现在我需要在更新页面中为文本框提供一些格式，以便用户可以阅读/编辑很长的描述。我知道我只能使用文本框来编辑功能(textareas 不呈现数据库中的文本)，所以我需要一些文本框作为多行框。

我有的是这个

<input type="text" class="textbox" name='description' value="<?php echo htmlspecialchars($description, ENT_QUOTES);  ?>">

这会将数据库中的内容加载到文本框中，但会显示一长串文本(最多 5000 个字符)。

首先尝试了这个 CSS，但它会在字母之间的任何地方打断单词，无论如何它只适用于 Mac 上的 Safari。

.textbox{
    width: 300px;
    height: 200px;
    resize: none;
    word-wrap: break-word;
    word-break: break-word;
}

与这个其他的

.textbox{
    width: 300px;
    height: 200px;
    resize: none;
    word-wrap: normal;
    word-break: normal;
}

但什么都不做...所以我正在寻找新的想法，可能使用 javascript/jquery 或其他解决方案。

任何想法...

Answer 1

正如其他人评论的那样，您所描述的行为正是 TextArea 的行为。 .这是一个使用您上面描述的样式的工作示例，保留在提供的 PHP 代码中。

.TextArea {
  height: 200px;
  width: 300px;
}

<textarea class="TextArea" name='description'>
  <?php echo htmlspecialchars($description, ENT_QUOTES);  ?>
</textarea>

编辑:文本区域不应使用最初复制的值属性，而应使用内部内容。我已经有一段时间没有使用 PHP 了，但是我没有看到插入错误。