Ask Questions and Find Answers

Hi,

I am trying to add a new button on ckeditor in Liferay 7.1. I am following the article.  I am not getting any error, however the button is also not visible in toolbar.

Attaching code snippet.

If someone has implemented similar functionality in 7.1, please provide the steps that was followed in order to get it working.

Thanks.

Added LiferaySnippetbrowser  class to extend BaseEditorConfigContributor  and override populateConfigJSONObject method as below:

@Component(
        property = {"editor.name=alloyeditor", "editor.name=ckeditor", 
                     "service.ranking:Integer=100"},
        service = EditorConfigContributor.class
)
public class LiferaySnippetbrowser extends BaseEditorConfigContributor {
    
    @Override
    public void populateConfigJSONObject(JSONObject jsonObject, Map<string, object> inputEditorTaglibAttributes,
            ThemeDisplay themeDisplay, RequestBackedPortletURLFactory requestBackedPortletURLFactory) {
        
        JSONArray toolbars = jsonObject.getJSONArray("toolbar_tablet");
        if (toolbars != null) {
          
               JSONArray addButtons = JSONFactoryUtil.createJSONArray();
          
               addButtons.put("camera");
                          
                toolbars.put(addButtons);
                
                jsonObject.put("toolbar_tablet", toolbars);
        }else if(jsonObject.getJSONObject("toolbars") != null){
            JSONObject toolbar1 = jsonObject.getJSONObject("toolbars");
            if (toolbar1 != null) {
                JSONObject toolbarAdd = toolbar1.getJSONObject("add");

                if (toolbarAdd != null) {
                    JSONArray addButtons = toolbarAdd.getJSONArray("buttons");

                    addButtons.put("camera");
                   
                }
            }
        }
        else{
        
          JSONArray addButtons = JSONFactoryUtil.createJSONArray();
           addButtons.put("camera");
           
        jsonObject.put("liferay_add", addButtons);
        
        }
    }

}</string,>

And 

@Component(immediate = true, service = DynamicInclude.class)
public class AlloyEditorMyButtonDynamicInclude extends BaseDynamicInclude {

        @Override
        public void include(
                        HttpServletRequest request, HttpServletResponse response,
                        String key)
                throws IOException {

                ThemeDisplay themeDisplay = (ThemeDisplay)request.getAttribute(
                        WebKeys.THEME_DISPLAY);

                PrintWriter printWriter = response.getWriter();

                StringBundler sb = new StringBundler(7);

                sb.append("<script src="\&quot;&quot;);" sb.append(themedisplay.getportalurl()); sb.append(portalutil.getpathproxy()); sb.append(_servletcontext.getcontextpath()); sb.append(" js buttons.js"); sb.append("\" "); sb.append("type="\&quot;text/javascript\&quot;"></script>");

                printWriter.println(sb.toString());
        }

        @Override
        public void register(DynamicIncludeRegistry dynamicIncludeRegistry) {
                dynamicIncludeRegistry.register(
                        "com.liferay.frontend.editor.alloyeditor.web#ckeditor#" +
                                "additionalResources");
        }

        @Reference(
                target = "(osgi.web.symbolicname=com.liferay.frontend.editor.ckeditor.my.button.web)"
        )
        private ServletContext _servletContext;
}

The same code works if I configure default WYSIWYG editor as alloyeditor.