Ckeditor 5 Hashtag In Vue Js Complete Tutorial - FreeCodeBlog

Ckeditor 5 hashtag (#) in vue js! Really? Yes. You can easily develop hashtag (#) system in vue js using ckeditor 5. Just follow bellow step slowly to using ckeditor 5 hashtag in vue js.

1. Install Ckeditor 5 Mention Plugin.

Before you start installing the ckeditor 5 mention plugin to develop a mention system in your vue js project, please make sure that your vue js project has an installed "@ckeditor/ckeditor5-build-classic": "^version" and "@ckeditor/ckeditor5-vue": "^version" editor. You must need to install ckeditor 5 mention plugin in your vue js project to make hashtag (#) system like #php.

npm install --save @ckeditor/ckeditor5-mention

2. Import Ckeditor 5 Hashtag Plugin.

Have you installed the ckeditor 5 hashtag (mention) plugin? Yes. Good, Now you need to import hashtag plugin in your project.

import Mention from '@ckeditor/ckeditor5-mention/src/mention';

3. Use Ckeditor 5 Mention Plugin.

I hope you have installed ckeditor 5 editor and mention plugin in your project. Now it's time to use mention system in ckeditor 5.

editorConfig: {
                        plugins: [ Mention,],
                        mention: {
                        	feeds: [
                        		{
                                marker: '#',
                                feed: [ '#php', '#laravel', '#vue',]
                                 }
                             ]
                           }
                         }
    

Okay so this is for today. See you again next tutorials. Thanks