next/lib/client/editorConfig.ts

export const fancy = {
	branding: false,
	selector: "textarea#txt",
	menubar: false,
	elementpath: false,
	formats: {
		bold: {
			inline: "b",
		},
		italic: {
			inline: "i",
		},
		underline: {
			inline: "u",
		},
	},
	schema: "html5",
	custom_colors: true,
	style_formats: [
		// { title: 'Image formats' },
		{
			title: "Blocks",
			items: [
				{ title: "p", block: "p" },
				{ title: "div", block: "div" },
				{ title: "pre", block: "pre" },
			],
		},
		{
			title: "Image",
			items: [
				{
					title: "Image Left",
					selector: "img",
					styles: { float: "left", margin: "0 10px 0 10px" },
				},
				{
					title: "Image Right",
					selector: "img",
					styles: { float: "right", margin: "0 0 10px 10px" },
				},
				{ title: "Rounded corners", styles: { "border-radius": "0.7em" } },
			],
		},
		{
			title: "Code/Monospace",
			selector: "p,div,h1,h2,h3,h4,h5,h6",
			classes: ["font-mono"],
		},
	],
	toolbar_groups: {
		alignment: {
			icon: "align-left",
			tooltip: "Alignment",
			items: "alignleft aligncenter alignright | alignjustify",
		},
		heading: {
			icon: "format",
			tooltip: "Header",
			items: "h1 h2 h3 h4 h5 h6",
		},
	},
	toolbar: "undo redo | paste | bold italic underline | hr image link | forecolor styles | heading alignment | code",
	contextmenu: "bold italic underline | hr | link | image | paste",
	external_plugins: {
		mentions: "/plugins/mentions/plugin.min.js",
	},
	plugins:
		`advlist autolink lists link image charmap preview anchor searchreplace visualblocks advcode fullscreen insertdatetime media table help wordcount save mentions`.split(
			" ",
		),
};
export const comment = {
	branding: false,
	height: 200,
	menubar: false,
	elementpath: false,
	formats: {
		bold: {
			inline: "b",
		},
		italic: {
			inline: "i",
		},
		underline: {
			inline: "u",
		},
	},
	external_plugins: {
		mentions: "/plugins/mentions/plugin.min.js",
	},
	schema: "html5",
	plugins:
		`advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table code help save mentions`.split(
			" ",
		),
	toolbar: "bold italic underline | link",
	contextmenu: "bold italic underline | paste | link",
};

export const story = {
	branding: false,
	selector: "textarea#txt",
	height: 500,
	menubar: false,
	elementpath: false,
	formats: {
		bold: {
			inline: "b",
		},
		italic: {
			inline: "i",
		},
		underline: {
			inline: "u",
		},
	},
	content_css: ["/test.css", "/quickfix.css"],
	schema: "html5",
	plugins:
		`advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table advcode help wordcount save`.split(
			" ",
		),
	toolbar: "undo redo | paste |" + "bold italic underline | hr | alignleft aligncenter " + "alignright alignjustify | " + "| code",
	contextmenu: "bold italic underline | hr | paste | link",
};
export const bare = {
	branding: false,
	height: 200,
	menubar: false,
	elementpath: false,
	formats: {
		bold: {
			inline: "b",
		},
		italic: {
			inline: "i",
		},
		underline: {
			inline: "u",
		},
	},
	schema: "html5",
	external_plugins: {
		mentions: "/plugins/mentions/plugin.min.js",
	},
	plugins:
		`advlist autolink lists link image charmap preview anchor searchreplace visualblocks code fullscreen insertdatetime media table advcode help save mentions`.split(
			" ",
		),
	toolbar: "bold italic underline | hr link",
	contextmenu: "bold italic underline | paste | hr link",
};