html - 文本区域内的 HTML？

Question

所以我的网站上有这个文本区域。默认情况下，它的内容是这样的：

Name : Sample Value
Age : Sample Value
Location : Sample Value

在用户点击按钮并将其插入数据库之前，它是可编辑的，尽管我没有使用富文本编辑器，因为它只是一个简单的文本。

由于 textarea 标记内的基本 HTML 代码不是浏览器可读的，因此我习惯于
分隔行。

现在我的问题是，当我在服务器端读取 textarea 标记的值时，我无法包含 HTML 代码。

因此，插入数据库的值也不是 HTML 格式的，当它再次被提取到 Web 浏览器中时，它根本没有格式。

我有什么选择？谢谢。

score 6 · Accepted Answer

无法使用textarea，请改用contenteditableDIV。

<div contenteditable="true"></div>

您可以使用 getter 和 setter，如下所示：

//Get content    
var contents = document.getElementById("divId").innerHTML; 

//Set content
document.getElementById("divId").innerHTML = contents

这是此方法的浏览器支持。

score 0 · Accepted Answer

为什么不使用 JQuery 并执行此 $(textarea).val() 以获取 textarea 的值作为字符串并在服务器端使用它。您可能不得不考虑使用 Ajax 来调用要传递 Html 数据的服务器端方法。

score 0 · Accepted Answer

答案很简单。
使用 contenteditableDIV代替TextBoxand TextArea。
但请记住添加contenteditable="false"到所有内部 HTML 标记。

这对我有用。

3 回答 3