ContentTools

ContentTools editor
Developer(s)Anthony Blackshaw - Getme Limited
Written inJavaScript / CoffeeScript
TypeHTML editor, text editor, WYSIWYG editor, Online rich-text editor
LicenseMIT
Websitegetcontenttools.com

ContentTools is an open-source WYSIWYG editor for HTML content written in JavaScript/CoffeeScript by Anthony Blackshaw of Getme Limited.[1]

The ContentTools editor allows text content, images, embedded videos, tables and other page content to be edited, resized, or moved via drag and drop directly within the page. The ContentTools editor features a floating context-sensitive toolbar which can be repositioned by the user and which offers functionality and ease of use similar to a word processing application.[2]

The ContentTools editor is written in JavaScript / CoffeeScript, therefore it can easily be integrated with any HTML document, customised, extended or integrated into a full web-based content management system.[3]

The ContentTools editor has already been implemented into the content management systems of a number of websites built by Getme Limited,[4] as well as used within the third party systems Yii and Page Builder Sandwich.

The ContentTools collection

ContentTools is part of a collection of JavaScript libraries (ContentTools, ContentEdit, ContentSelect, FSM, HTMLParser) which were developed to aid in the creation of HTML WYSIWYG editors.[5]

Browser compatibility

The ContentTools editor is compatible with all major web browsers and Operating Systems including Google Chrome, Internet Explorer, Mozilla Firefox, and Safari.

Reception

Response to the release of ContentTools from the web development community has been positive. Raymond Camden of the Telerik Developer Network wrote in his review that, despite his previous dislike of rich text editors, he was "pretty impressed with ContentTools" and described the general ease of use as "really well done".[6] Jake Rocheleau of Web Design Ledger said "the functionality is stellar and would be superb if combined with user authentication".[7]

ContentTools was featured in Tutorialzine's 15 Interesting JavaScript and CSS Libraries for June 2016, where Danny Markov described ContentTools as "a powerful JavaScript library that can transform any HTML page into a WYSIWYG editor", adding "ContentTools reveals countless possibilities for building wondrous interactive apps and services."[8]

ContentTools was also featured on Sitepoint's 10 Best jQuery and HTML5 WYSIWYG Plugins,[9] JavaScripting.com's selection of the best JavaScript libraries, frameworks, and plugins,[10] and Unheap's repository of javascript plugins.[11] ContentTools has been recommended by WebdesignerDepot,[12] Codrops,[13] WebAppers,[14] Speckyboy[15] and BestDevList.[16]

ContentTools was included in the 50+ Best CSS and JavaScript Libraries in 2016 by creatskills.com.[17]

Implementations

The ContentTools editor has been implemented into the following content management systems:

  • Yii 2.0 via the implementation Yii 2.0: yii2-content-tools[18]
  • Page Builder Sandwich, a commercial page builder plugin for use with WordPress websites[19]

See also

References

  1. ^ "getme". GitHub. Retrieved 2016-06-23.
  2. ^ "ContentTools demo". ContentTools.
  3. ^ "GetmeUK/ContentTools". GitHub. Retrieved 2016-06-23.
  4. ^ "Our work | Getme". getme.co.uk. Retrieved 2016-06-22.
  5. ^ "Getme repositories". GitHub.
  6. ^ "A Review of ContentTools - a Rich Content Editor -". Telerik Developer Network. Retrieved 2015-11-05.
  7. ^ "ContentTools: A Beautiful JS Library for WYSIWYG Web Editing". Web Design Ledger. Retrieved 2015-11-05.
  8. ^ "15 Interesting JavaScript and CSS Libraries for June 2016". Tutorialzine. Retrieved 2016-06-22.
  9. ^ "10 Best jQuery and HTML5 WYSIWYG Plugins". SitePoint. 2016-01-20. Retrieved 2016-06-22.
  10. ^ "Content Tools - JavaScripting". javascripting.com. Retrieved 2016-06-23.
  11. ^ "ContentTools: A beautiful & small content editor - Unheap". Unheap. 2016-03-08. Retrieved 2016-06-23.
  12. ^ "What's new for designers, October 2015". Webdesigner Depot. Retrieved 2016-06-23.
  13. ^ "Web Design & Development News: Collective #185 | Codrops". Codrops. Retrieved 2016-06-23.
  14. ^ "Forms - WebAppers". WebAppers. Retrieved 2016-06-23.
  15. ^ "News for Designers - Web Field Manual, Material Design..." Speckyboy Design Magazine. 2015-09-21. Retrieved 2016-06-23.
  16. ^ "20 Best JavaScript Libraries - October 2015 - BestDevList". BestDevList. 2015-10-10. Retrieved 2016-06-23.
  17. ^ "50+ Best CSS and JavaScript Libraries in 2016". 2016-06-25. Archived from the original on 2016-07-01. Retrieved 2016-07-01.
  18. ^ "yii2-content-tools | Extension | Yii PHP Framework". www.yiiframework.com. Retrieved 2015-11-05.
  19. ^ "Page Builder Sandwich - Front End Page Builder for WordPress". Page Builder Sandwich. Retrieved 2016-06-22.