Нужна помощь с Telerik RADEditor Проблемы с CSS

Question

<telerik:RadEditor ToolbarMode="Default" 
ID="editor1" runat="server" EnableEmbeddedBaseStylesheet="true"> 
</telerik:RadEditor> 

Использование редактора по умолчанию. Когда я внес изменения в Editor.Default.CSS файл они не отражают на моей странице, но когда я печатаю следующий я могу увидеть изменения:

<link href="Skins/Default/Editor.Default.css" rel="stylesheet" type="text/css" /> 
<link href="Skins/Default/Window.Default.css" rel="stylesheet" type="text/css" /> 

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
<telerik:RadEditor ToolbarMode="Default" 
ID="editor1" Skin="Default" runat="server" EnableEmbeddedSkins="true"> 
</telerik:RadEditor> 

Должен ли я создать файл скин для изменения, чтобы отразить? Я не хочу, потому что редактор использовался во многих файлах, и теперь привязка нового пользовательского CSS-файла в каждом файле .aspx будет такой болью. Я просто хочу, чтобы это было добавлено в коже:

body 
{ 
    background-image:none; 
    background-color:White; 
} 

Что это делает, что он делает цвет фона области содержимого белого. Раньше область содержимого редактора наследовала свойство background-image тега body главной страницы. Еще одна смешная проблема заключается в том, что стили Font тоже наследуют свойства главной страницы, так как Heading 2 в раскрывающемся списке редактора имеет фоновый цвет, когда я хочу, чтобы он был простым.

Так делает пользовательский скин CSS-файл единственным решением? Как мне заставить изменения отражать только файлы CSS по умолчанию? Я не хочу создавать пользовательский класс. Почему изменения не отражались?

Answer 1

Если вы не хотите, чтобы редактор наследовал CSS с главной страницы, вы должны указать, какие классы CSS должны быть загружены в области содержимого (iframe). См. Статью справки external CSS и, возможно, статью CSS dropdown. Наконец, есть отдельная страница для устранения неполадок в области содержимого. content area appearance problems

Answer 2

Убедитесь, что ваше тело background-color не перезаписано в Window.Default.css. Всегда последняя запись в файле CSS или последующем файле имеет приоритет над предыдущим. Попробуйте пойти background-color:white !important;.
Добавление !important после того, как любое правило CSS сделает это именно так и отменяет любой приоритет.

Относительно того, почему изменения не отразились: проверьте, какие стили используется для управления Telerik. Проверьте источник страницы и проверьте ссылки на файлы CSS, есть ли у них ваши добавленные свойства - возможно, в каком-то кеше есть некоторые другие файлы CSS?

Ваш инструмент выбора стилей для определенного элемента может быть Internet Explorer (если вы используете IE) Панель инструментов разработчика - просто нажмите F12 и выберите редактор Telerik с помощью маленькой стрелки, и вы увидите все связанные с ним стили и откуда они пришли.

Answer 3

Вы можете редактировать файл конфигурации xml (в моем случае он называется ConfigDefault.xml).

В <configuration/> узле вы можете добавить что-то вроде следующего, чтобы загрузить CSS по своему выбору обратиться к содержанию (HTML документа), который загружается в в IFRAME:

<configuration> 
    <property name="CssFiles">one.css,two.css</property> 
     ...more items 
</configuration> 

Так если вам нужен one.css для вашего обычного сайта css, тогда two.css может выполнить переопределение, чтобы удалить фоновое изображение/изменить цвет фона.

Answer 4

Одно из решений, которые работали для меня, чтобы установить эти свойства на редактора:

ContentAreaMode="Div" 
CssClass="wysiwygeditor" 

то в CSS можно переопределить то, что вам нужно

.wysiwygeditor { background-color: white; background-image: none; } 

Было бы хорошо, если бы Telerik подвергнет свойство устанавливать класс в элементе body при использовании ContentAreaMode=Iframe вместо Div, и CKeditor и TinyMCE поддерживают свойство, подобное этому, и это позволяет легко удалить нежелательные стили тела, поддерживая при этом большинство страницы CSS в редакторе.