如何在 html textarea 中显示以下文本？答案

【问题标题】：How can I show following text in html textarea?如何在 html textarea 中显示以下文本？
【发布时间】：2014-10-29 04:18:00
【问题描述】：

我有一个如下所示的字符串。请看：

我把它作为一个图像，这里也没有显示。如果我把那个字符串放在这里，它将变成以下内容：

 21154537878887GHE\u0044\u0045

现在我的问题是：有什么方法可以在不更改编码的情况下将原始字符串放入 HTML <textarea>？

【问题讨论】：

我不确定我是否理解正确，您想正确显示字符串还是完全按照您提供图像的方式显示字符串？如果你想正确显示它，你从哪里得到字符串？
@Zeeker 是的，我想显示为 gedit 编辑器的显示方式（如图所示）。
您在 gedit 中使用哪种编码？您应该在 html 中使用相同的编码。它可能不是 utf-8。

标签： html textarea

【解决方案1】：

我认为你必须在头部定义你的字符集。

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>untitled</title>
<meta name="generator" content="TextMate http://macromates.com/">
<meta name="author" content="denis kohl">
<!-- Date: 2014-09-04 -->
</head>
<body>

【讨论】：

好的，所有浏览器的效果都一样吗？
你是如何逃脱特殊字符的？

【解决方案2】：

尝试将属性accept-charset="UTF-8" 添加到包含文本区域的HTML 表单元素。然后通过 JavaScript 解析编码值。例如：

HTML：

<form accept-charset="UTF-8">
    <textarea id="textBox"></textarea>
</form>

JavaScript：

document.getElementById("textBox").value = "21154537878887GHE\u0044\u0045";

【讨论】：

【解决方案3】：

<textarea name="Input" cols="36" rows="5" wrap="virtual">

能否尝试定义wrap方法，可以选择：

包裹：关闭、虚拟、硬、物理、软

Textarea 格式看起来与他们最初的预期完全不同。通常，所有 Textarea 文本都将压缩成一个段落，没有任何原始换行符或间距。

这是因为 CGI 程序（用于处理文本框中的文本）在准备电子邮件或其他文档时必须指定 MIME 类型，并且其中许多程序选择使用“文本”的 MIME 类型/html”，以便他们可以使用 HTML 格式使电子邮件或文档更美观。这种方法的问题是 HTML Textarea 输入框的内容需要使用 MIME 类型“text/plain”，否则 Textarea 格式将无法在最终输出中正确显示。

<meta http-equiv="Content-Type" content="text/plain; charset=utf-8">

了解以上内容，希望对您找到解决方案有所帮助。

【讨论】：

【解决方案4】：

这样做：

<textarea>2&#002;11&#001c;5&#0002;45&#001c;3&#0002;788&#0019;87&#0019;GH&#0019;E\u0044\u0045</textarea>

请注意，当它被渲染时，所有可以以所选（以 css 格式）字体显示的字符都会正常显示，而大多数浏览器会退回到 Unicode BMP Fallback Font (http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&item_id=UnicodeBMPFallbackFont)，这只是填补您可能使用的任何字体的空白。确切的结果将取决于浏览器。

【讨论】：