如何在编辑模式下删除IE11中的SharePoint RTE.Canvas

Question

我尝试使用IE11编辑SharePoint Rich Text Editor框，但IE会根据CSS使用RTE.Canvas自动对Div进行分组。但RTE.Canvas分组不适用于chrome。请查看下面的图片。

当我编辑SharePoint RTE时，我不想在IE中使用此框画布，与未显示的chrome相比。

我尝试在IE中隐藏此框，但它不起作用， 我遵循的方法。

<script>
        //<![CDATA[
            $(document).ready(function() {
                $(".ms-rtestate-write").bind('paste', function(e) {
                    var text = $(this).html();
                    $(this).html(text.replace( /<\s*span.*?>/gi,"").replace( /<\s*\/\s*span\s*.*?>/gi,""));
                });
            });
        //]]>
        </script>

使用上述脚本后，它不会影响RTE.Canvas

RTE.Canvas = null 

影响整个画布。

编辑SharePoint RTE时，我不想要IE中突出显示的框，请帮我解决画布问题。

Answer 1

通过在不满足的DIV中放置一个可信的DIV，手柄不会出现在IE或FF中，但您仍然可以编辑内容

实施例

<div class="outerContainer" contenteditable="false">
    <div class="innerContainer" contenteditable="true">
    </div>
</div>

您可以在此处进一步阅读： How to Remove Resize handles and border of div with contentEditable and size style