What is Plate?

Plate is an open-source rich-text editor framework built on Slate.js that gives development teams a composable toolkit for building structured editing experiences within web applications. It provides a plugin architecture for extending editor behaviour with custom nodes, transforms, and UI elements. Plate is planned for the Laioutr App Store as a frontend composability integration.

How it works

Plate abstracts Slate.js into a plugin system where each editor capability, from block formatting to embedded media, is a discrete, independently testable unit. Serialisers for HTML and Markdown are included, and the framework integrates with React component trees without requiring a full document editor context. Once available, it will connect to the Composable Headless Frontend layer so that structured editing capabilities can be embedded in custom Laioutr components without building a content input layer from scratch.

Plate with Laioutr

Within the Composable Digital Experience Platform, Plate provides the editing primitives that development teams can use to extend Laioutr's authoring surface with domain-specific input forms. Teams building custom component libraries on the Composable Headless Frontend can embed Plate-based editors for rich content fields, keeping the editing experience consistent with the surrounding platform without adopting a full third-party CMS.

Related

Explore Laioutr App Store.