Content Picker

HCMS Content Picker is a JavaScript-based widget for selecting media assets.

What is Content Picker?

HCMS Content Picker is a JavaScript-based widget for selecting media assets. Users can filter assets by various metadata criteria (including full-text) and check image preview and detailed metadata before confirming their selection.

Content Picker can be readily integrated with any other custom web application or existing CMS system. It is based on HCMS API. On top of this API, Content Picker provides:

• Schemas for mapping of standard data and metadata. These schemas are extendable, so project-specific metadata can be easily added.
• React-based frontend code (JavaScript) to display the selection dialog. This dialog must be invoked from some other JavaScript code. The dialog returns data in the JSON format. The dialog is displayed as a popup window, allowing UI integration with any other web application. Its appearance can be customized by using a theme to fit in the correct branding (colors, etc).

Documentation is part of the distribution on GitLab: https://gitlab-ext.censhare.com/oc/product/release/content-picker

What to keep in mind before integrating Content Picker

Before the installation, please read and consider these basic principles of the Content Picker:

• Content Picker itself is just a frontend application component that uses other censhare product, HCMS (Headless CMS).
• Content Picker is not useful as a standalone application. It needs to be embedded within some other frontend (JavaScript) application, that will actually use the picked content.
• Content Picker is purely frontend code (TypeScript compiled to JavaScript) that needs to be served by some HTTP server. This HTTP server is not part of this application!
  • Presumably, it is already available as part of the embedding application.

Available HCMS documentation

Full HCMS documentation is available on the partner portal. This document relies on this documentation and does not go into any details about the installation. More importantly, the topics like authorization are not discussed here either. Apart from the documentation, an online training is available for better onboarding.