--- a/mouchak/static/js/editor.js
+++ b/mouchak/static/js/editor.js
@@ -326,7 +326,7 @@
         }
       }
       else if(type === 'image' || type === 'video' ||
-              type === 'audio' || type === 'plugin') {
+              type === 'audio') {
 
         var template = _.template($('#media-template').html());
         $('#specific-content').html(template({
@@ -337,6 +337,13 @@
         /*var view = new M.types.view[type]({model: this.model});
          //$('#specific-content.preview').html();
          view.render('.preview');*/
+      }
+      else if(type === 'plugin') {
+        var template = _.template($('#plugin-template').html());
+        $('#specific-content').html(template({
+          src: this.model.get('src'),
+          callback: this.model.get('callback')
+        }));
       }
       else if(type === 'map') {
         var template = _.template($('#map-template').html());
--- a/mouchak/templates/editor.html
+++ b/mouchak/templates/editor.html
@@ -288,6 +288,31 @@
     </div>
   </script>
 
+  <script type="text/template" id="plugin-template">
+    <div class="data">
+      <div class="row">
+        <div class="form-group col-lg-6">
+          <div class="input-group">
+            <span class="input-group-addon"><strong>path to file</strong></span>
+            <input class="form-control" type="text" placeholder="src" value="<%= src %>"
+            m-data-target="src">
+          </div>
+        </div>
+      </div>
+      <div class="row">
+        <div class="form-group col-lg-6">
+          <div class="input-group">
+            <span class="input-group-addon"><strong>callback</strong></span>
+            <input class="form-control" type="text" placeholder=
+            "callback function for js plugin" value="<%= callback %>"
+            m-data-target="callback">
+          </div>
+        </div>
+      </div>
+      <div class="preview"></div>
+    </div>
+  </script>
+
   <script type="text/template" id="text-template">
     <div class="data">
       <div class="edit-type-wrap">