Integrating ProseMirror Mentions Plugin in Editor

Environment

Product

Progress® Kendo UI® for Angular Editor

Description

How can I use @mentions and #hashtags inside Kendo UI for Editor component?

Solution

You can use the proseMirror-mentions plugin to provide a @mentions and #hashtags functionality for the Kendo UI for Angular Editor component. To implement the feature, you need to customize and integrate the built-in ProseMirror Schema and ProseMirror Plugins.

When you integrate the solution in your project, you would need to create a file named prosemirror-mentions.d.ts in the src folder of your project. The file should contain the following code:

typescript

declare module 'prosemirror-mentions';

This file is required to avoid TypeScript errors when you import the prosemirror-mentions plugin in your project.

The following example demonstrates how to integrate the proseMirror-mention plugin in Editor.

Change Theme

Theme

Loading ...

Suggested Links

• ProseMirror Documentation