Untitled

To hide specific buttons in the PrimeFaces 11 p:editor component (which uses CKEditor internally), you can configure the toolbar by specifying the desired buttons through the toolbar option in CKEditor. You can use the widgetVar attribute to access the CKEditor instance and customize the toolbar configuration.

Here is an example of how to hide buttons by customizing the toolbar:

<p:editor widgetVar="editor" height="300">
    <f:facet name="config">
        {
            toolbar: [
                { name: 'basicstyles', items: ['Bold', 'Italic'] },
                { name: 'paragraph', items: ['NumberedList', 'BulletedList'] },
                { name: 'links', items: ['Link'] },
                { name: 'insert', items: [] }, // Empty array to hide 'insert' buttons
                { name: 'styles', items: [] }, // Empty array to hide 'styles' buttons
                { name: 'tools', items: ['Maximize'] } // Show only maximize button in tools
            ]
        }
    </f:facet>
</p:editor>

In this example:

The toolbar configuration is customized to include only specific buttons, while other toolbar groups, like insert and styles, are hidden by setting their items arrays to empty.


You can adjust the button groups and items to match your specific requirements.