Telerik RadEditor自定义皮肤与DialogsCssFile冲突问题咨询

我之前碰到过完全一样的问题，这是RadEditor 2017.3版本在处理非嵌入自定义皮肤+DialogsCssFile属性时的一个逻辑bug：当你设置DialogsCssFile后，控件会错误地将主编辑器的CSS类从RadEditor RadEditor_MyCustomSkin reWrapper修改为RadEditor MyCustomSkin reWrapper——省略了RadEditor_前缀，导致你的自定义皮肤选择器.RadEditor_MyCustomSkin完全匹配不上，自然加载失效。

这个bug的本质是：DialogsCssFile原本是为iframe模式的对话框设计的，而你的对话框是inline div（页面内的div），控件的逻辑没有区分这两种场景，错误地覆盖了主编辑器的皮肤类生成规则。

下面是几种靠谱的解决方法，按推荐优先级排序：

方法1：移除DialogsCssFile，直接在页面加载对话框样式 #

因为你的对话框是inline div（属于当前页面DOM的一部分），不需要通过RadEditor的DialogsCssFile属性加载样式，直接在页面中引入对话框的CSS文件即可：

1. 先从RadEditor控件中移除DialogsCssFile="~/assets/css/MyCustomSkin/DialogHandler.MyCustomSkin.css"这一行。
2. 在页面的CSS加载列表末尾，添加对话框样式的引用：

<link type="text/css" rel="stylesheet" href="/assets/css/MyCustomSkin/DialogHandler.MyCustomSkin.css" />

3. 确保RadEditor控件显式指定Skin="MyCustomSkin"和EnableEmbeddedSkins="false"（即使Web.Config有全局配置，显式设置能避免控件逻辑忽略全局值）：

<telerik:RadEditor runat="server" ID="pageRadEdit" 
    <!-- 其他属性保持不变 -->
    EnableEmbeddedSkins="false"
    Skin="MyCustomSkin">
    <!-- 其他配置内容 -->
</telerik:RadEditor>

这样修改后，编辑器的皮肤类会恢复成正确的RadEditor RadEditor_MyCustomSkin reWrapper，自定义皮肤正常加载；同时因为页面直接加载了对话框的CSS，inline对话框的样式也能正常显示。

方法2：手动修正编辑器的CSS类（临时hack） #

如果你必须保留DialogsCssFile属性，可以在OnClientLoad事件中手动修正编辑器的CSS类，补上缺失的前缀：

function resizeMe(editor, args) {
    // 修正皮肤类：移除错误的MyCustomSkin，添加正确的RadEditor_MyCustomSkin
    var editorWrapper = editor.get_element();
    editorWrapper.classList.remove('MyCustomSkin');
    editorWrapper.classList.add('RadEditor_MyCustomSkin');
    
    // 你的原有resize逻辑...
}

这个方法是临时的补救措施，适合无法修改页面CSS加载逻辑的场景，但要注意：某些编辑器操作可能会重新覆盖CSS类，所以优先级低于方法1。

方法3：合并对话框样式到主编辑器皮肤 #

如果对话框的样式和编辑器的皮肤高度耦合，可以直接把DialogHandler.MyCustomSkin.css中的@import内容合并到editor.MyCustomSkin.css中，然后完全移除对话框的单独CSS引用，这样页面只需要加载主编辑器皮肤，就能同时覆盖编辑器和对话框的样式。

额外检查点 #

• 确认Web.Config中的全局配置没有冲突：确保Telerik.Web.UI.EnableEmbeddedSkins和Telerik.EnableEmbeddedSkins都设为false，Telerik.Skin设为MyCustomSkin，且没有其他局部控件配置覆盖这些值。
• 检查DialogHandler.MyCustomSkin.css中的@import路径是否正确：路径是相对于该CSS文件的位置，比如如果DialogHandler.MyCustomSkin.css在/assets/css/MyCustomSkin/，那么@import url('FormDecorator.MyCustomSkin.css')的路径是正确的，不需要额外调整。

内容的提问来源于stack exchange，提问作者kolin