Sitecore多RTE类样式

2022-03-12 00:00:00 css sitecore

我可以添加RichTextEditor(RTE)的CSS样式路径,如下所示,并且可以在RTE中选择定义的样式。

<configuration xmlns:patch="http://www.sitecore.net/xmlconfig/">
    <sitecore>
        <settings>
            <setting name="WebStylesheet">
                <patch:attribute name="value">/resources/customCSS.css</patch:attribute>
            </setting>
        </settings>
    </sitecore>
</configuration>

但是,应该有两种或更多类型的CSS。 例如,角色A的用户在RTE类列表中只能看到"Role-A.css",角色B的用户在RTE类列表中只能看到"Role-B.css"。

如何实现此功能?
有没有办法过滤类列表中显示哪条css路径?


解决方案

不可能开箱即用,但实现起来相当容易。创建从Sitecore.Shell.Controls.RichTextEditor.EditorConfiguration继承的新类并覆盖SetupStylesheets()方法:

public class EditorConfiguration : Sitecore.Shell.Controls.RichTextEditor.EditorConfiguration
{
    public EditorConfiguration(Item profile) : base(profile)
    {
    }

    protected override void SetupStylesheets()
    {
        // if (user = X)
            this.Editor.CssFiles.Add("/path/to/custom.css");

        base.SetupStylesheets();
    }
}

,然后将Rich Text配置文件设置为使用此新配置类型。切换到核心数据库,然后转到/sitecore/system/Settings/Html Editor Profiles/Rich Text Default/Configuration Type项,并将Type字段设置为您的新类。如果您的特定配置文件不包含Configuration Type项,请复制或创建一个新项,或在配置中设置"HtmlEditor.DefaultConfigurationType"。

我建议您在内容树中的某个设置中定义一组"样式表",然后使用不同角色的安全性和权限限制对它们的读取访问,而不是对样式表进行硬编码。然后,您可以简单地读回项目列表,迭代并添加它们,例如

,然后迭代SetupStylesheets()方法中的项。

protected override void SetupStylesheets()
{
    var stylesheets = Sitecore.Context.ContentDatabase.GetItem("/sitecore/content/RTE-Stylesheets").Children.ToList();

    foreach (var item in stylesheets)
    {
        this.Editor.CssFiles.Add(item["Stylesheet"]);
    }

    base.SetupStylesheets();
}

由于您使用权限进行了限制,因此将只返回用户有权访问的样式表,然后再添加。

相关文章