Add Emoji and Fullscreen features to CKEditor configuration

Integrated Emoji, Mention (required for Emoji), and Fullscreen plugins into the CKEditor setup. Updated the toolbar to include respective buttons, enhancing functionality and user interaction.
This commit is contained in:
Julien Fastré 2025-05-23 13:33:47 +02:00
parent 5c9396077d
commit 976f293f28
Signed by: julienfastre
GPG Key ID: BDE2190974723FCB
2 changed files with 19 additions and 0 deletions

View File

@ -0,0 +1,6 @@
kind: Feature
body: Add Emoji and Fullscreen feature to ckeditor configuration
time: 2025-05-23T13:33:41.645095128+02:00
custom:
Issue: ""
SchemaChange: No schema change

View File

@ -8,6 +8,9 @@ import {
Heading, Heading,
Link, Link,
List, List,
Emoji,
Mention,
Fullscreen,
} from "ckeditor5"; } from "ckeditor5";
import coreTranslations from "ckeditor5/translations/fr.js"; import coreTranslations from "ckeditor5/translations/fr.js";
@ -26,6 +29,11 @@ export default {
Link, Link,
List, List,
Paragraph, Paragraph,
// both Emoji and Mention are required for Emoji feature
Emoji,
Mention,
// to enable fullscreen
Fullscreen,
], ],
toolbar: { toolbar: {
items: [ items: [
@ -37,8 +45,13 @@ export default {
"bulletedList", "bulletedList",
"numberedList", "numberedList",
"blockQuote", "blockQuote",
"|",
"emoji",
"|",
"undo", "undo",
"redo", "redo",
"|",
"fullscreen",
], ],
}, },
translations: [coreTranslations], translations: [coreTranslations],