contentEditable 与移动光标和调整手柄答案

【问题标题】：contentEditable with move cursor and resize handlescontentEditable 与移动光标和调整手柄
【发布时间】：2015-01-27 15:46:58
【问题描述】：

通过将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 光标，但没有调整大小句柄，因此用户看不到内容被选中。

有什么解决方法的想法吗？

【问题讨论】：

标签： c# jquery asp.net telerik radeditor

【解决方案1】：

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

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

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

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

【讨论】：