Below you will find the full configuration for Menu items and item groups:
export const menuItemConfigs = {
file: {
id: "file",
value: "File",
},
new: {
id: "new",
value: "New",
icon: "rti-document",
},
import: {
id: "import",
value: "Import",
icon: "rti-import",
},
export: {
id: "export",
value: "Export",
icon: "rti-export",
},
pdf: {
id: "pdf",
value: "PDF",
},
docx: {
id: "docx",
value: "DOCX",
},
print: {
id: "print",
value: "Print...",
icon: "rti-print",
},
edit: {
id: "edit",
value: "Edit",
},
undo: {
id: "undo",
value: "Undo",
icon: "rti-undo",
},
redo: {
id: "redo",
value: "Redo",
icon: "rti-redo",
},
cut: {
id: "cut",
value: "Cut",
icon: "rti-content-cut",
},
copy: {
id: "copy",
value: "Copy",
icon: "rti-content-copy",
},
paste: {
id: "paste",
value: "Paste",
icon: "rti-content-paste",
},
view: {
id: "view",
value: "View",
},
mode: {
id: "mode",
value: "Layout mode",
data: [
{ id: "classic", value: "Classic mode", icon: "rti-fit-width" },
{ id: "document", value: "Document mode", icon: "rti-fit-document" },
],
},
fullscreen: {
id: "fullscreen",
value: "Fullscreen",
icon: "rti-fullscreen",
},
insert: {
id: "insert",
value: "Insert",
},
link: {
id: "link",
value: "Link",
icon: "rti-link",
},
image: {
id: "image",
value: "Image",
icon: "rti-image",
},
format: {
id: "format",
value: "Format",
},
text: {
id: "text",
value: "Text",
},
bold: {
id: "bold",
value: "Bold",
icon: "rti-bold",
},
italic: {
id: "italic",
value: "Italic",
icon: "rti-italic",
},
underline: {
id: "underline",
value: "Underline",
icon: "rti-underline",
},
strike: {
id: "strike",
value: "Strikethrough",
icon: "rti-strike",
},
superscript: {
id: "superscript",
value: "Superscript",
icon: "rti-superscript",
},
subscript: {
id: "subscript",
value: "Subscript",
icon: "rti-subscript",
},
style: {
id: "tag",
value: "Style",
data: [
{ id: "p", value: "Paragraph" },
{ id: "blockquote", value: "Quote" },
{ id: "h1", value: "Heading 1" },
{ id: "h2", value: "Heading 2" },
{ id: "h3", value: "Heading 3" },
{ id: "h4", value: "Heading 4" },
{ id: "h5", value: "Heading 5" },
{ id: "h6", value: "Heading 6" },
],
},
"font-family": {
id: "font-family",
value: "Font family",
data: [
{ id: "Arial", value: "Arial" },
{ id: "Tahoma", value: "Tahoma" },
{ id: "Times New Roman", value: "Times" },
{ id: "Comic Sans", value: "Comic Sans" },
],
},
"font-size": {
id: "font-size",
value: "Font size",
data: [
{ id: "12px", value: "12" },
{ id: "14px", value: "14" },
{ id: "16px", value: "16" },
{ id: "18px", value: "18" },
{ id: "24px", value: "24" },
],
},
align: {
id: "align",
value: "Align",
},
"align-left": {
id: "align-left",
value: "Left",
icon: "rti-align-left",
},
"align-center": {
id: "align-center",
value: "Center",
icon: "rti-align-center",
},
"align-right": {
id: "align-right",
value: "Right",
icon: "rti-align-right",
},
"align-justify": {
id: "align-justify",
value: "Justified",
icon: "rti-align-justify",
},
"line-height": {
id: "line-height",
value: "Line height",
data: [
{ id: "1", value: "1" },
{ id: "1.25", value: "1.25" },
{ id: "1.5", value: "1.5" },
{ id: "2", value: "2" },
{ id: "3", value: "3" },
],
},
indent: {
id: "indent",
value: "Indent",
icon: "rti-indent",
},
outdent: {
id: "outdent",
value: "Outdent",
icon: "rti-unindent",
},
lists: {
id: "lists",
value: "Lists",
},
"bulleted-list": {
id: "bulleted-list",
value: "Bulleted list",
icon: "rti-list-bulleted",
},
"numbered-list": {
id: "numbered-list",
value: "Numbered list",
icon: "rti-list-numbered",
},
clear: {
id: "clear",
value: "Clear formatting",
icon: "rti-clean",
},
tools: {
id: "tools",
value: "Tools",
},
wordcount: {
id: "wordcount",
value: "Word count",
},
help: {
id: "help",
value: "Help",
},
"help-more": {
id: "help-more",
value: "Help",
icon: "rti-help",
},
hotkeys: {
id: "hotkeys",
value: "Hotkeys",
},
hr: {
id: "hr",
value: "Horizontal line",
icon: "rti-hr",
},
emojis: {
id: "emojis",
value: "Emoji",
icon: "rti-emoticon-outline",
},
characters: {
id: "characters",
value: "Special character",
icon: "rti-omega",
},
};
export const menuItemGroups = {
file: {
data: ["new", "import", { id: "export", data: ["pdf", "docx"] }, "print"],
},
edit: {
data: ["undo", "redo", { $template: "Separator" }, "cut", "copy", "paste"],
},
view: { data: ["mode", "fullscreen"] },
insert: { data: ["link", "image", "hr", "emojis", "characters"] },
format: {
data: [
{
id: "text",
data: [
"bold",
"italic",
"underline",
"strike",
"superscript",
"subscript",
{ $template: "Separator" },
"style",
"font-family",
"font-size",
],
},
{
id: "align",
data: ["align-left", "align-center", "align-right", "align-justify"],
},
{
id: "line-height",
},
{ id: "indent" },
{ id: "outdent" },
{ $template: "Separator" },
{ id: "lists", data: ["bulleted-list", "numbered-list"] },
{ $template: "Separator" },
{ id: "clear" },
],
},
tools: { data: ["wordcount"] },
help: { data: ["help-more", "hotkeys"] },
};