ContentTools vs Plate

ContentTools is a JavaScript library for adding WYSIWYG editing to HTML pages. Developers include its CSS and JavaScript files, mark the page regions that should be editable, and configure the editor to initialize from those regions. Editing tools support inserting and converting images, videos, tables, and lists; users can drag blocks to rearrange them and resize images and videos. Undo and redo are supported without a stated limit during an editing session. Developers can define a palette of styles for eligible elements. The library is framework agnostic and extensible, and its five component libraries can be used independently. The maker describes integrations with CMS applications and web frameworks including WordPress, Yii, Laravel, and Django. ContentTools is free and MIT licensed. It does not store edited content or provide user authentication, so developers need to configure their own save mechanism. Its image-upload interface includes rotation and cropping, but the demo simulates those functions without a server-side API. Pre-built project files are available in the repository’s build folder.

Plate is a React framework for building rich-text editors, with a headless runtime, composable plugins, and optional UI components. Setup paths cover Plate UI, Next.js, React, React Server Components, Node.js, and manual installation. Its plugin ecosystem includes AI menus, copilot, comments, suggestions, blocks, code, tables, media, mentions, import and export, and collaboration. The AI package provides streaming menus and chat, AI-marked text, and API-route integration patterns. Yjs collaboration supports IndexedDB, Hocuspocus, WebRTC, awareness, remote cursors, and custom providers. Media features support images, video, audio, and files, including embeds, uploads, drag-and-drop, clipboard paste, URL embedding, and captions. The package is MIT-licensed. The Free plan is free; Personal is €299, paid once and Teams is €799, paid once. The provided UploadThing middleware is intended for local development; production use requires application session and permission checks.