Below you will find the full configuration for Context Menu items and sections:
export const contextMenuConfigs = {
cut: {
id: "cut",
value: "Cut",
icon: "rti-content-cut",
hotkey: "Ctrl+X",
},
copy: {
id: "copy",
value: "Copy",
icon: "rti-content-copy",
hotkey: "Ctrl+C",
},
"copy-md": {
id: "copy-md",
value: "Copy as Markdown",
icon: "rti-content-copy",
},
paste: {
id: "paste",
value: "Paste",
icon: "rti-content-paste",
hotkey: "Ctrl+V",
},
"select-all": {
id: "select-all",
value: "Select all",
hotkey: "Ctrl+A",
},
bold: {
id: "bold",
value: "Bold",
icon: "rti-bold",
hotkey: "Ctrl+B",
},
italic: {
id: "italic",
value: "Italic",
icon: "rti-italic",
hotkey: "Ctrl+I",
},
underline: {
id: "underline",
value: "Underline",
icon: "rti-underline",
hotkey: "Ctrl+U",
},
strike: {
id: "strike",
value: "Strikethrough",
icon: "rti-strike",
hotkey: "Ctrl+Shift+X",
},
clear: {
id: "clear",
value: "Clear formatting",
icon: "rti-clean",
},
hr: {
id: "hr",
value: "Horizontal line",
icon: "rti-hr",
},
link: {
id: "link",
value: "Link",
icon: "rti-link",
},
image: {
id: "image",
value: "Image",
icon: "rti-image",
},
emojis: {
id: "emojis",
value: "Emoji",
icon: "rti-emoticon-outline",
},
characters: {
id: "characters",
value: "Special characters",
icon: "rti-omega",
},
};
export const contextMenuSections = {
clipboard: ["cut", "copy", "copy-md", "paste", "select-all"],
format: ["bold", "italic", "underline", "strike", "clear"],
insert: ["link", "image", "hr", "emojis", "characters"],
};
export const defaultContextOptions = [
...contextMenuSections["clipboard"],
{ $template: "Separator" },
...contextMenuSections["format"],
{ $template: "Separator" },
...contextMenuSections["insert"],
];