I would like to re-share one of my existing blog articles on how to add a custom client library for the AEM Author Editor (editor.html). It’s a very simple configuration that requires one dependency and one client category. This method is specific to customizing page authoring in AEM.
Click on this link for exactly how this can be set up, https://sourcedcode.com/blog/aem/adding-custom-client-library-for-aem-author-editor-touch-ui
Usecases for adding custom CSS or JavaScript to the editor.html would be:
- Including custom styling from the UI for the Granite UI fields.
- Including custom Granite UI JavaScript validations such as richtext maximum characters or multifield maximum items.
- Including custom processes such as deleting component properties based on Granite UI configurations.
- Including JavaScript injections into a page based on the window.location.pathname or searchParams.
All in all, the sky is the limit on customizations that you can add to the editor.html. Click on this link for exactly how this can be set up, https://sourcedcode.com/blog/aem/adding-custom-client-library-for-aem-author-editor-touch-ui
If you want to learn how to create client libraries for the authoring environment that only target specific components checkout this article here.
thsnks boss