contentEditable with move cursor和resize handle

Question

将contentEditable属性设置为false后，我们就可以在Telerik RadEditor中获得不可编辑的区域。

<telerik:RadEditor ID="reText" runat="server">
    <Content>foo bar ------------ <span contentEditable="false">non-editable comment</span> --------------- foo bar.</Content>
</telerik:RadEditor>

在IE8中选择不可编辑的块时，会显示move光标和调整大小的句柄：

但IE10 +似乎无法显示那些调整大小句柄：

调整大小句柄由IE渲染和控制，而不是由RadEditor控制。 Telerik支持告诉我们，我们可以使用以下方法：

<telerik:RadEditor ID="reText" runat="server" EnableImmutableElements="true">
    <Content>foo bar ------------ <span style="display:inline-block" contentEditable="false">non-editable comment</span> --------------- foo bar
    </Content>
</telerik:RadEditor>

但是调整大小句柄的外观不是RadEditor可以控制的东西，因为它们是在浏览器的逻辑中实现的。这提供了move光标，但没有调整大小句柄，因此用户无法看到内容被选中。

有关解决方法的任何想法吗？

Answer 1

你有没有试过这样的事情：

<span style="display:inline-block; cursor: default;" contentEditable="false">

看看你是否可以覆盖光标？添加!important修饰符也可能会有所帮助。

我尝试使用IE8在e VM上运行，但调整大小的句柄仍在那里。此类浏览器行为甚至可能没有解决方法。