1

私はMOSSのRadEditorに問題があり、この問題の原因について本当に困惑しています。Firebugを使用して、min- * CSS設定が発生している場所を見つけようとしましたが、検索が空になりましたが、ダウンロードしたページマークアップにそのインラインCSSがないため、発生していることがわかります。

Telerikコントロールが出力するJavascriptの1つは、エディターのトップレベルのdivにインラインCSSスタイルを追加するもの、つまり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をオーバーライドしない限り、表示を停止する方法はありません。ただし、スタイルは明らかにエディターのサイズに関連付けられており、削除するとコントロールの外観が損なわれる可能性があるため、これが役立つとは思いません。

ページレイアウトを変更して、問題を回避する必要があります。たとえば、MOSSページは通常クァークモードでレンダリングされ、有効なXHTML doctypeを追加すると、状況が改善されます。

于 2010-03-05T08:17:08.507 に答える
1

javascript / jQueryを使用してこの問題を修正することは間違いではありませんが、これを達成するためのよりパフォーマンスが高く、リソースをあまり消費しない方法は、最初に（RadEditorの前に）スタイルを定義することです。ほとんどのユースケースはこれによる影響をあまり受けませんが、以下を使用することでロード時間が30％も短縮されます。

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

ハッピーコーディング！

于 2013-10-10T16:28:41.840 に答える
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 に答える