feat: image embed feature added

Author: ritz078

demo/index.html

@@ -25,7 +25,7 @@ <h1>emoticons-js</h1>
 <div id="element">
     <div>http://www.w3schools.com/html/mov_bbb.mp4 https://i.imgur.com/yBVxILF.jpg www.ng-conf.org https://www.iitr.ac.in ROTFL!!!! Now this explains :P why Kejriwal & his fans are upset with Yogendra Yadav. Because he had praised Narendra :smile: Modi and Gujarat model in an interview.Check this 1-min clip in which Yogendra Yadav openly praises Modis Gujarat development https://vimeo.com/119199079"</div>
     <div>fdf gkjfd jedfkdsf https://www.youtube.com/watch?v=bQRLVxZHKPs :p :D</div>
-    <div>kjkTorquis, index, https://www.cca.edu/sites/default/files/pdf/08/word-to-pdf.pdf http://www.w3schools.com/html/horse.mp3 et luna.Pol,
+    <div>kjkTorquis, http://www.iitr.ac.in/Main/assets/images/topold.jpg index, https://www.cca.edu/sites/default/files/pdf/08/word-to-pdf.pdf http://www.w3schools.com/html/horse.mp3 et luna.Pol,
 ```
         #include <iostream>
 

src/jquery.emoticons.css

@@ -249,24 +249,11 @@ code.has-numbering {
     width              : 100%;
     border-radius      : 2px;
     border             : 1px solid #e4e4e4;
-    min-height         : 250px;
-    max-height         : 250px;
     overflow           : hidden;
     cursor             : pointer;
-    padding-bottom     : 5px;
-    -webkit-transition : all 0.5s linear;
-    -o-transition      : all 0.5s linear;
-    -moz-transition    : all 0.5s linear;
-    -ms-transition     : all 0.5s linear;
-    -kthtml-transition : all 0.5s linear;
-    transition         : all 0.5s linear;
     box-shadow         : 0px 1px 1px 0 rgba(0, 0, 0, 0.26);
-    border-bottom      : 5px solid #ffffff;
     margin             : 10px 0;
-    }
-
-.ejs-image-long {
-    max-height : 800px;
+    padding : 5px;
     }
 
 .ejs-image img, .ejs-image-long img {

src/jquery.emoticons.js

@@ -320,6 +320,7 @@
             link           : true,
             linkTarget     : '_self',
             pdfEmbed       : true,
+            imageEmbed     :true,
             audioEmbed     : false,
             videoEmbed     : true,
             basicVideoEmbed: true,
@@ -487,7 +488,6 @@
             });
         },
         embed: function (data, opts) {
-            console.log(data);
             var ytRegex = /https?:\/\/(?:[0-9A-Z-]+\.)?(?:youtu\.be\/|youtube\.com(?:\/embed\/|\/v\/|\/watch\?v=|\/ytscreeningroom\?v=|\/feeds\/api\/videos\/|\/user\S*[^\w\-\s]|\S*[^\w\-\s]))([\w\-]{11})[?=&+%\w-]*/gi;
             var vimeoRegex = /https?:\/\/(?:www\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^\/]*)\/videos\/|album\/(\d+)\/video\/|)(\d+)(?:$|\/|\?)*/gi;
             var videoDimensions = this.dimensions(opts);
@@ -633,7 +633,6 @@
                     return '<pre><code class="ejs-code ' + m2 + '">' + c + '</code></pre>';
                 }
             );
-            console.log(text);
             return text;
         }
 
@@ -653,6 +652,27 @@
         }
     };
 
+    var imageProcess = {
+        template: function (url) {
+            var t = '<div class="ejs-image">' +
+                '    <div class="ne-image-wrapper">' +
+                '        <img src="' + url + '"/>' +
+                '    </div>' +
+                '</div>';
+
+            return t;
+
+        },
+        embed   : function (str) {
+            var i = /((?:https?):\/\/\S*\.(?:gif|jpg|jpeg|tiff|png|svg|webp))/gi;
+            if (str.match(i)) {
+                var template = this.template(RegExp.$1);
+                str=str+template;
+            }
+            return str;
+        }
+    }
+
     function _driver(elem) {
         elem.each(function () {
             var input = $(this).html();
@@ -671,6 +691,7 @@
             input = (defaultOptions.audioEmbed) ? audioProcess.embed(input) : input;
             input = (defaultOptions.highlightCode) ? codeProcess.highlight(input) : input;
             input = (defaultOptions.basicVideoEmbed) ? videoProcess.embedBasic(input) : input;
+            input = (defaultOptions.imageEmbed) ? imageProcess.embed(input) : input;
             $(that).html(input);
             if (defaultOptions.videoEmbed) {
                 $.when(videoProcess.embed(input, defaultOptions)).then(