1

我正在玩这个html5 contentEditable="true"功能。最好的例子是HTML5 Demo: ContentEditable。现在这个功能在 IE 9.0 中效果最好（令人震惊，在 IE 中效果最好；）），并且它在所有 HTML 元素上显示了这个很酷的调整大小框（这很有趣，因为现在你不能点击按钮或任何链接^ ^（最好谈谈工作……））。

我复制了演示并将其归结为内容可食用部分，但我找不到他们如何为元素调整大小框。我错过了什么？

这是我的代码简单的html：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset=utf-8>
        <title>HTML5 Demo: ContentEditable</title>
    </head>
    <body>
        <section contenteditable="true">
            <h2>Go ahead, edit away!</h2>
            <p>
                Here's a typical paragraph element
            </p>
            <ol>
                <li>
                    and now a list
                </li>
            </ol>
        </section>
    </body>
</html>

来源：HTML5 演示：ContentEditable

4

1 回答 1

1

Mozilla 也为表格和图像提供了类似的调整大小句柄。WebKit 和 Opera 没有内置的可编辑内容调整 UI。IE 更进一步，还为所有具有 layout的元素提供了调整大小的句柄。IE 也有不同类型的选择对象来处理处于这种模式的可编辑元素。

于 2012-06-25T09:12:00.797 回答