Blocknote

Last modified by Manuel Leduc on 2025/06/24 14:20

User

See Blocknote official website to read more about it. The explanation below details features that are specific to the integration of Blocknote into Cristal.

blocknote-editor.png

External links (URLs)

It is possible to insert external links:

inserting-external-link.png

Which are rendered as follows:

render-of-external-link.png

Internal links (references)

Internal links can also be made to reference existing pages:

inserting-internal-link.png

Which are rendered as follows:

render-of-internal-link.png

Attachments

Images

Images can be added directly from the editor:

inserting-internal-image.png

The "Upload" button enables uploading a custom image, and URLs can also be provided.

Footer list

Attachments are also listed at the bottom of the editor, with the ability to upload new attachments to be referenced inside the document:

attachments.png

Real-time

When real-time is configured in the current Cristal instance, the bottom status bar is enhanced with two user interface elements:

  • the list of users currently editing the page
  • the save status of the page

realtime-status-bar.png

WYSIWYG

The editor's styling closely matches the rendered pages'.

EditorRendered page
446910380-647e4b8a-43c0-416b-a6f2-b1b20a9cbedf.png446913505-3147b62a-6f43-4002-af72-357c9f1a79b4.png

Admin

See the admin documentation to know how to enable Blocknote.

Developer

See BlocknoteHeadless for more information about the reusable part of Blocknote.

France 2030 Logo

This project is being financed by the French State as part of the France 2030 program

Ce projet est financé par l’État Français dans le cadre de France 2030

  • Powered by XWiki 16.10.6-node2. Hosted and managed by XWiki SAS

Get Connected