1

我在使用 MOSS 的 RadEditor 时遇到问题，我真的很困惑这个问题的根源。我尝试使用 Firebug 查找任何 min-* CSS 设置发生的位置，但搜索结果为空，但我知道它正在发生，因为下载的页面标记没有该内联 CSS。

我相信 Telerik 控件发出的 Javascript 之一是将内联 CSS 样式添加到编辑器的顶级 div 中，即 min-height、min-width。这导致我的页面出现布局问题。我的问题是为什么要这样做，更重要的是如何防止这种情况发生？

<div style="height: 300px; width: 100%; min-height: 300px; min-width: 1133px;"
 class="RadEditor Default reWrapper ms-input">
4

4 回答 4

1

虽然使用 javascript/jQuery 来纠正此问题并没有错，但完成此问题的一种性能更高且资源消耗更少的方法是最初定义样式（在 RadEditor 之前）。大多数用例不会受此影响太大，但我发现通过使用以下内容可以减少 30% 的加载时间：

<style>
  div.RadEditor {
    min-width: inherit !important;
  }
</style>

快乐编码！

于 2013-10-10T16:28:41.840 回答
1

最小宽度/高度样式是从编辑器中添加的。AFAIK 除非您覆盖控件的 JavaScript，否则无法阻止它们出现。但是，我认为这不会有帮助，因为样式显然与编辑器大小相关，如果删除它们，控件的视觉外观可能会损坏。

您应该尝试通过修改页面布局来解决此问题。例如 - MOSS 页面通常以 quirks 模式呈现，添加有效的 XHTML doctype 应该会使事情变得更好。

于 2010-03-05T08:17:08.507 回答
0

我最终抛出了一个覆盖脚本，以防万一你需要它。

// Hack/Fix for Telerik editor controls, this removes the strange inline css property min-width that is being set somewhere deep in the Telerik scripts.

$(document).ready(
    function() {
        var items = $(".RadEditor").filter("div");
        items.each(function(index) {
            var that = $(this);
            if (that.css("min-width")) {
                that.css("min-width", "inherit");
            }
        });
    }
);
于 2010-03-17T00:13:56.603 回答
0

我认为您可以将其压缩得更小。刚刚测试了一下...

  $('.RadEditor').css('width','auto');
于 2012-01-18T16:32:45.690 回答