基本的javascript wysiwyg编辑器

Question

我可以获得有关如何使用textarea创建所见即所得编辑器的说明吗？我需要它能够做的就是解析基本的html标签，如粗体，斜体，下划线等。它不需要任何插入它的按钮，我只想在解析的textarea标签内部有一个默认文本html。

示例：

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

这将在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