属性中的Sitecore Image CSS

Question

我想在“图像属性”对话框的“应用类”下拉列表中添加新的CSS类列表。我可以自定义CSS并更新EditorPage.aspx以添加新类，它完全正常工作，但不在“图像属性”对话框中。

下面是我在EditorPage.aspx中的当前设置，我为表格布局设置了“TableLayoutCssFile”。 Image CSS还有另一个属性名称吗？或者只有图像属性的其他地方吗？

<telerik:RadEditor ID="RadEditor1" runat="server"
    CssClass="scRadEditor"
    Width="100%"
    ContentFilters="DefaultFilters"
    DialogsCssFile="/sitecore/shell/themes/standard/default/Content Manager.css"
    StripFormattingOptions="MSWordRemoveAll,ConvertWordLists"
    StripFormattingOnPaste="All"
    LocalizationPath="~/sitecore/shell/controls/rich text editor/Localization/"
    Skin="Metro"
    ToolsFile="~/sitecore/shell/Controls/Rich Text Editor/ToolsFile.xml"
    ImageManager-UploadPaths="/media library"
    ImageManager-DeletePaths="/media library"
    ImageManager-ViewPaths="/media library"
    FlashManager-UploadPaths="/media library"
    FlashManager-DeletePaths="/media library"
    FlashManager-ViewPaths="/media library"
    MediaManager-UploadPaths="/media library"
    MediaManager-DeletePaths="/media library"
    MediaManager-ViewPaths="/media library"
    DocumentManager-ViewPaths="/media library"
    TemplateManager-UploadPaths="/media library"
    TemplateManager-DeletePaths="/media library"
    TemplateManager-ViewPaths="/media library"
    ThumbSuffix="thumb"
    OnClientCommandExecuted="OnClientCommandExecuted"
    OnClientLoad="OnClientLoad"
    OnClientSelectionChange="OnClientSelectionChange"
    OnClientInit="OnClientInit"
    OnClientModeChange="OnClientModeChange"
    OnClientPasteHtml="OnClientPasteHtml"
    TableLayoutCssFile="~/layouts/styles/modules/Telerik-table-themes.css" />

Answer 1

Sitecore富文本编辑器基于Telerik编辑器。要查找有关其配置的信息，您应该了解应如何配置Telerik编辑器并在Sitecore中重复它。

当您访问Sitecore showconfig.aspx页面并查找WebStylesheet设置时，您会发现它等于＆＃34; /default.css" 。 （定制后可能会有所不同）。 它是Telerik Editor的默认样式表配置。 Telerik在那里读取样式配置。如果您更改了default editor profile in Sitecore，则可以看到＆＃34;应用CSS类＆＃34;落下。它来自your "/default.css" file。您还可以在＆＃34; \ sitecore \ shell \ Controls \ Rich Text Editor \ ToolsFile.xml＆＃34; 文件中设置your CSS classes的名称。

我想这个方法应该传播到Image Properties对话框，但它并没有。我在事件中查看了对话框代码并发现它应该填充：

this._cssClasses = clientParameters.CssClasses != null ? clientParameters.CssClasses : [];

但我仍然得到空的下拉......

但是在Telerik example everything works上（但版本不同，ToolsFile.xml与使用的不同）。关于这个对话的参考资料......

所以，你有几个选择：

• 深入了解Telerik编辑器，了解CSS类是如何进行的 转移到对话框。
• 使用“应用CSS类”下拉列表进行设置 风格到图像。（对我有用）
• 嵌入您的自定义脚本 将填写此下拉列表（不推荐）。