如何在输入文本字段中启用HTML？

Question

如何在文本字段中启用HTML，以便用户可以在文本字段中输入HTML，在提交时，HTML会被解析并显示在浏览器中？现在，我正在使用文本字段的普通表单元素：

<input id="todo" type="text">

我需要改变什么？ type？

Answer 1

您无需做任何事情。 HTML是文本，因此用户可以根据需要在文本字段中键入HTML。

将类型更改为html只会使其成为未知类型，因此浏览器会将其视为text。

如果您接受HTML，那么在将其显示回浏览器之前需要仔细清理它，否则您将打开XSS security vulnerability。

Answer 2

如果要在输入字段中启用HTML标记，请使用<textarea id="todo"></textarea> 它会给你一个更大的盒子。

您可以选择使用易于使用的TinyMCE和功能强大的WYSIWYG工具。

但是为了在提交时显示代码，您需要了解PHP，Python编程语言或类似的东西。

Answer 3

您正在寻找的是WYSIWYG编辑器。 （所见即所得）

你有很多这些，有些是免费的 - 只是Google的“WYSIWYG编辑器”并亲自看看。

我曾经使用FCKeditor并且它非常简单和强大，但我相信现在有更好的编辑器。