Prepleaf Editor

Dev server

npm run dev

Create build for distribution

npm run build

Fonts

Copy all the fonts to your public root. Run the following command

cp -R node_modules/prepleaf-editor/lib/fonts public

Replace public with your root directory, like static, build

Image proxy and url transformation

Pass transformImageUrl function as the prop function signature

transformImageUrl(originalUrl:string): string

This can be used to load images from proxy Example:

const transformImageUrl = (url) => {
	return `${url}${url.includes('?') ? '' : '?'}&size=120`;
};

Proxy images

const transformImageUrl = (url) => {
	return `https://images.prepleaf.com/?url=${encodeURIComponent(url)}`;
};

Support for Ordered List and Unordered List

It supports adding ordered list and unordered list in the editor same way as in slack. You can start typing 1. or - to start adding ordered list and unordered list respectively. You can press Ctrl/Cmd + 7 to add ordered list and Ctrl/Cmd + 8 to add unordered list.