Uncaught TypeError when using <liferay-ui:input-editor>

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 6.2.X EE, 7.0.0 DXP SP2, Master
• Fix Version/s: 7.0.0 DXP FP44, 7.0.6 CE GA7, 7.0.0 DXP SP8, 7.0.X, 7.1.X, Master
• Component/s: CKEditor
• Labels:
  • QA-NF
  • liferay-digital-enterprise-70-sp8
  • liferay-fixpack-de-44-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Story Points: 1.25
• Fix Priority: 2
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/50087
• Bug Type: Regression Bug

For 6.2.x:

1. Add the following to portal-ext.properties:

   editor.wysiwyg.test=bbcode

2. Create a JSP page with the following:

   <%
   String test = "<script>alert(123)</script>";
   %>
   <liferay-ui:input-editor
           contents="foo"
   	editorImpl="editor.wysiwyg.test"
   	name="<%= test %>"
   	toolbarSet="bbcode"
   />

3. View the rendered page in a browser

Result
Even though there is no pop-up show up, the following error displays in the browser console when the page is loading. Then the page is unclickable.

Uncaught TypeError: Cannot read property 'bbCode' of undefined(...)

Expected Result
No javaScript error.

For Master and 7.0.x EE:

1. Add these properties:

   editor.wysiwyg.test1=alloyeditor
   editor.wysiwyg.test2=alloyeditor_bbcode
   editor.wysiwyg.test3=alloyeditor_creole
   editor.wysiwyg.test4=ckeditor
   editor.wysiwyg.test5=ckeditor_bbcode
   editor.wysiwyg.test6=ckeditor_creole
   editor.wysiwyg.test7=simple
   editor.wysiwyg.test8=tinymce
   editor.wysiwyg.test9=tinymce_simple
   

2. Append the JSP codes to view.jsp of AP.
3. Add an AP.
4. Change editorImpl and then view the page.

Result
The following error displays in the browser console when the page is loading.

Uncaught TypeError: Cannot read property 'attr' of null(...)

Expected Result
No javaScript error.