textarea中的HTML5富文本

Question

我听说新的HTML5会为textareas添加丰富的文本功能（它会让它们更灵活），所以你可以做一些像代码语法高亮的编辑器，而不需要非常讨厌的javascript（比如创建iframe和东西）。

这是真的吗？是否有支持它的浏览器？我在哪里可以找到一些API？

Answer 1

您在寻找Aloha Editor吗？

它使用新的contenteditable属性将WYSIWYG编辑器添加到您选择的任何div中。

查看demos。

Answer 2

不 - jQuery

如果您在寻找（与我相同）的是NO-jquery工具（纯HTML / CSS +基本JS），那么我发现的一些最佳选择是：

1. wysihtml5
2. Squire
3. ckeditor
4. widgEditor

然而，上面列表中的所有内容都将元素（textarea）转换为iframe，所以它们并不是我正在搜索的内容，最后我发现这个尊重原始元素（div左右，但是如果你使用textarea它会创建一个额外的div），允许完全直接的JS应用程序开发：

1. 的 nicedit

希望这对你有帮助！

Answer 3

我相信你所指的是新的contentEditable属性。这不是textarea，而是元素属性。这对于允许更改内容非常有用。

尝试http://html5demos.com/contenteditable

请注意，您的浏览器可能不会为您提供带粗体，斜体等的工具栏。但Chrome会让您选择文本并使用CTR-B，CTR-I等。事情仍然在解决这个问题。

基本上，这是一项正在进行中的工作，您对浏览器兼容性的最佳选择是使用像tinymce等人的所见即所得的编辑器。

Answer 4

你听到了哪里？ 看W3Schools > HTML5 > textarea我看不到任何暗示这是真的。

修改：由于不喜欢w3schools的人的评论而添加了更多链接

即使它在这一点上基本上是相同的，这里是wiki textarea的w3.org链接，以及textarea的spec链接。另外，这是2012年3月29日html 4和5的differences文档