I am trying to create a Dropdown in WYSIWYG. I have added the Item using the Html Editor Drop Down Button template and Dropdown values using the Html Editor List Item in the core database. However, it's not showing the values when I open the RTE. Is there any configuration file that I need to edit as well?
This blog post describes the detailed steps to configure a custom dropdown list button in the Rich Text Editor in Sitecore 9: https://sitecorerunner.com/2018/08/21/adding-rte-richtext-custom-dropdown-list-in-sitecore-9/
One thing that is not explicitly called out in the article is that you need to use the Html Editor Custom Drop Down Button template when creating a custom dropdown button item, instead of the Html Editor Drop Down Button template, if you want that the dropdown button lists the child items defined using Html Editor List Item template.
Indeed in the Sitecore.Shell.Controls.RichTextEditor.EditorConfiguration class, the SetupToolbar method invoked to configure each button has a conditional logic based on the template of the button items to initialize buttons in different ways. In particular, when the template name of the button item is Html Editor Custom Drop Down Button, the internal SetChildren method is called to initialize the list of items to populate the drowdown:
private static void SetChildren(EditorDropDownItemCollection items, Item parent)
{
Assert.ArgumentNotNull((object) items, nameof (items));
Assert.ArgumentNotNull((object) parent, nameof (parent));
foreach (Item child in parent.Children)
{
if (child.TemplateName == "Html Editor List Item")
((EditorNameValueItemCollection<EditorDropDownItem>) items).Add(child["Header"], child["Value"]);
}
}
