kevinweber / inline-comments

Inline Comments adds your comment system to the side of paragraphs and other sections of your post. WordPress plugin.

Inline Comments by Kevin Weber

Inline Comments adds your comment system to the side of paragraphs, headlines and other sections (like headlines and images) of your post. It performs native with WordPress comments. You can get it from here: http://kevinw.de/inline-comments/

You may know notes and annotations from Medium.com or Quartz. It feels like commenting in Microsoft Word, it goes easy and fast. Thousands of people love inline comments.

The comment area is shown when you click the comment count bubbles (left or right) beside any section. With this plugin commentators can better refer to specific paragraphs or statements in an article. Furthermore, readers can comment while reading (and don't have to scroll to the very bottom).

Want to contribute?

Amazing! I'm looking forward to your contribution. Here are a few steps to help you get started:

1. Fork/clone this repository to your computer.
2. Navigate to your downloaded folder in your terminal.
3. Install the project-specific npm dependencies (run: npm install).
4. Afterwards you can run npm run watch to automatically compile all JavaScript and SCSS changes whenever you save a file.
5. When you're done, run npm run build.
6. Create a pull request.

inline-comments's Issues

Undefined variable in inline-comments.min.js

Someone asked me to fix their wordpress page. I get undefined variables from inline-comments.

This is the specific subsection of minified javascript code: (inline-comments.min.js)
i is undefined as shown in error below. thanks.
l=function(){var n,e,o;for(n=t(i.selectors),e=0,o=n.length;e<o;e+=1)

    l https://ipinionsyndicate.com/wp-content/plugins/inline-comments/js/min/inline-comments.min.js?ver=2.3:1
    rebuild https://ipinionsyndicate.com/wp-content/plugins/inline-comments/js/min/inline-comments.min.js?ver=2.3:1
    icTimer https://ipinionsyndicate.com/:1874
    setTimeout handler* https://ipinionsyndicate.com/:1873
    jQuery 9
    <anonymous> https://ipinionsyndicate.com/:1763
    jQuery 11
inline-comments.min.js:1:815
    l https://ipinionsyndicate.com/wp-content/plugins/inline-comments/js/min/inline-comments.min.js?ver=2.3:1
    rebuild https://ipinionsyndicate.com/wp-content/plugins/inline-comments/js/min/inline-comments.min.js?ver=2.3:1
    icTimer https://ipinionsyndicate.com/:1874
    (Async: setTimeout handler)
    <anonymous> https://ipinionsyndicate.com/:1873
    jQuery 9
    <anonymous> https://ipinionsyndicate.com/:1763
    jQuery 11

comments bubble not appearing when comment present

I implemented this plugin to my WordPress site, using the selector .entry-content p.

The comment bubble appears for each paragraph on hover. However, once a comment is posted, the bubble with comment count does not appear. The comment save, I can see them in the backend, however, the plugin just doesn't recognize that a comment exists. I've also implemented WP Ajaxify comments.

Is there a way to fix this?

Selection (in JS) for empty elements

I have the a post as shown on the image below:

As Selectors I have defined .entry-content p - nothing else.
Asy you can see, the comment bubbles are correctly generated for empty paragraphs.

I searched for a solution, but I was unable to find a pure CSS solution to solve this problem.
Would it be possible to hook into the bubble generation in JS (maybe with an additional option for the settings, or always enabled), to exclude the bubble generation for elements that match the selectors, but are empty?

The bubble positioning gets spoilt on encountering a Twitter feed object

In this image, I am hovering over the paragraph just below the Twitter box.
Before this, the positioning of the bubble is correct--right next to the paragraph I am hovering over.

Negative selectors

Not sure where you would like feature requests, but it would be handy if the selectors section could use negative selectors.

If it can do this, I seem to be struggling.

Use case, is display inline commenting on all pages, except a page with a certain tag for example.