7

我正在尝试使 textarea 内容可编辑，但我失败了。我正在使用这段代码：

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

我期待像http://html5demos.com/contenteditable这样的结果

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

编辑：

我这样做是因为我正在尝试做一个单行器来将控件添加到可以粘贴（HTML）格式的内容并保留其格式的表单中。我试图做到这一点没有大惊小怪，也没有 javascript 代码。看来这是不可能的。如果没有添加相反的进一步输入，我将在一天内结束这个问题。

4

4 回答 4

3

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

<!DOCTYPE html>

另外，为什么是文本区域？textareas 已经可以编辑了。

于 2009-10-14T15:00:11.113 回答
1

他们没有使用文本区域，文本区域已经是可编辑的。这就是他们正在使用的

<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>
于 2009-10-14T14:58:55.727 回答
1

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

http://gist.github.com/210327

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

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

于 2009-10-14T19:15:23.073 回答
0

鉴于您的评论回复，我会推荐任何优秀的所见即所得编辑器。无需重新发明轮子，而且我认为contenteditable无论如何都不会满足您的需求。

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

于 2009-10-14T15:16:02.143 回答