基本的javascript所见即所得编辑器

Question

我可以得到有关如何使用文本区域制作所见即所得编辑器的解释吗？ 我需要做的就是解析基本的html标签，例如粗体，斜体，下划线等。它不需要插入任何按钮，我只想在解析的textarea标签内包含默认文本html。

例：

<textarea cols="20" rows="20" name="ok">
<b>wat</b>
</textarea>

这将打印出<b>wat</b>而不是文本区域内的wat 。

编辑：jQuery是首选

Answer 1

textarea无法解析HTML句点。 （任何人都可以在此方面纠正我）

您看到的WYSIWYG编辑器不在文本区域中，至少不是以相同的方式。 我建议使用诸如TinyMCE或FCK Editor之类的预编译器。

Answer 2

查看contenteditable属性。 许多现代浏览器都支持它。 只需将其添加到元素并进行编辑即可...

document.getElementById('something').contentEditable = true;

当然，它不适用于textareas。 您需要将textarea换成div并使其可编辑。 您还需要确保textarea在提交表单时将div的内容（例如， innerHTML ）作为其值。

Answer 3

textarea不会解析HTML，但是通过使用WYSIWYG插件，编辑器将替换textarea，并使用户能够查看和修改内容。 使用某些编辑器，例如TinyMCE，您可以将其设置为“简单”模式，并且只允许您感兴趣的格式设置基础（粗体，斜体，下划线，项目符号等）。这有助于防止编辑器混乱使用不必要的工具。

我建议检查TinyMCE或CKEditor