ContentTools

Last updated
ContentTools editor
Developer(s) Anthony Blackshaw - Getme Limited
Written in JavaScript / CoffeeScript
Type HTML editor, text editor, WYSIWYG editor, Online rich-text editor
License MIT
Website getcontenttools.com

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

Contents

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:

See also

Related Research Articles

An HTML editor is a program for editing HTML, the markup of a web page. Although the HTML markup in a web page can be controlled with any text editor, specialized HTML editors can offer convenience and added functionality. For example, many HTML editors handle not only HTML, but also related technologies such as CSS, XML and JavaScript or ECMAScript. In some cases they also manage communication with remote web servers via FTP and WebDAV, and version control systems such as Subversion or Git. Many word processing, graphic design and page layout programs that are not dedicated to web design, such as Microsoft Word or Quark XPress, also have the ability to function as HTML editors.

HTML-Kit is a proprietary HTML editor for Microsoft Windows made by chami.com. The application is a full-featured HTML editor designed to edit, format, validate, preview and publish web pages in HTML, XHTML and XML -languages.

Adobe GoLive WYSIWYG HTML editor and web site management application

Adobe GoLive was a WYSIWYG HTML editor and web site management application from Adobe Systems. It replaced Adobe PageMill as Adobe's primary HTML editor and was itself discontinued in favor of Dreamweaver. The last version of GoLive that Adobe released was GoLive 9.

CKEditor WYSIWYG rich text editor

CKEditor is a WYSIWYG rich text editor which enables writing content directly inside of web pages or online applications. Its core code is written in JavaScript and it is developed by CKSource. CKEditor is available under open source and commercial licenses.

<span class="mw-page-title-main">Google Web Toolkit</span> Free Java library

Google Web Toolkit, or GWT Web Toolkit, is an open-source set of tools that allows web developers to create and maintain JavaScript front-end applications in Java. It is licensed under the Apache License 2.0.

Google Developers is Google's site for software development tools and platforms, application programming interfaces (APIs), and technical resources. The site contains documentation on using Google developer tools and APIs—including discussion groups and blogs for developers using Google's developer products.

Aptana Text editor

Aptana, Inc. is a company that makes web application development tools for use with a variety of programming languages. Aptana's main products include Aptana Studio, Aptana Cloud and Aptana Jaxer.

The following tables list notable software packages that are nominal IDEs; standalone tools such as source code editors and GUI builders are not included. These IDEs are listed in alphabetical order of the supported language.

jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animation, and Ajax. It is free, open-source software using the permissive MIT License. As of Aug 2022, jQuery is used by 77% of the 10 million most popular websites. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin, having at least 3 to 4 times more usage than any other JavaScript library.

Firebug (software) Web development add-on for Firefox

Firebug is a discontinued free and open-source web browser extension for Mozilla Firefox that facilitated the live debugging, editing, and monitoring of any website's CSS, HTML, DOM, XHR, and JavaScript.

Web development tools Sofware used to test the UI of a website or web application

Web development tools allow web developers to test and debug their code. They are different from website builders and integrated development environments (IDEs) in that they do not assist in the direct creation of a webpage, rather they are tools used for testing the user interface of a website or web application.

This is a comparison of web frameworks for front-end web development that are heavily reliant on JavaScript code for their behavior.

Silex website builder

Silex is a free WYSIWYG website builder, that can be used directly in a browser or run offline as a it also provides cross-platform application version. The application includes a drag and drop interface to edit a website, and HTML, CSS and JavaScript editors to add styles and interactivity to the elements.

Opa (programming language)

Opa is an open-source programming language for developing scalable web applications.

Dart is a programming language designed for client development, such as for the web and mobile apps. It is developed by Google and can also be used to build server and desktop applications.

Bootstrap (front-end framework) Web design front-end framework

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains HTML, CSS and (optionally) JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

There are different JavaScript charting libraries available. Below is a comparison of which features are available in each.

<span class="mw-page-title-main">React Native</span> Open-source mobile application framework created by Meta

React Native is an open-source UI software framework created by Meta Platforms, Inc. It is used to develop applications for Android, Android TV, iOS, macOS, tvOS, Web, Windows and UWP by enabling developers to use the React framework along with native platform capabilities. It is also being used to develop virtual reality applications at Oculus.

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.
This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.