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

Question

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

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

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

• Related thread

Answer 1

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

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

Answer 2

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

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

Answer 3

Я думаю, вы можете сжать его еще меньше. Просто испытания его ...

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

Answer 4

При использовании JavaScript/JQuery, чтобы исправить эту проблему не так, более производительным и менее ресурсоемким способом достижения этого было бы определить стиль первоначально (до RadEditor). В большинстве случаев применения не будут затронуты этим слишком много, но я видел, как много, как сокращение на 30% во время загрузки, используя следующий:

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

Счастливого кодирование!