--- title: Introducing jquery-comments – The New Javascript Comment Library description: jquery-comments by Viima is the open source javascript library of choice for developers looking to implement commenting features to their web application. image: https://www.viima.com/hubfs/Blog_Images/jquery-comments-screenshot.png --- [Skip to content](https://www.viima.com/blog/introducing-jquery-comments/#main-content) [![HYPE Boards\_logo](https://www.viima.com/hubfs/Logos/HYPE%20Boards_logo.svg "HYPE Boards_logo")](https://www.viima.com/) [Product](https://www.viima.com/product) [Use Cases](https://www.viima.com/use-cases) [Easy to start. Built to scale.](https://www.viima.com/use-cases)   [Decentralize Innovation Empower Teams to Innovate](https://www.viima.com/decentralize-innovation) [Continuous Improvement Improve your products & processes](https://www.viima.com/continuous-improvement) [Discovery-Driven Innovation Explore the Viability of Your Ideas](https://www.viima.com/discovery-driven-innovation) [Agile Innovation Adaptive and Efficient Innovation](https://www.viima.com/agile-innovation-software) Ready to dive in? [Get Started](https://app.viima.com/signup/?promo=megamenu-double) [Customers](https://www.viima.com/customers) [Pricing](https://www.viima.com/pricing) [Resources](https://www.viima.com/resources) [Blog The most popular innovation blog in the world](https://www.viima.com/blog) [Guides & Toolkits Free guides & toolkits on everything innovation](https://www.viima.com/resources) [Case Studies Learn how others innovate with HYPE Boards](https://www.viima.com/customers) [YouTube Channel Videos on all things innovation](https://www.youtube.com/viima) [The Innovation Room Podcast In-depth interviews with top innovators](https://www.viima.com/innovation-room-podcast) [The Innovation System Online Coaching Program for Innovators](https://www.viima.com/the-innovation-system) [![LOG IN](https://no-cache.hubspot.com/cta/default/516474/interactive-159637768206.png)](https://www.viima.com/hs/cta/wi/redirect?encryptedPayload=AVxigLL73jnCY80gv09p9fU35XhpupE2geoQq8TDw%2BLGaXlci4VWcbpNtGgo0g1JdIeG1jiV10aXCiIp3v%2FEli8KYsPi%2BIdsxl8qU03lgoBiuRucZgBzDvKT96HPIWNCxEKkkN7Xlo%2F2%2BCqobD1QKTbX8H5j9coYG5inMYsn6XQKMHMcilEZ4WRYtjIIUu4%3D&webInteractiveContentId=159637768206&portalId=516474) [![START FOR FREE](https://no-cache.hubspot.com/cta/default/516474/interactive-159637768217.png)](https://www.viima.com/hs/cta/wi/redirect?encryptedPayload=AVxigLIzw5MRr%2BDBHJNMN0c5PBCOAE%2Fnt7wBR4OW71OBWXF0gPXcK2fMtC0DUWskuB4tUaymnCn6RwAmdqCJprLJEB8t15zdU%2Fg%2FEPhh2LGAqj%2BHAKTWW91s%2BnAL%2FkRbEIVFUVQBFhhf7ABDqqAW4kvu3s0dtig4oOWK4FH%2F2%2FiuIxcGbSlBVd2VV7zu6ksONdRwAFXrHWNpTb5ed46DjN%2F2pGtV&webInteractiveContentId=159637768217&portalId=516474) [Technology](https://www.viima.com/blog/topic/technology) # Introducing jquery-comments – The New Javascript Comment Library ![Joona Tykkyläinen](https://app.hubspot.com/settings/avatar/6feb45f5d2de4745c4dd347da5ff6eb0) [Joona Tykkyläinen](https://www.viima.com/blog/author/joona-tykkyläinen) Feb 17, 2016 Commenting has become extremely popular since the rise of social media. It would seem that everyone building a modern web application wants to add some kind of a commenting feature for users to discuss about the topic at hand. Even so, we found it incredibly hard to find a suitable plugin when we wanted to implement this feature to our own web application. Naturally there are a number of SaaS solutions, such as [Disqus](https://disqus.com/websites/), out there but those are not really suitable if you want to keep full control over the data like we did. In this post, we'll introduce j-query comments.  ![jquery-comments-screenshot](https://www.viima.com/hubfs/Blog_Images/jquery-comments-screenshot.png)   ### Modify existing or build from scratch? As such we were searching for a javascript-plugin that would offer all the basic UI functionality related to commenting. Oddly enough, there weren't really any decent ones that would've been published as open source. The ones that we found were hardly customizable, unresponsive and unattractive, as well as difficult to integrate. Even so, we decided to choose the least crappy one and just implement the necessary changes on top of the plugin afterwards as we didn't want to reinvent the wheel.   However, there were quite a few things that required changing. For example, the plugin assumed the properties to be named in a certain way, and as such, all of the variables needed to be changed in the code to match the field names from our backend.  ![jquery-comments-custom-hack](https://www.viima.com/hs-fs/hubfs/Blog_Images/jquery-comments-custom-hack.png?width=390&name=jquery-comments-custom-hack.png) On top of that, the image paths needed to be overridden in both javascript and css leading to quite a few custom changes to the library.  So after all these changes, what if we found out that there was a critical bug in the plugin and we'd have to update it? It wouldn't be that easy anymore... ### The Decision After struggling with the modified code for a while, we came to the conclusion that the code was no longer worth maintaining and refactoring but should instead be rewritten from scratch. As it had been a year and a half since we started development, we naturally checked to see if someone would've come up with a better library for the job but as that wasn't the case, we made the decision **to build one ourselves**. The new open source jQuery commenting plugin should be highly customizable, responsive and easy-to-integrate to any existing backend. In a nutshell, it should offer all the required UI functionality out-of-the-box but still let the developer easily react to the events any way they wanted. Before developing the comment library we agreed on the main principles: - Mobile first - Enable/disable functionalities easily - Easy to integrate with any web application without code changes to the plugin itself ### ![Viima-discussion-screenshot-2018-10-18](https://www.viima.com/hs-fs/hubfs/Viima_application_screenshots/Viima-discussion-screenshot-2018-10-18.png?width=1400&name=Viima-discussion-screenshot-2018-10-18.png) ### Introducing jquery-comments As a result jquery-comments, the open source Javascript library of choice for implementing commenting in your web app, was developed. We held true to our main principles but didn't stop there. The library provides a wide variety of settings to customise functionality super easily without touching the actual library. The main features are: - Commenting, replying (nested comments), editing, deleting and up-voting - Enabling/disabling any functionality - HTML5 File upload support with inline images and videos - Localisation - Time formatting - Field mappings - Callbacks for all of the events - Fully responsive and mobile compatible - Plus a few other miscellaneous settings, such as changing UI colours   ![jquery-comments-screenshot.png](https://www.viima.com/hs-fs/hubfs/Blog_Images/jquery-comments-screenshot.png?width=320&name=jquery-comments-screenshot.png "jquery-comments-screenshot.png") You can find the demo and documentation from the [jquery-comments project page](http://viima.github.io/jquery-comments/) and the source code from [GitHub](https://github.com/Viima/jquery-comments).  Please check them out and tell us what you think! Any feedback you might have is more than welcome, we're always looking to make jquery-comments even better! *EDIT: Added new features to the listing above.*   [Get jQuery-comments](https://cta-service-cms2.hubspot.com/web-interactives/public/v1/track/click?encryptedPayload=AVxigLI6TYp4ld7Vf%2F9tud2dMeI7CIdxOqaK%2F1jc3mCaz6KhXQzaMcQMNPLJHGNIK35GH24xvw08NLHpI0azKqdupwwM4co6H42yF6XmLj6tgyKqjo%2FbeSOgQ0dTXaM3SmXSrjrK2ADF1k31K%2BMA0sdA8snxgzxdGqhgCiApgTXYZbvBJFPbQVsHVhrQ1g%3D%3D&portalId=516474)   ## Related articles [![The role of communication in corporate innovation programs is big](https://www.viima.com/hubfs/Blog_Images/Communication%20in%20Innovation%20Programs/innovation-program-communication-bg.jpeg)](https://www.viima.com/blog/communication-in-innovation) ### [The Role of Communication in Innovation Programs](https://www.viima.com/blog/communication-in-innovation) ![Author profile picture](https://app.hubspot.com/settings/avatar/ec6ec3b6e65506ca14734d4f1658e87b) Jesse Nieminen [![Learnings](https://www.viima.com/hubfs/Blog_Images/Learn%20definition%20highlighted%20in%20red%20in%20the%20dictionary.jpeg)](https://www.viima.com/blog/comparing-tools-for-internal-communication-and-idea-management) ### [Comparing Tools for Internal Communication and Idea Management](https://www.viima.com/blog/comparing-tools-for-internal-communication-and-idea-management) ![Author profile picture](https://app.hubspot.com/settings/avatar/75b61343f3cb920cd88025a08e29af9f) Helmi Erkamo [![Innovation myths and misconceptions are common](https://www.viima.com/hubfs/Blog_Images/Innovation%20Myths%20and%20Misconceptions/culture-for-innovation.jpg)](https://www.viima.com/blog/innovation-myths) ### [21 Common Innovation Myths & Misconceptions Debunked](https://www.viima.com/blog/innovation-myths) ![Author profile picture](https://app.hubspot.com/settings/avatar/ec6ec3b6e65506ca14734d4f1658e87b) Jesse Nieminen - [mailto:?subject=Introducing%20jquery-comments%20–%20The%20New%20Javascript%20Comment%20Library&body=You%20might%20want%20to%20check%20this%20out:%20https%3A%2F%2Fwww.viima.com%2Fblog%2Fintroducing-jquery-comments%2F](mailto:?subject=Introducing%20jquery-comments%20–%20The%20New%20Javascript%20Comment%20Library&body=You%20might%20want%20to%20check%20this%20out:%20https%3A%2F%2Fwww.viima.com%2Fblog%2Fintroducing-jquery-comments%2F) - - - [![Hype\_Logo\_white](https://www.viima.com/hs-fs/hubfs/HYPE/Hype_Logo_white.png?width=180&height=51&name=Hype_Logo_white.png "Hype_Logo_white")](https://www.viima.com) [Follow Viima on LinkedIn](https://www.linkedin.com/company/90989) [Follow Viima on YouTube](https://www.youtube.com/viima) We make software that helps companies connect people with ideas, to drive innovation and transformation forward. [Contact us today](https://www.hypeinnovation.com/contact-us) - [Home](https://www.viima.com) - [Product](https://www.viima.com/product) - [Customers](https://www.viima.com/customers) - [Pricing](https://www.viima.com/pricing) - [Blog](https://www.viima.com/blog) - [Resources](https://www.viima.com/resources) - [Contact](https://www.viima.com/contact) - [Company](https://www.hypeinnovation.com/about) - [For Press](https://www.viima.com/press) - [Use Cases](https://www.viima.com/use-cases) - [Decentralize Innovation](https://www.viima.com/decentralize-innovation) - [Discovery-Driven Innovation](https://www.viima.com/discovery-driven-innovation) - [Continuous Improvement](https://www.viima.com/continuous-improvement) - [Agile Innovation](https://www.viima.com/agile-innovation-software) - [The Innovation System](https://www.viima.com/the-innovation-system) [![START FOR FREE](https://no-cache.hubspot.com/cta/default/516474/interactive-159637768217.png)](https://www.viima.com/hs/cta/wi/redirect?encryptedPayload=AVxigLIzw5MRr%2BDBHJNMN0c5PBCOAE%2Fnt7wBR4OW71OBWXF0gPXcK2fMtC0DUWskuB4tUaymnCn6RwAmdqCJprLJEB8t15zdU%2Fg%2FEPhh2LGAqj%2BHAKTWW91s%2BnAL%2FkRbEIVFUVQBFhhf7ABDqqAW4kvu3s0dtig4oOWK4FH%2F2%2FiuIxcGbSlBVd2VV7zu6ksONdRwAFXrHWNpTb5ed46DjN%2F2pGtV&webInteractiveContentId=159637768217&portalId=516474) [![BOOK DEMO](https://no-cache.hubspot.com/cta/default/516474/interactive-159637635331.png)](https://www.viima.com/hs/cta/wi/redirect?encryptedPayload=AVxigLKdIIWZsza5ANgoSGgkUqMWyZkuF0XSBn%2Bes04EwSHGQ1E9IROBKBZ8H4j%2BKQ3KOSivTgNa9ZAfrq%2BloisLEI2Xr3izmatFhR3hBoMgbLYSBG7eWNKNj6DQddlayEQvOCMEtpL5iXm4%2FwAwPmeIUFzEzv1DsvIQwBNT5v5mM2bLwXDbaStVyJ%2FIkuLX0ZrFtKWbG1I%3D&webInteractiveContentId=159637635331&portalId=516474) © 2026 HYPE Innovation. All rights reserved. [Privacy Policy](https://www.hypeinnovation.com/about/privacy). ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Joona Tykkyläinen", "url" : "https://www.viima.com/blog/author/joona-tykkyläinen" }, "dateModified" : "2019-02-21T15:07:21.119Z", "datePublished" : "2016-02-17T11:01:32.000Z", "headline" : "Introducing jquery-comments – The New Javascript Comment Library", "image" : [ "https://www.viima.com/hubfs/Blog_Images/jquery-comments-screenshot.png" ], "mainEntityOfPage" : { "@id" : "https://www.viima.com/blog/introducing-jquery-comments/", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.viima.com/hubfs/Logos/HYPE%20Boards%20logo.png" }, "name" : "Viima Solutions Oy" } } ``` ```json { "@context" : "http://schema.org", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressCountry" : "Finland", "addressLocality" : "Espoo", "addressRegion" : "Uusimaa", "postalCode" : "", "streetAddress" : "Tapiontori 3 C 4" }, "alternateName" : "The Platform Empowering Your Organization to Innovate Everything, Everywhere", "areaServed" : { "@type" : "GeoCircle", "geoMidpoint" : { "@type" : "GeoCoordinates", "latitude" : "+60.1734881", "longitude" : "+24.8296171" }, "geoRadius" : "6400 km" }, "description" : "The HYPE Boards Innovation Platform is simple and easy to use, yet incredibly flexible, powerful and scalable. Built for agility, HYPE Boards empowers teams to innovate at the speed of change across the organization.", "email" : "contact@viima.com", "image" : "https://www.viima.com/hubfs/Logos/HYPE%20Boards%20logo.png", "logo" : "https://www.viima.com/hubfs/Logos/HYPE%20Boards%20logo.png", "mainEntityOfPage" : { "@id" : "https://www.viima.com/blog/introducing-jquery-comments/", "@type" : "WebPage", "description" : "jquery-comments by Viima is the open source javascript library of choice for developers looking to implement commenting features to their web application." }, "name" : "HYPE Innovation", "sameAs" : [ "https://www.facebook.com/hypeinnovationboards/", "https://twitter.com/teamviima", "https://www.linkedin.com/company/viima/", "https://www.youtube.com/Viima" ], "telephone" : "+358408297811", "url" : "http://www.viima.com" } ```