Question

我正在努力使textarea内容可编辑，但我失败了。我正在使用此代码：

<textarea id='' class='' name='notes' rows='12' cols='67' contenteditable='true' ></textarea>

我期待像http://html5demos.com/contenteditable

这样的结果

有没有人知道它为什么不起作用？

修改

我这样做是因为我正在尝试使用oneliner将控件添加到可以粘贴（HTML）格式的内容并保留其格式的表单。我试图这样做没有大惊小怪和没有JavaScript代码。看来这是不可能的。如果不再添加相反的意见，我将在一天内结束这个问题。

Answer 1

您是否在页面顶部设置了正确的文档类型？对于HTML5，您需要以下doctype：

<!DOCTYPE html>

另外，为什么一个textarea？ textareas已经可以编辑了。

Answer 2

他们没有使用textarea，textareas已经可以编辑。这就是他们正在使用的

<section contenteditable="true" id="editable">
    <h2>Go ahead, edit away!</h2>
    <p>Here's a typical paragraph element</p>
    <ol>
      <li>and now a list</li>
      <li>with only</li>
      <li>three items</li>
    </ol>
  </section>

Answer 3

我不是要重复任何事情，但我已经整理了一个演示正在发生的事情的演示。

http://gist.github.com/210327

只需运行它，编辑您想要的内容，然后单击“输出格式化内容”语句以接收警报消息，其中包含contenteditable元素中实际html格式内容的输出。至于添加格式等，您需要在突出显示的内容上创建调用文本修改功能的按钮。是的，那部分会很有趣。

尽管如此，我希望这会有所帮助。

Answer 4

鉴于您的评论回复，我会推荐任何优秀的WYSIWYG编辑器。无需重新发明轮子，我认为contenteditable无法满足您的需求。

我个人最喜欢的是CKEditor，但还有很多其他人。 TinyMCE也很受欢迎。

Textarea满足

4 个答案: