Telerik RadEditor for MOSS - Как подавить встроенный CSS минимальной ширины?

Question

У меня проблема с RadEditor for MOSS, я действительно сбит с толку относительно источника этой проблемы. Я попытался использовать Firebug, чтобы найти, где происходят какие-либо минимальные настройки CSS, и поиск оказался пустым, но я знаю, что это происходит, потому что в разметке загруженной страницы нет этого встроенного CSS.

Я полагаю, что одним из Javascripts, созданным элементом управления Telerik, является добавление встроенного стиля CSS в div верхнего уровня редактора, а именно: min-height, min-width. Это вызывает проблемы с макетом на моей странице. У меня вопрос, почему он это делает, и, что более важно, как я могу предотвратить это?

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

• Похожие темы

Answer 1

Хотя использование javascript / jQuery для исправления этой проблемы не является неправильным, более производительный и менее ресурсоемкий способ сделать это - определить стиль изначально (до RadEditor). Большинство вариантов использования не будут затронуты этим слишком сильно, но я видел сокращение времени загрузки на 30% при использовании следующего:

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

Удачного кодирования!

Answer 2

Стиль min-width / height добавлен из редактора. AFAIK, нет способа остановить их появление, если вы не переопределите JavaScript элемента управления. Однако я не думаю, что это поможет, поскольку стили, очевидно, привязаны к размеру редактора, и если вы удалите их, внешний вид элемента управления, скорее всего, будет нарушен.

Вам следует попытаться обойти проблему, изменив макет страницы. Например, страницы MOSS обычно отображаются в режиме причуд, и добавление допустимого XHTML-типа документа должно изменить ситуацию к лучшему.

Answer 3

Я думаю, вы можете сжать его еще меньше. Только что проверил ...

  $('.RadEditor').css('width','auto');

Answer 4

Я закончил тем, что бросил скрипт переопределения, вот он на тот случай, если он вам нужен.

// 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");
            }
        });
    }
);