Merge to master

README.md

@@ -1,4 +1,4 @@
-# highlightjs-line-numbers.js [![npm](https://img.shields.io/npm/v/highlightjs-line-numbers.js.png)](https://www.npmjs.com/package/highlightjs-line-numbers.js) ![npm](https://img.shields.io/npm/dw/highlightjs-line-numbers.js.png)
+# highlightjs-line-numbers.js [![npm](https://img.shields.io/npm/v/highlightjs-line-numbers.js.svg)](https://www.npmjs.com/package/highlightjs-line-numbers.js) ![npm](https://img.shields.io/npm/dw/highlightjs-line-numbers.js.svg)
 
 Highlight.js line numbers plugin.
 
@@ -18,10 +18,10 @@ npm install highlightjs-line-numbers.js
 
 #### Getting the library from CDN
 ```html
-<script src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.3.0/highlightjs-line-numbers.min.js"></script>
+<script src="//cdnjs.cloudflare.com/ajax/libs/highlightjs-line-numbers.js/2.4.0/highlightjs-line-numbers.min.js"></script>
 ```
 ```html
-<script src="//cdn.jsdelivr.net/npm/highlightjs-line-numbers.js@2.3.0/dist/highlightjs-line-numbers.min.js"></script>
+<script src="//cdn.jsdelivr.net/npm/highlightjs-line-numbers.js@2.4.0/dist/highlightjs-line-numbers.min.js"></script>
 ```
 
 ## Usage

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "highlightjs-line-numbers.js",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "homepage": "https://github.com/wcoder/highlightjs-line-numbers.js",
   "authors": [
     "Yauheni Pakala <evgeniy.pakalo@gmail.com>"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "highlightjs-line-numbers.js",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "Highlight.js line numbers plugin.",
   "main": "src/highlightjs-line-numbers.js",
   "dependencies": {},
@@ -22,5 +22,5 @@
   "bugs": {
     "url": "https://github.com/wcoder/highlightjs-line-numbers.js/issues"
   },
-  "homepage": "https://github.com/wcoder/highlightjs-line-numbers.js"
+  "homepage": "http://wcoder.github.io/highlightjs-line-numbers.js/"
 }

src/highlightjs-line-numbers.js

@@ -36,7 +36,7 @@
     }
 
     function initLineNumbersOnLoad (options) {
-        if (d.readyState === 'complete') {
+        if (d.readyState === 'interactive' || d.readyState === 'complete') {
             documentReady(options);
         } else {
             w.addEventListener('DOMContentLoaded', function () {
@@ -150,7 +150,8 @@
         var lines = getLines(element.innerHTML);
 
         for (var i = 0, result = ''; i < lines.length; i++) {
-            result += format('<span class="{0}">{1}</span>\n', [ className, lines[i] ]);
+            var lineText = lines[i].length > 0 ? lines[i] : ' ';
+            result += format('<span class="{0}">{1}</span>\n', [ className,  lineText ]);
         }
 
         element.innerHTML = result.trim();