
A new version of the Hybrid Placeholder is released. Version 1.1 is compatible with Sitecore JSS 20.0.1 and has improved Experience Editor support.
In version 1.0 the HybridRenderingContentsResolver inherited from IRenderingContentsResolver. In version 1.1 this is changed to RenderingContentsResolver. By moving from an interface to a class some new methods become available. For example ProcessItem. That can be used to enable rendering item fields for advanced Sitecore editors.
Here is a part of the 1.0 HybridPlaceholderExampleContentsResolver:
protected override (HybridExample content, object renderingParameters) ResolveDefaultContents(
Rendering rendering,
IRenderingConfiguration renderingConfig)
{
var datasource = !string.IsNullOrEmpty(rendering.DataSource)
? rendering.RenderingItem?.Database.GetItem(rendering.DataSource)
: null;
var hybridExample = new HybridExample
{
Heading = datasource?["Heading"],
Text = datasource?["Text"]
};
return (hybridExample, null);
}
And this is what it looks like in the Experience Editor.
And here is the same part of the 1.1 HybridPlaceholderExampleContentsResolver:
protected override (HybridExample content, object renderingParameters) ResolveDefaultContents(
Rendering rendering,
IRenderingConfiguration renderingConfig)
{
var datasource = !string.IsNullOrEmpty(rendering.DataSource)
? rendering.RenderingItem?.Database.GetItem(rendering.DataSource)
: null;
var processedItem = base.ProcessItem(datasource, rendering, renderingConfig);
var hybridExample = new HybridExample
{
Heading = processedItem?["Heading"],
Text = processedItem?["Text"]
};
return (hybridExample, null);
}
And this is what version 1.1 looks like in the Experience Editor:
So the Hybrid Placeholder now also supports inline editing in the Experience Editor.
If you want to install the latest version you can follow the docs here:
https://github.com/jbreuer/Hybrid-Placeholder#installing
The packages are available here:
Sitecore: Hybrid Placeholder-1.1.zip Hybrid Placeholder example-1.1.zip
NuGet: https://www.nuget.org/packages/HybridPlaceholder/1.1.0
Npm: https://www.npmjs.com/package/hybrid-placeholder-jss/v/20.0.1 https://www.npmjs.com/package/hybrid-placeholder-jss-example/v/20.0.1