Overview

Lotion is an innovative block-based editor that offers a sleek and intuitive interface, inspired by the Notion UI. Recently showcased at the CityJS Singapore’s pre-conference meetup, Lotion aims to provide users with a flexible editing experience. Its design allows for seamless content creation and customization, making it a delightful tool for developers and content creators alike.

With its basic features and clear focus on customization, Lotion serves as an excellent foundation for anyone looking to build a personalized editing experience. Whether you’re a seasoned developer or a novice, getting started with Lotion is both simple and rewarding.

Features

• Block-based Editor: Enjoy a modular approach to editing, where content is organized into blocks for easy manipulation.

• Drag to Reorder Blocks: Effortlessly rearrange your content by dragging blocks to your desired position, enhancing workflow efficiency.

• Basic Markdown Parsing: Utilize essential formatting options like bold, italic, headings, and dividers to style your text quickly and intuitively.

• Command Menu Shortcuts: Simply type ‘/’ to access a command menu, allowing you to insert blocks and utilize shortcuts for faster editing.

• Custom Block Registration: Developers can create and register custom blocks, giving them the flexibility to tailor the editor to specific needs.

• Read-only Mode: Enable a read-only setting for blocks, allowing for controlled viewing and distribution of content without edit permissions.

Lotion is certainly a promising tool that combines essential features with extensibility, making it a great starting point for those looking to enhance their editing capabilities.