[Solved]-Unable to find/build a commenting system similar as at Djangobook

by

6👍

✅

Each paragraph (<p>) in the document has an ID (cn0, cn1, etc.) and a class (cn). This is the only part of the comment system rendered near the text. Also on the page is the div that acts as the popup, which also contains the comment form.

The rest is done with Javascript. When the page is loaded, they send an AJAX request back to get the number and location of all the comments in the document. It looks like:

[[0,4],[3,2],...]

With this, it adds a div in the margin with the speech bubble and number of comments on that line.

When you click on the bubbles, another AJAX request is initiated to get the comments for that bubble. In this case, they send down the actual HTML to be rendered instead of a JSON object like before.

On the backend (this is all conjecture now) they’re tying each set of comments to a document and a location in that document (this allows them to show all comments for a document at once). I would probably use the built-in comments app to do this, and either package both items into one foreign key, by creating a model to link the document and location, or by subclassing the Comment model itself.

Hope this gets you in the right direction. You can probably learn more by looking at their Javascript, but it’s been minified, so it’s a little hard to read(UPDATE: found unminified js). They’re building on YUI, but the code is pretty straight forward.

👤tghw

3👍

You may be interested by Wooki. It’s a collaborative writing platform, 100% open source and free. It was based on Django Book system.

Take a look : http://wookicentral.com

👤Robin K

2👍

A long time ago (2 years’ish) someone created a Django project to mimic the DjangoBook called Open Book Platform.

It has been dormant for a long time and might not even work properly on Django 0.96 let alone 1.0.x. However, when I just visited to get the URL I notice there’s been some activity in the last month.

👤Van Gale

1👍

Remark box is built on the same principles as the DjangoBook comment system, its a free service for small sites.

And unlike the projects or plug-ins others have mentioned on this thread, it can be used on any HTML page, integration is just a few JavaScript lines.

Their front page has a live demo http://www.remarkbox.com/

👤drubio

1👍

There’s a free, and fully supported, Django package that we built to have the same functionality as the Django Book site.

http://ucomment.org

That codebase is used on several publicly-available websites, such at http://connectmv.com/tutorials

We do our best to maintain this package: installation can take some time – which is expected, given what the software is doing. Please give it a try and send us your feedback via the commenting feature on the http://ucomment.org site.

Kevin

👤Kevin Dunn

0👍

I thought the DjangoBook site was built with Django, which would seem to imply it uses the Django comments framework.

UPDATE: There’s a note here which attributes a lot of the code for the comment system to Jack Slocum. The link on the DjangoBook page is dead, so I couldn’t find any additional info, but it may be that the code referred to is for the YUI/AJAX pieces that make the contextual commenting possible.

👤Harper Shelby

0👍

You may want to try using WordPress with CommentPress plugin that is adding similar behaviour.

👤sorin

0👍

I dunno why I fall in this post again, but this is right now done by a lot of site I think. A nice implementation is: https://github.com/aroc/side-comments/

👤fjcero

Leave a comment