Experience Editor Error

Owned by Pavel Veller (Unlicensed)
Last updated: Sept 12, 2017 by Chinmayee Patnaik

This has been fixed in Update 3 and you don't need to do anything if you're running Sitecore 8 Update 3 or later

 

We have stumbled upon an issue with the new SPEAK-based ribbon in Sitecore 8 Experience Editor and MVC renderings. After adding a component to a page, an attempt to edit a field (e.g. a Rich Text field, a Color field, a YouTube field - any field that has a dialog-based editing experience) does nothing. No dialog opens and browser console records a JavaScript error:

 

It affects all versions of Sitecore 8. We have reported it to Sitecore and are expecting a response. The workaround for right now is to disable the new SPEAK ribbon and switch back to using the old one. The good thing is - SCORE extensions work in both SPEAK and pre-SPEAK ribbon and the switch is a simple configuration change:

  1. Find App_Config/Include/Sitecore.MvcExperienceEditor.config
  2. Enable the old extenders and disable the new SPEAK extender. It should look like this:
<mvc.renderPageExtenders>
  <processor type="Sitecore.Mvc.ExperienceEditor.Pipelines.RenderPageExtenders.RenderExtendersContainer, Sitecore.Mvc.ExperienceEditor"></processor>
  <!-- Uncomment the page extenders below and comment the "SPEAK-based" Experience Editor ribbon processors to switch to old SheerUI-based Experience Editor ribbon. -->
  <!-- The SheerUI-based Experience Editor ribbon.  -->
  <processor type="Sitecore.Mvc.ExperienceEditor.Pipelines.RenderPageExtenders.RenderPageEditorExtender, Sitecore.Mvc.ExperienceEditor"></processor>
  <processor type="Sitecore.Mvc.ExperienceEditor.Pipelines.RenderPageExtenders.RenderPreviewExtender, Sitecore.Mvc.ExperienceEditor"></processor>
  <processor type="Sitecore.Mvc.ExperienceEditor.Pipelines.RenderPageExtenders.RenderDebugExtender, Sitecore.Mvc.ExperienceEditor"></processor>
        
  <!-- The SPEAK-based Experience Editor ribbon-->
  <!--processor type="Sitecore.Mvc.ExperienceEditor.Pipelines.RenderPageExtenders.SpeakRibbon.RenderPageEditorSpeakExtender, Sitecore.Mvc.ExperienceEditor"></processor-->
</mvc.renderPageExtenders>