ContentTools vs Sketch
ContentTools
getcontenttools.comSketch
sketch.comSide by side
| Figure | ContentTools | Sketch |
|---|---|---|
| Price from | Free | $12/mo |
| Free plan | Yes | — |
| Free trial | — | Yes |
| Open source | — | — |
| Web | Yes | Yes |
| macOS | — | Yes |
| iOS | — | Yes |
| API | Yes | — |
| Plans published | 1 | 5 |
| Spec score · Web Design Software | 8.4 (#12) | 8.3 (#16) |
| Integrations | The maker describes integrations with CMS applications and web frameworks including WordPress, Yii, Laravel and Django. | Slack |
| Product | ContentTools is a JavaScript library for building WYSIWYG editors for HTML content. | Sketch covers product design work including building interfaces, creating design systems, prototyping interactions, and handing off to developers. |
| Support | The project README directs how-to questions to Stack Overflow and suspected bugs or feature requests to GitHub issues. | The pricing page lists dedicated support with Enterprise and priority support for Enterprise with 15 or more Editors. |
Plans
Sketch
- Standard$12 a month
- Professional$24 a month
- Enterprise$44 a month
- Mac-only license$120, paid once
- Private CloudPriced on request
In their own words
ContentTools
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.