ContentTools vs Pell

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.

Pell is a free, self-hosted WYSIWYG text editor for web pages. It is written in pure JavaScript using ES6 and has no dependencies. The package is listed at 1.38 kB minified and gzipped, or 3.54 kB minified. Built-in actions cover bold, italic, underline, strikethrough, headings, paragraphs, quotes, lists, code, horizontal rules, links, and images. You can add custom actions and decide which controls appear and in what order. Styling can be changed through Pell’s Sass file or by overriding CSS. The onChange callback provides the editor’s HTML output, and the project demonstrates converting that HTML to Markdown with Turndown. Installation is documented through npm or by including a browser script and stylesheet. React and Vue examples are available. Listed browser support includes IE 9+, Chrome 5+, Firefox 4+, Safari 5+, and Opera 11.6+. Pell uses the MIT license.