commit 7a642a45f41b20bc5491a3fd1117e1c02b91cdf4
Author: adriy <adriy@adriy.be>
Date:   Wed Dec 12 16:25:12 2018 +0100

    commit avant reprise

diff --git a/_index_.js b/_index_.js
new file mode 100755
index 0000000..a073e24
--- /dev/null
+++ b/_index_.js
@@ -0,0 +1,73 @@
+var express = require('express');
+var app = express();
+var http = require('http').Server(app);
+var io = require('socket.io')(http);
+var mysql = require('mysql');
+const util = require('util')
+var bodyParser = require('body-parser');
+app.use(bodyParser.json()); // support json encoded bodies
+app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies
+
+const config = require('./config.json');
+//console.debug(config.bdd.user)
+var con = mysql.createConnection({
+  host: "localhost",
+  user: config.bdd.user,
+  password: config.bdd.pw,
+  database : config.bdd.dbname
+});
+
+
+app.set('view engine', 'ejs');
+app.use('/static', express.static('static'));
+
+
+app.get('/', function(req, res){
+  res.render('index');
+}).get('/TV', function(req, res){
+  res.render('TV');
+}).get('/mapsTest', function(req, res){
+    con.query('SELECT * FROM zone', function (err, result, fields) {
+      if (err) throw err;
+      var data = JSON.stringify(result);
+      data = JSON.parse(data);
+      res.render('mapsTest', {data:data});
+  });
+}).post('/addZone' , function(req, res){
+
+    var nord = req.body.N;
+    var sud = req.body.S;
+    var est = req.body.E;
+    var ouest = req.body.O;
+    var name = req.body.Name;
+
+
+      con.query('CALL add_zone(?,?,?,?,?,?)', [true, name,nord,sud,ouest,est], function(err, result){
+
+      });
+  });
+
+io.on('connection', function(socket){
+  socket.on('JoinZone', function(zone){
+    console.log("Join "+zone)
+    socket.join(zone);
+  });
+  socket.on('Communication', function(CommunicationJSON){
+    var data = JSON.parse(CommunicationJSON);
+    console.log("JSON : "+CommunicationJSON);
+    console.log("ZONE "+data.zone);
+    io.sockets.in(data.zone).emit('Communication', CommunicationJSON);
+  });
+});
+
+
+
+
+
+
+
+
+
+http.listen(1234, function(){
+  console.log('listening on *:1234');
+});
diff --git a/_test.js b/_test.js
new file mode 100755
index 0000000..e69de29
diff --git a/bdd.js b/bdd.js
new file mode 100644
index 0000000..1e7ec09
--- /dev/null
+++ b/bdd.js
@@ -0,0 +1,18 @@
+const config = require('./config.json');
+
+var mysql      = require('mysql');
+
+var connection = mysql.createConnection({
+  host: "localhost",
+  user: config.bdd.user,
+  password: config.bdd.pw,
+  database : config.bdd.dbname
+});
+connection.connect(function(err){
+if(!err) {
+    console.log("Database is connected");
+} else {
+    console.log("Error while connecting with database");
+}
+});
+module.exports = connection;
diff --git a/config.json.sample b/config.json.sample
new file mode 100644
index 0000000..996af94
--- /dev/null
+++ b/config.json.sample
@@ -0,0 +1,7 @@
+{
+  "bdd" : {
+    "user" : "UserBDD",
+    "pw" : "BDDPW",
+    "dbname" : "DataBaseName"
+  }
+}
diff --git a/controllers/login-controller.js b/controllers/login-controller.js
new file mode 100644
index 0000000..6c62b59
--- /dev/null
+++ b/controllers/login-controller.js
@@ -0,0 +1,41 @@
+//http://www.expertphp.in/article/user-login-and-registration-using-nodejs-and-mysql-with-example
+var connection = require('./../bdd');
+var passwordProtection = require('./securepw');
+
+module.exports=function(req,res,next){
+    var name=req.body.username;
+    var password=passwordProtection(req.body.password);
+    connection.query('SELECT * FROM user WHERE name = ? AND actif = 1',[name], function (error, results, fields) {
+      if (error) {
+          req.session.auth.json({
+            status:false,
+            message:'there are some error with query'
+            })
+            next();
+      }else{
+        if(results.length >0){
+            if(password==results[0].pw){
+
+                    req.session.authStatus=true;
+                    req.session.authMessage='successfully authenticated';
+
+                next();
+            }else{
+
+                  req.session.authStatus=false,
+                  req.session.authMessage="Email and password does not match";
+
+                 next();
+            }
+
+        }
+        else{
+
+              req.session.authStatus=false;
+            req.session.authMessage="Email does not exits";
+
+          next();
+        }
+      }
+    });
+}
diff --git a/controllers/register-controller.js b/controllers/register-controller.js
new file mode 100644
index 0000000..a2414f0
--- /dev/null
+++ b/controllers/register-controller.js
@@ -0,0 +1,23 @@
+// /http://www.expertphp.in/article/user-login-and-registration-using-nodejs-and-mysql-with-example
+var connection = require('./../bdd');
+var passwordProtection = require('./securepw');
+
+module.exports=function(req,res, next){
+    var today = new Date();
+    var users={
+        "name":req.body.username,
+        "pw": passwordProtection(req.body.password)
+    }
+    connection.query('INSERT INTO user SET ?',users, function (error, results, fields) {
+      if (error) {
+        //res.local.stat = 0;
+        res.locals.message='there are some error with query'+error;
+        next();
+      }else{
+          //res.loacal.stat = 1;
+          res.locals.data = results;
+          res.locals.message = 'user registered sucessfully';
+          next();
+      }
+    });
+}
diff --git a/controllers/securepw.js b/controllers/securepw.js
new file mode 100644
index 0000000..4b13eec
--- /dev/null
+++ b/controllers/securepw.js
@@ -0,0 +1,7 @@
+//https://lollyrock.com/articles/nodejs-encryption/
+var crypto = require('crypto'),
+    algorithm = 'sha-256';
+
+module.exports = function(text){
+  return crypto.createHash('sha256').update(text).digest('base64');
+}
diff --git a/document.json b/document.json
new file mode 100755
index 0000000..23cb1d0
--- /dev/null
+++ b/document.json
@@ -0,0 +1,16 @@
+{
+  "zone" : "Liege",
+  "cmd" : "ping",
+  "ListeCom": [
+    {"IDPub" : 1,
+      "CMD" : "add/dell",
+      "html" : "<strong>Hello</strong>",
+      "level" : 1
+    },
+    {"IDPub" : 2,
+      "CMD" : "add/dell",
+      "html" : "<strong>Hello</strong>",
+      "level" : 2
+    }
+  ]
+}
\ No newline at end of file
diff --git a/fonction.js b/fonction.js
new file mode 100644
index 0000000..f11b7c7
--- /dev/null
+++ b/fonction.js
@@ -0,0 +1,22 @@
+exports.choixZone = function(zones){
+  var zone = zones[0];
+  var aireMin = (zones[0].Nord-zones[0].Sud)*(zones[0].Est-zones[0].Ouest)
+  for(var i = 1;i<zones.length;i++)
+  {
+    var aire = (zones[i].Nord-zones[i].Sud)*(zones[i].Est-zones[i].Ouest)
+    if(aire<aireMin){
+      zone = zones[i];
+      aireMin = aire;
+    }
+  }
+  return zone;
+}
+
+exports.listPubDansZone = function(zone, callback){
+  var con = require('./bdd.js')
+  con.query("SELECT * FROM com_active  INNER JOIN zone ON com_active.ID_Zone = zone.ID_Zone  INNER JOIN communication ON com_active.ID_Com = communication.ID_Com WHERE zone.ID_Zone = ? ", [zone], function(err, result){
+    var data = JSON.stringify(result);
+    data = JSON.parse(data);
+    callback(err, data)
+  });
+}
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..d0e55c0
--- /dev/null
+++ b/index.js
@@ -0,0 +1,112 @@
+var express = require('express');
+var app = express();
+var http = require('http').Server(app);
+var io = require('socket.io')(http);
+var mysql = require('mysql');
+const util = require('util');
+var bodyParser = require('body-parser');
+var session = require('express-session');
+var fonctionMaison = require('./fonction.js');
+var registerController = require('./controllers/register-controller.js');
+var loginController = require('./controllers/login-controller.js');
+app.use(bodyParser.json()); // support json encoded bodies
+app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies
+app.use(session({ secret: 'fUZG4VjOx9U91Htq2AAA', cookie: { maxAge: 60000 }, saveUninitialized: true,resave: false}));
+
+const config = require('./config.json');
+
+var con = require('./bdd.js')
+
+
+app.set('view engine', 'ejs');
+app.use('/static/', express.static('static'));
+
+
+app.get('/', function(req, res){
+  if(req.session.authStatus)
+    con.query('SELECT * FROM zone', function (err, result, fields) {
+      if (err) throw err;
+      var zone = JSON.stringify(result);
+      zone = JSON.parse(zone);
+      res.render('index', {zone:zone});
+    });
+  else
+    res.redirect('/login');
+}).get('/TV', function(req, res){
+  res.render('TV');
+}).get('/TV/zone/:zone', function(req, res){
+  con.query("SELECT * FROM com_active  INNER JOIN zone ON com_active.ID_Zone = zone.ID_Zone  INNER JOIN communication ON com_active.ID_Com = communication.ID_Com WHERE zone.ID_Zone = ? ", [req.params.zone], function(err, result){
+    if (err) throw err;
+    var pub = JSON.stringify(result);
+    pub = JSON.parse(pub);
+    fonctionMaison.listPubDansZone(req.params.zone,function(err, pub){
+      if (err) throw err;
+      res.render('TV', {zone:req.params.zone,pub:pub})
+    });
+  });
+
+}).get('/TV/latlng/:lat/:lng', function(req,res){
+  con.query('CALL cherche_zones(?,?,?,?)', [req.params.lat,req.params.lat,req.params.lng,req.params.lng], function(err, result){
+      if (err) throw err;
+      var data = JSON.stringify(result);
+      data = JSON.parse(data);
+      var zone = fonctionMaison.choixZone(data[0]);
+      fonctionMaison.listPubDansZone(zone,function(err, pub){
+        if (err) throw err;
+        res.render('TV', {zone:zone.ID_Zone,pub:pub})
+      });
+
+      //console.log(util.inspect(data[0][0].Nom, false, null, true /* enable colors */))
+  });
+}).get('/map', function(req, res){
+    con.query('SELECT * FROM zone', function (err, result, fields) {
+      if (err) throw err;
+      var zone = JSON.stringify(result);
+      zone = JSON.parse(zone);
+      res.render('map', {zone:zone});
+  });
+}).get('/login', function(req, res){
+  res.render('login');
+}).post('/login', loginController, function(req, res){
+  res.send('<!DOCTYPE html><html><body>'+req.session.authMessage+'<br><a href="http://nodejs.adriy.be">HOME</a></body></html>');
+}).post('/register', registerController, function(req, res){
+  res.send('<!DOCTYPE html><html><body>'+res.locals.message+'<br><a href="http://nodejs.adriy.be">HOME</a></body></html>');
+}).post('/addZone' , function(req, res){
+
+    var nord = req.body.N;
+    var sud = req.body.S;
+    var est = req.body.E;
+    var ouest = req.body.O;
+    var name = req.body.Name;
+
+
+
+      con.query('CALL add_zone(?,?,?,?,?,?)', [true, name,nord,sud,ouest,est], function(err, result){
+
+      });
+  });
+
+io.on('connection', function(socket){
+  socket.on('JoinZone', function(zone){
+    console.log("Join "+zone)
+    socket.join(zone);
+  });
+  socket.on('Communication', function(CommunicationJSON){
+    var data = JSON.parse(CommunicationJSON);
+    console.log("JSON : "+CommunicationJSON);
+    console.log("ZONE "+data.zone);
+    io.sockets.in(data.zone).emit('Communication', CommunicationJSON);
+  });
+});
+
+
+
+
+
+
+
+
+
+http.listen(1234, function(){
+  console.log('listening on *:1234');
+});
diff --git a/jsProcess b/jsProcess
new file mode 100755
index 0000000..1f61070
--- /dev/null
+++ b/jsProcess
@@ -0,0 +1 @@
+1696
diff --git a/old.jd b/old.jd
new file mode 100755
index 0000000..1e276e3
--- /dev/null
+++ b/old.jd
@@ -0,0 +1,157 @@
+
+   // Initialise the FeatureGroup to store editable layers
+   L.EditControl = L.Control.extend({
+
+         options: {
+             position: 'topleft',
+             callback: null,
+             kind: '',
+             html: ''
+         },
+
+         onAdd: function (map) {
+             var container = L.DomUtil.create('div', 'leaflet-control leaflet-bar'),
+                 link = L.DomUtil.create('a', '', container);
+
+             link.href = '#';
+             link.title = 'Create a new ' + this.options.kind;
+             link.innerHTML = this.options.html;
+             L.DomEvent.on(link, 'click', L.DomEvent.stop)
+                       .on(link, 'click', function () {
+                         window.LAYER = this.options.callback.call(map.editTools);
+                       }, this);
+
+             return container;
+         }
+
+     });
+
+     L.NewLineControl = L.EditControl.extend({
+
+         options: {
+             position: 'topleft',
+             callback: map.editTools.startPolyline,
+             kind: 'line',
+             html: '\\/\\'
+         }
+
+     });
+
+     L.NewPolygonControl = L.EditControl.extend({
+
+         options: {
+             position: 'topleft',
+             callback: map.editTools.startPolygon,
+             kind: 'polygon',
+             html: '▰'
+         }
+
+     });
+
+     L.NewMarkerControl = L.EditControl.extend({
+
+         options: {
+             position: 'topleft',
+             callback: map.editTools.startMarker,
+             kind: 'marker',
+             html: '🖈'
+         }
+
+     });
+
+     L.NewRectangleControl = L.EditControl.extend({
+
+         options: {
+             position: 'topleft',
+             callback: map.editTools.startRectangle,
+             kind: 'rectangle',
+             html: '⬛'
+         }
+
+     });
+
+     L.NewCircleControl = L.EditControl.extend({
+
+         options: {
+             position: 'topleft',
+             callback: map.editTools.startCircle,
+             kind: 'circle',
+             html: '⬤'
+         }
+
+     });
+
+     map.addControl(new L.NewMarkerControl());
+     map.addControl(new L.NewLineControl());
+     map.addControl(new L.NewPolygonControl());
+     map.addControl(new L.NewRectangleControl());
+     map.addControl(new L.NewCircleControl());
+
+     var line = L.polyline([
+         [43.1292, 1.256],
+         [43.1295, 1.259],
+         [43.1291, 1.261]
+     ]).addTo(map);
+     line.enableEdit();
+     line.on('dblclick', L.DomEvent.stop).on('dblclick', line.toggleEdit);
+
+
+     var multi = L.polygon([
+       [
+         [
+           [43.1239, 1.244],
+           [43.123, 1.253],
+           [43.1252, 1.255],
+           [43.1250, 1.251],
+           [43.1239, 1.244]
+         ],
+         [
+           [43.124, 1.246],
+           [43.1236, 1.248],
+           [43.12475, 1.250]
+         ],
+         [
+           [43.124, 1.251],
+           [43.1236, 1.253],
+           [43.12475, 1.254]
+         ]
+       ],
+       [
+         [
+           [43.1269, 1.246],
+           [43.126, 1.252],
+           [43.1282, 1.255],
+           [43.1280, 1.245]
+         ]
+       ]
+     ]).addTo(map);
+     multi.enableEdit();
+     multi.on('dblclick', L.DomEvent.stop).on('dblclick', multi.toggleEdit);
+     multi.bindPopup('hi!');
+
+     var poly = L.polygon([
+       [
+         [43.1239, 1.259],
+         [43.123, 1.263],
+         [43.1252, 1.265],
+         [43.1250, 1.261]
+       ],
+       [
+         [43.124, 1.263],
+         [43.1236, 1.261],
+         [43.12475, 1.262]
+       ]
+     ]).addTo(map);
+     poly.enableEdit();
+     poly.on('dblclick', L.DomEvent.stop).on('dblclick', poly.toggleEdit);
+
+     var rec = L.rectangle([
+         [43.1235, 1.255],
+         [43.1215, 1.259]
+     ]).addTo(map);
+     rec.enableEdit();
+     rec.on('dblclick', L.DomEvent.stop).on('dblclick', rec.toggleEdit);
+
+     var circle = L.circle([43.1220, 1.250], {radius: 100}).addTo(map);
+     circle.enableEdit();
+     circle.on('dblclick', L.DomEvent.stop).on('dblclick', circle.toggleEdit);
diff --git a/package-lock.json b/package-lock.json
new file mode 100755
index 0000000..9f78ec9
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,835 @@
+{
+  "name": "TVPublicitaire",
+  "version": "0.0.1",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "accepts": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.5.tgz",
+      "integrity": "sha1-63d99gEXI6OxTopywIBcjoZ0a9I=",
+      "requires": {
+        "mime-types": "~2.1.18",
+        "negotiator": "0.6.1"
+      }
+    },
+    "after": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/after/-/after-0.8.2.tgz",
+      "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8="
+    },
+    "array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
+    },
+    "arraybuffer.slice": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/arraybuffer.slice/-/arraybuffer.slice-0.0.7.tgz",
+      "integrity": "sha512-wGUIVQXuehL5TCqQun8OW81jGzAWycqzFF8lFp+GOM5BXLYj3bKNsYC4daB7n6XjCqxQA/qgTJ+8ANR3acjrog=="
+    },
+    "async-limiter": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.0.tgz",
+      "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg=="
+    },
+    "backo2": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/backo2/-/backo2-1.0.2.tgz",
+      "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc="
+    },
+    "base64-arraybuffer": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/base64-arraybuffer/-/base64-arraybuffer-0.1.5.tgz",
+      "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg="
+    },
+    "base64id": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-1.0.0.tgz",
+      "integrity": "sha1-R2iMuZu2gE8OBtPnY7HDLlfY5rY="
+    },
+    "better-assert": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/better-assert/-/better-assert-1.0.2.tgz",
+      "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=",
+      "requires": {
+        "callsite": "1.0.0"
+      }
+    },
+    "bignumber.js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-4.1.0.tgz",
+      "integrity": "sha512-eJzYkFYy9L4JzXsbymsFn3p54D+llV27oTQ+ziJG7WFRheJcNZilgVXMG0LoZtlQSKBsJdWtLFqOD0u+U0jZKA=="
+    },
+    "blob": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/blob/-/blob-0.0.4.tgz",
+      "integrity": "sha1-vPEwUspURj8w+fx+lbmkdjCpSSE="
+    },
+    "body-parser": {
+      "version": "1.18.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.3.tgz",
+      "integrity": "sha1-WykhmP/dVTs6DyDe0FkrlWlVyLQ=",
+      "requires": {
+        "bytes": "3.0.0",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "http-errors": "~1.6.3",
+        "iconv-lite": "0.4.23",
+        "on-finished": "~2.3.0",
+        "qs": "6.5.2",
+        "raw-body": "2.3.3",
+        "type-is": "~1.6.16"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.5.2",
+          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
+          "integrity": "sha512-N5ZAX4/LxJmF+7wN74pUD6qAh9/wnvdQcjq9TZjevvXzSUo7bfmw91saqMjzGS2xq91/odN2dW/WOl7qQHNDGA=="
+        }
+      }
+    },
+    "bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg="
+    },
+    "callsite": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/callsite/-/callsite-1.0.0.tgz",
+      "integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA="
+    },
+    "component-bind": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/component-bind/-/component-bind-1.0.0.tgz",
+      "integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E="
+    },
+    "component-emitter": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.2.1.tgz",
+      "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY="
+    },
+    "component-inherit": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/component-inherit/-/component-inherit-0.0.3.tgz",
+      "integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM="
+    },
+    "content-disposition": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.2.tgz",
+      "integrity": "sha1-DPaLud318r55YcOoUXjLhdunjLQ="
+    },
+    "content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.4.tgz",
+      "integrity": "sha512-hIP3EEPs8tB9AT1L+NUqtwOAps4mk2Zob89MWXMHjHWg9milF/j4osnnQLXBCBFBk/tvIG/tUc9mOUJiPBhPXA=="
+    },
+    "cookie": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
+      "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s="
+    },
+    "cookie-parser": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/cookie-parser/-/cookie-parser-1.4.3.tgz",
+      "integrity": "sha1-D+MfoZ0AC5X0qt8fU/3CuKIDuqU=",
+      "requires": {
+        "cookie": "0.3.1",
+        "cookie-signature": "1.0.6"
+      }
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+    },
+    "core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
+    },
+    "crc": {
+      "version": "3.4.4",
+      "resolved": "https://registry.npmjs.org/crc/-/crc-3.4.4.tgz",
+      "integrity": "sha1-naHpgOO9RPxck79as9ozeNheRms="
+    },
+    "debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak="
+    },
+    "destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.0.4.tgz",
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA="
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
+    },
+    "ejs": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-2.6.1.tgz",
+      "integrity": "sha512-0xy4A/twfrRCnkhfk8ErDi5DqdAsAqeGxht4xkCUrsvhhbQNs7E+4jV0CN7+NKIY0aHE72+XvqtBIXzD31ZbXQ=="
+    },
+    "encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k="
+    },
+    "engine.io": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-3.2.0.tgz",
+      "integrity": "sha512-mRbgmAtQ4GAlKwuPnnAvXXwdPhEx+jkc0OBCLrXuD/CRvwNK3AxRSnqK4FSqmAMRRHryVJP8TopOvmEaA64fKw==",
+      "requires": {
+        "accepts": "~1.3.4",
+        "base64id": "1.0.0",
+        "cookie": "0.3.1",
+        "debug": "~3.1.0",
+        "engine.io-parser": "~2.1.0",
+        "ws": "~3.3.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "engine.io-client": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/engine.io-client/-/engine.io-client-3.2.1.tgz",
+      "integrity": "sha512-y5AbkytWeM4jQr7m/koQLc5AxpRKC1hEVUb/s1FUAWEJq5AzJJ4NLvzuKPuxtDi5Mq755WuDvZ6Iv2rXj4PTzw==",
+      "requires": {
+        "component-emitter": "1.2.1",
+        "component-inherit": "0.0.3",
+        "debug": "~3.1.0",
+        "engine.io-parser": "~2.1.1",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "ws": "~3.3.1",
+        "xmlhttprequest-ssl": "~1.5.4",
+        "yeast": "0.1.2"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "engine.io-parser": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-2.1.2.tgz",
+      "integrity": "sha512-dInLFzr80RijZ1rGpx1+56/uFoH7/7InhH3kZt+Ms6hT8tNx3NGW/WNSA/f8As1WkOfkuyb3tnRyuXGxusclMw==",
+      "requires": {
+        "after": "0.8.2",
+        "arraybuffer.slice": "~0.0.7",
+        "base64-arraybuffer": "0.1.5",
+        "blob": "0.0.4",
+        "has-binary2": "~1.0.2"
+      }
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+    },
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc="
+    },
+    "express": {
+      "version": "4.16.3",
+      "resolved": "http://registry.npmjs.org/express/-/express-4.16.3.tgz",
+      "integrity": "sha1-avilAjUNsyRuzEvs9rWjTSL37VM=",
+      "requires": {
+        "accepts": "~1.3.5",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.18.2",
+        "content-disposition": "0.5.2",
+        "content-type": "~1.0.4",
+        "cookie": "0.3.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.1.1",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.2",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.3",
+        "qs": "6.5.1",
+        "range-parser": "~1.2.0",
+        "safe-buffer": "5.1.1",
+        "send": "0.16.2",
+        "serve-static": "1.13.2",
+        "setprototypeof": "1.1.0",
+        "statuses": "~1.4.0",
+        "type-is": "~1.6.16",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "body-parser": {
+          "version": "1.18.2",
+          "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.18.2.tgz",
+          "integrity": "sha1-h2eKGdhLR9hZuDGZvVm84iKxBFQ=",
+          "requires": {
+            "bytes": "3.0.0",
+            "content-type": "~1.0.4",
+            "debug": "2.6.9",
+            "depd": "~1.1.1",
+            "http-errors": "~1.6.2",
+            "iconv-lite": "0.4.19",
+            "on-finished": "~2.3.0",
+            "qs": "6.5.1",
+            "raw-body": "2.3.2",
+            "type-is": "~1.6.15"
+          }
+        },
+        "iconv-lite": {
+          "version": "0.4.19",
+          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz",
+          "integrity": "sha512-oTZqweIP51xaGPI4uPa56/Pri/480R+mo7SeU+YETByQNhDG55ycFyNLIgta9vXhILrxXDmF7ZGhqZIcuN0gJQ=="
+        },
+        "raw-body": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.2.tgz",
+          "integrity": "sha1-vNYMd9Prk83gBQKVw/N5OJvIj4k=",
+          "requires": {
+            "bytes": "3.0.0",
+            "http-errors": "1.6.2",
+            "iconv-lite": "0.4.19",
+            "unpipe": "1.0.0"
+          },
+          "dependencies": {
+            "depd": {
+              "version": "1.1.1",
+              "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.1.tgz",
+              "integrity": "sha1-V4O04cRZ8G+lyif5kfPQbnoxA1k="
+            },
+            "http-errors": {
+              "version": "1.6.2",
+              "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.2.tgz",
+              "integrity": "sha1-CgAsyFcHGSp+eUbO7cERVfYOxzY=",
+              "requires": {
+                "depd": "1.1.1",
+                "inherits": "2.0.3",
+                "setprototypeof": "1.0.3",
+                "statuses": ">= 1.3.1 < 2"
+              }
+            },
+            "setprototypeof": {
+              "version": "1.0.3",
+              "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.0.3.tgz",
+              "integrity": "sha1-ZlZ+NwQ+608E2RvWWMDL77VbjgQ="
+            }
+          }
+        }
+      }
+    },
+    "express-session": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/express-session/-/express-session-1.15.6.tgz",
+      "integrity": "sha512-r0nrHTCYtAMrFwZ0kBzZEXa1vtPVrw0dKvGSrKP4dahwBQ1BJpF2/y1Pp4sCD/0kvxV4zZeclyvfmw0B4RMJQA==",
+      "requires": {
+        "cookie": "0.3.1",
+        "cookie-signature": "1.0.6",
+        "crc": "3.4.4",
+        "debug": "2.6.9",
+        "depd": "~1.1.1",
+        "on-headers": "~1.0.1",
+        "parseurl": "~1.3.2",
+        "uid-safe": "~2.1.5",
+        "utils-merge": "1.0.1"
+      }
+    },
+    "finalhandler": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.1.1.tgz",
+      "integrity": "sha512-Y1GUDo39ez4aHAw7MysnUD5JzYX+WaIj8I57kO3aEPT1fFRL4sr7mjei97FgnwhAyyzRYmQZaTHb2+9uZ1dPtg==",
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.2",
+        "statuses": "~1.4.0",
+        "unpipe": "~1.0.0"
+      }
+    },
+    "forwarded": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.1.2.tgz",
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ="
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac="
+    },
+    "has-binary2": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-binary2/-/has-binary2-1.0.3.tgz",
+      "integrity": "sha512-G1LWKhDSvhGeAQ8mPVQlqNcOB2sJdwATtZKl2pDKKHfpf/rYj24lkinxf69blJbnsvtqqNU+L3SL50vzZhXOnw==",
+      "requires": {
+        "isarray": "2.0.1"
+      }
+    },
+    "has-cors": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-cors/-/has-cors-1.1.0.tgz",
+      "integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk="
+    },
+    "http-errors": {
+      "version": "1.6.3",
+      "resolved": "http://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
+      "requires": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      }
+    },
+    "iconv-lite": {
+      "version": "0.4.23",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
+      "integrity": "sha512-neyTUVFtahjf0mB3dZT77u+8O0QB89jFdnBkd5P1JgYPbPaia3gXXOVL2fq8VyU2gMMD7SaN7QukTB/pmXYvDA==",
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "indexof": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/indexof/-/indexof-0.0.1.tgz",
+      "integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10="
+    },
+    "inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4="
+    },
+    "ipaddr.js": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.8.0.tgz",
+      "integrity": "sha1-6qM9bd16zo9/b+DJygRA5wZzix4="
+    },
+    "isarray": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.1.tgz",
+      "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4="
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g="
+    },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E="
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4="
+    },
+    "mime": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.4.1.tgz",
+      "integrity": "sha512-KI1+qOZu5DcW6wayYHSzR/tXKCDC5Om4s1z2QJjDULzLcmf3DvzS7oluY4HCTrc+9FiKmWUgeNLg7W3uIQvxtQ=="
+    },
+    "mime-db": {
+      "version": "1.36.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.36.0.tgz",
+      "integrity": "sha512-L+xvyD9MkoYMXb1jAmzI/lWYAxAMCPvIBSWur0PZ5nOf5euahRLVqH//FKW9mWp2lkqUgYiXPgkzfMUFi4zVDw=="
+    },
+    "mime-types": {
+      "version": "2.1.20",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.20.tgz",
+      "integrity": "sha512-HrkrPaP9vGuWbLK1B1FfgAkbqNjIuy4eHlIYnFi7kamZyLLrGlo2mpcx0bBmNpKqBtYtAfGbodDddIgddSJC2A==",
+      "requires": {
+        "mime-db": "~1.36.0"
+      }
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "mysql": {
+      "version": "2.16.0",
+      "resolved": "https://registry.npmjs.org/mysql/-/mysql-2.16.0.tgz",
+      "integrity": "sha512-dPbN2LHonQp7D5ja5DJXNbCLe/HRdu+f3v61aguzNRQIrmZLOeRoymBYyeThrR6ug+FqzDL95Gc9maqZUJS+Gw==",
+      "requires": {
+        "bignumber.js": "4.1.0",
+        "readable-stream": "2.3.6",
+        "safe-buffer": "5.1.2",
+        "sqlstring": "2.3.1"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.1.2",
+          "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+          "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+        }
+      }
+    },
+    "negotiator": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.1.tgz",
+      "integrity": "sha1-KzJxhOiZIQEXeyhWP7XnECrNDKk="
+    },
+    "object-component": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/object-component/-/object-component-0.0.3.tgz",
+      "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE="
+    },
+    "on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "on-headers": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.1.tgz",
+      "integrity": "sha1-ko9dD0cNSTQmUepnlLCFfBAGk/c="
+    },
+    "parseqs": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/parseqs/-/parseqs-0.0.5.tgz",
+      "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=",
+      "requires": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "parseuri": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/parseuri/-/parseuri-0.0.5.tgz",
+      "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=",
+      "requires": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "parseurl": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.2.tgz",
+      "integrity": "sha1-/CidTtiZMRlGDBViUyYs3I3mW/M="
+    },
+    "path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
+    },
+    "process-nextick-args": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
+      "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw=="
+    },
+    "proxy-addr": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.4.tgz",
+      "integrity": "sha512-5erio2h9jp5CHGwcybmxmVqHmnCBZeewlfJ0pex+UW7Qny7OOZXTtH56TGNyBizkgiOwhJtMKrVzDTeKcySZwA==",
+      "requires": {
+        "forwarded": "~0.1.2",
+        "ipaddr.js": "1.8.0"
+      }
+    },
+    "qs": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
+      "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A=="
+    },
+    "random-bytes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/random-bytes/-/random-bytes-1.0.0.tgz",
+      "integrity": "sha1-T2ih3Arli9P7lYSMMDJNt11kNgs="
+    },
+    "range-parser": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.0.tgz",
+      "integrity": "sha1-9JvmtIeJTdxA3MlKMi9hEJLgDV4="
+    },
+    "raw-body": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.3.3.tgz",
+      "integrity": "sha512-9esiElv1BrZoI3rCDuOuKCBRbuApGGaDPQfjSflGxdy4oyzqghxu6klEkkVIvBje+FF0BX9coEv8KqW6X/7njw==",
+      "requires": {
+        "bytes": "3.0.0",
+        "http-errors": "1.6.3",
+        "iconv-lite": "0.4.23",
+        "unpipe": "1.0.0"
+      }
+    },
+    "readable-stream": {
+      "version": "2.3.6",
+      "resolved": "http://registry.npmjs.org/readable-stream/-/readable-stream-2.3.6.tgz",
+      "integrity": "sha512-tQtKA9WIAhBF3+VLAseyMqZeBjW0AHJoxOtYqSUZNJxauErmLbVm2FW1y+J/YA9dUrAC39ITejlZWhVIwawkKw==",
+      "requires": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+          "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+        }
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.1.tgz",
+      "integrity": "sha512-kKvNJn6Mm93gAczWVJg7wH+wGYWNrDHdWvpUmHyEsgCtIwwo3bqPtV4tR5tuPaUhTOo/kvhVwd8XwwOllGYkbg=="
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "send": {
+      "version": "0.16.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.16.2.tgz",
+      "integrity": "sha512-E64YFPUssFHEFBvpbbjr44NCLtI1AohxQ8ZSiJjQLskAdKuriYEP6VyGEsRDH8ScozGpkaX1BGvhanqCwkcEZw==",
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "destroy": "~1.0.4",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "~1.6.2",
+        "mime": "1.4.1",
+        "ms": "2.0.0",
+        "on-finished": "~2.3.0",
+        "range-parser": "~1.2.0",
+        "statuses": "~1.4.0"
+      }
+    },
+    "serve-static": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.13.2.tgz",
+      "integrity": "sha512-p/tdJrO4U387R9oMjb1oj7qSMaMfmOyd4j9hOFoxZe2baQszgHcSWjuya/CiT5kgZZKRudHNOA0pYXOl8rQ5nw==",
+      "requires": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.2",
+        "send": "0.16.2"
+      }
+    },
+    "setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ=="
+    },
+    "socket.io": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-2.1.1.tgz",
+      "integrity": "sha512-rORqq9c+7W0DAK3cleWNSyfv/qKXV99hV4tZe+gGLfBECw3XEhBy7x85F3wypA9688LKjtwO9pX9L33/xQI8yA==",
+      "requires": {
+        "debug": "~3.1.0",
+        "engine.io": "~3.2.0",
+        "has-binary2": "~1.0.2",
+        "socket.io-adapter": "~1.1.0",
+        "socket.io-client": "2.1.1",
+        "socket.io-parser": "~3.2.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "socket.io-adapter": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-1.1.1.tgz",
+      "integrity": "sha1-KoBeihTWNyEk3ZFZrUUC+MsH8Gs="
+    },
+    "socket.io-client": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/socket.io-client/-/socket.io-client-2.1.1.tgz",
+      "integrity": "sha512-jxnFyhAuFxYfjqIgduQlhzqTcOEQSn+OHKVfAxWaNWa7ecP7xSNk2Dx/3UEsDcY7NcFafxvNvKPmmO7HTwTxGQ==",
+      "requires": {
+        "backo2": "1.0.2",
+        "base64-arraybuffer": "0.1.5",
+        "component-bind": "1.0.0",
+        "component-emitter": "1.2.1",
+        "debug": "~3.1.0",
+        "engine.io-client": "~3.2.0",
+        "has-binary2": "~1.0.2",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "object-component": "0.0.3",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "socket.io-parser": "~3.2.0",
+        "to-array": "0.1.4"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "socket.io-parser": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-3.2.0.tgz",
+      "integrity": "sha512-FYiBx7rc/KORMJlgsXysflWx/RIvtqZbyGLlHZvjfmPTPeuD/I8MaW7cfFrj5tRltICJdgwflhfZ3NVVbVLFQA==",
+      "requires": {
+        "component-emitter": "1.2.1",
+        "debug": "~3.1.0",
+        "isarray": "2.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+          "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+          "requires": {
+            "ms": "2.0.0"
+          }
+        }
+      }
+    },
+    "sqlstring": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/sqlstring/-/sqlstring-2.3.1.tgz",
+      "integrity": "sha1-R1OT/56RR5rqYtyvDKPRSYOn+0A="
+    },
+    "statuses": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.4.0.tgz",
+      "integrity": "sha512-zhSCtt8v2NDrRlPQpCNtw/heZLtfUDqxBM1udqikb/Hbk52LK4nQSwr10u77iopCW5LsyHpuXS0GnEc48mLeew=="
+    },
+    "string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "requires": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "to-array": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/to-array/-/to-array-0.1.4.tgz",
+      "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA="
+    },
+    "type-is": {
+      "version": "1.6.16",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.16.tgz",
+      "integrity": "sha512-HRkVv/5qY2G6I8iab9cI7v1bOIdhm94dVjQCPFElW9W+3GeDOSHmy2EBYe4VTApuzolPcmgFTN3ftVJRKR2J9Q==",
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.18"
+      }
+    },
+    "uid-safe": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/uid-safe/-/uid-safe-2.1.5.tgz",
+      "integrity": "sha512-KPHm4VL5dDXKz01UuEd88Df+KzynaohSL9fBh096KWAxSKZQDI2uBrVqtvRM4rwrIrRRKsdLNML/lnaaVSRioA==",
+      "requires": {
+        "random-bytes": "~1.0.0"
+      }
+    },
+    "ultron": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.1.1.tgz",
+      "integrity": "sha512-UIEXBNeYmKptWH6z8ZnqTeS8fV74zG0/eRU9VGkpzz+LIJNs8W/zM/L+7ctCkRrgbNnnR0xxw4bKOr0cW0N0Og=="
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
+    },
+    "util": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.11.0.tgz",
+      "integrity": "sha512-5n12uMzKCjvB2HPFHnbQSjaqAa98L5iIXmHrZCLavuZVe0qe/SJGbDGWlpaHk5lnBkWRDO+dRu1/PgmUYKPPTw==",
+      "requires": {
+        "inherits": "2.0.3"
+      }
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+    },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM="
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw="
+    },
+    "ws": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-3.3.3.tgz",
+      "integrity": "sha512-nnWLa/NwZSt4KQJu51MYlCcSQ5g7INpOrOMt4XV8j4dqTXdmlUmSHQ8/oLC069ckre0fRsgfvsKwbTdtKLCDkA==",
+      "requires": {
+        "async-limiter": "~1.0.0",
+        "safe-buffer": "~5.1.0",
+        "ultron": "~1.1.0"
+      }
+    },
+    "xmlhttprequest-ssl": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest-ssl/-/xmlhttprequest-ssl-1.5.5.tgz",
+      "integrity": "sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4="
+    },
+    "yeast": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/yeast/-/yeast-0.1.2.tgz",
+      "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk="
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100755
index 0000000..c15114d
--- /dev/null
+++ b/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "TVPublicitaire",
+  "version": "0.0.1",
+  "description": "Application pour TV publicitaire ou d'information à 3 niveau (Haut, moyen, bas) géolocalisé",
+  "dependencies": {
+    "body-parser": "^1.18.3",
+    "cookie-parser": "^1.4.3",
+    "ejs": "^2.6.1",
+    "express": "^4.16.3",
+    "express-session": "^1.15.6",
+    "mysql": "^2.16.0",
+    "socket.io": "^2.1.1",
+    "util": "^0.11.0"
+  }
+}
diff --git a/static/Icons/H1.png b/static/Icons/H1.png
new file mode 100644
index 0000000..f3d85ee
Binary files /dev/null and b/static/Icons/H1.png differ
diff --git a/static/Icons/h0.png b/static/Icons/h0.png
new file mode 100644
index 0000000..fe9b8e7
Binary files /dev/null and b/static/Icons/h0.png differ
diff --git a/static/Js/index.js b/static/Js/index.js
new file mode 100644
index 0000000..3aec663
--- /dev/null
+++ b/static/Js/index.js
@@ -0,0 +1,60 @@
+
+  // jus fot testing :)
+  console.log("Ok");
+
+  //Materialize js component initialization
+  $(document).ready(function(){
+    $('select').formSelect();
+
+
+
+
+
+    var socket = io();
+    $('#send').click(function(e){
+      e.preventDefault();
+      var data = {zone:$("#zone").val(),
+                  ListeCom : new Array()};
+                  data.ListeCom.push({
+                    IDPub:-1,
+                    html: $('#summernote').summernote('code'),
+                    level:$("#level").val()
+                  });
+
+      socket.emit('Communication', JSON.stringify(data));
+      //$('#m').val('');
+      return false;
+    });
+
+    $("#SendAll").click(function(){
+      var data = {zone:$("#zone").val(),
+                  ListeCom : new Array()};
+
+      for(var i=0;i<3;i++)
+      {
+        var f = $($("form").get(i));
+        console.log(f)
+        data.ListeCom.push({
+          IDPub:-1,
+          html:f.children(".com")[0].value,
+          level:f.children(".lvl")[0].value
+        });
+      }
+      socket.emit('Communication', JSON.stringify(data));
+    })
+
+
+    socket.on('chat message', function(msg){
+      //$('#messages').append($('<li>').text(msg));
+    });
+
+
+
+  });
+
+  //Summer note initialization
+  $('#summernote').summernote({
+    placeholder: 'nothing',
+    tabsize: 2,
+    height: 100
+  });
diff --git a/static/Js/map.js b/static/Js/map.js
new file mode 100644
index 0000000..08f5795
--- /dev/null
+++ b/static/Js/map.js
@@ -0,0 +1 @@
+  //Javascript leafletjs initialization
diff --git a/static/Leaflet.Editable.js b/static/Leaflet.Editable.js
new file mode 100755
index 0000000..c41b496
--- /dev/null
+++ b/static/Leaflet.Editable.js
@@ -0,0 +1,1946 @@
+'use strict';
+(function (factory, window) {
+    /*globals define, module, require*/
+
+    // define an AMD module that relies on 'leaflet'
+    if (typeof define === 'function' && define.amd) {
+        define(['leaflet'], factory);
+
+
+    // define a Common JS module that relies on 'leaflet'
+    } else if (typeof exports === 'object') {
+        module.exports = factory(require('leaflet'));
+    }
+
+    // attach your plugin to the global 'L' variable
+    if(typeof window !== 'undefined' && window.L){
+        factory(window.L);
+    }
+
+}(function (L) {
+    // 🍂miniclass CancelableEvent (Event objects)
+    // 🍂method cancel()
+    // Cancel any subsequent action.
+
+    // 🍂miniclass VertexEvent (Event objects)
+    // 🍂property vertex: VertexMarker
+    // The vertex that fires the event.
+
+    // 🍂miniclass ShapeEvent (Event objects)
+    // 🍂property shape: Array
+    // The shape (LatLngs array) subject of the action.
+
+    // 🍂miniclass CancelableVertexEvent (Event objects)
+    // 🍂inherits VertexEvent
+    // 🍂inherits CancelableEvent
+
+    // 🍂miniclass CancelableShapeEvent (Event objects)
+    // 🍂inherits ShapeEvent
+    // 🍂inherits CancelableEvent
+
+    // 🍂miniclass LayerEvent (Event objects)
+    // 🍂property layer: object
+    // The Layer (Marker, Polyline…) subject of the action.
+
+    // 🍂namespace Editable; 🍂class Editable; 🍂aka L.Editable
+    // Main edition handler. By default, it is attached to the map
+    // as `map.editTools` property.
+    // Leaflet.Editable is made to be fully extendable. You have three ways to customize
+    // the behaviour: using options, listening to events, or extending.
+    L.Editable = L.Evented.extend({
+
+        statics: {
+            FORWARD: 1,
+            BACKWARD: -1
+        },
+
+        options: {
+
+            // You can pass them when creating a map using the `editOptions` key.
+            // 🍂option zIndex: int = 1000
+            // The default zIndex of the editing tools.
+            zIndex: 1000,
+
+            // 🍂option polygonClass: class = L.Polygon
+            // Class to be used when creating a new Polygon.
+            polygonClass: L.Polygon,
+
+            // 🍂option polylineClass: class = L.Polyline
+            // Class to be used when creating a new Polyline.
+            polylineClass: L.Polyline,
+
+            // 🍂option markerClass: class = L.Marker
+            // Class to be used when creating a new Marker.
+            markerClass: L.Marker,
+
+            // 🍂option rectangleClass: class = L.Rectangle
+            // Class to be used when creating a new Rectangle.
+            rectangleClass: L.Rectangle,
+
+            // 🍂option circleClass: class = L.Circle
+            // Class to be used when creating a new Circle.
+            circleClass: L.Circle,
+
+            // 🍂option drawingCSSClass: string = 'leaflet-editable-drawing'
+            // CSS class to be added to the map container while drawing.
+            drawingCSSClass: 'leaflet-editable-drawing',
+
+            // 🍂option drawingCursor: const = 'crosshair'
+            // Cursor mode set to the map while drawing.
+            drawingCursor: 'crosshair',
+
+            // 🍂option editLayer: Layer = new L.LayerGroup()
+            // Layer used to store edit tools (vertex, line guide…).
+            editLayer: undefined,
+
+            // 🍂option featuresLayer: Layer = new L.LayerGroup()
+            // Default layer used to store drawn features (Marker, Polyline…).
+            featuresLayer: undefined,
+
+            // 🍂option polylineEditorClass: class = PolylineEditor
+            // Class to be used as Polyline editor.
+            polylineEditorClass: undefined,
+
+            // 🍂option polygonEditorClass: class = PolygonEditor
+            // Class to be used as Polygon editor.
+            polygonEditorClass: undefined,
+
+            // 🍂option markerEditorClass: class = MarkerEditor
+            // Class to be used as Marker editor.
+            markerEditorClass: undefined,
+
+            // 🍂option rectangleEditorClass: class = RectangleEditor
+            // Class to be used as Rectangle editor.
+            rectangleEditorClass: undefined,
+
+            // 🍂option circleEditorClass: class = CircleEditor
+            // Class to be used as Circle editor.
+            circleEditorClass: undefined,
+
+            // 🍂option lineGuideOptions: hash = {}
+            // Options to be passed to the line guides.
+            lineGuideOptions: {},
+
+            // 🍂option skipMiddleMarkers: boolean = false
+            // Set this to true if you don't want middle markers.
+            skipMiddleMarkers: false
+
+        },
+
+        initialize: function (map, options) {
+            L.setOptions(this, options);
+            this._lastZIndex = this.options.zIndex;
+            this.map = map;
+            this.editLayer = this.createEditLayer();
+            this.featuresLayer = this.createFeaturesLayer();
+            this.forwardLineGuide = this.createLineGuide();
+            this.backwardLineGuide = this.createLineGuide();
+        },
+
+        fireAndForward: function (type, e) {
+            e = e || {};
+            e.editTools = this;
+            this.fire(type, e);
+            this.map.fire(type, e);
+        },
+
+        createLineGuide: function () {
+            var options = L.extend({dashArray: '5,10', weight: 1, interactive: false}, this.options.lineGuideOptions);
+            return L.polyline([], options);
+        },
+
+        createVertexIcon: function (options) {
+            return L.Browser.mobile && L.Browser.touch ? new L.Editable.TouchVertexIcon(options) : new L.Editable.VertexIcon(options);
+        },
+
+        createEditLayer: function () {
+            return this.options.editLayer || new L.LayerGroup().addTo(this.map);
+        },
+
+        createFeaturesLayer: function () {
+            return this.options.featuresLayer || new L.LayerGroup().addTo(this.map);
+        },
+
+        moveForwardLineGuide: function (latlng) {
+            if (this.forwardLineGuide._latlngs.length) {
+                this.forwardLineGuide._latlngs[1] = latlng;
+                this.forwardLineGuide._bounds.extend(latlng);
+                this.forwardLineGuide.redraw();
+            }
+        },
+
+        moveBackwardLineGuide: function (latlng) {
+            if (this.backwardLineGuide._latlngs.length) {
+                this.backwardLineGuide._latlngs[1] = latlng;
+                this.backwardLineGuide._bounds.extend(latlng);
+                this.backwardLineGuide.redraw();
+            }
+        },
+
+        anchorForwardLineGuide: function (latlng) {
+            this.forwardLineGuide._latlngs[0] = latlng;
+            this.forwardLineGuide._bounds.extend(latlng);
+            this.forwardLineGuide.redraw();
+        },
+
+        anchorBackwardLineGuide: function (latlng) {
+            this.backwardLineGuide._latlngs[0] = latlng;
+            this.backwardLineGuide._bounds.extend(latlng);
+            this.backwardLineGuide.redraw();
+        },
+
+        attachForwardLineGuide: function () {
+            this.editLayer.addLayer(this.forwardLineGuide);
+        },
+
+        attachBackwardLineGuide: function () {
+            this.editLayer.addLayer(this.backwardLineGuide);
+        },
+
+        detachForwardLineGuide: function () {
+            this.forwardLineGuide.setLatLngs([]);
+            this.editLayer.removeLayer(this.forwardLineGuide);
+        },
+
+        detachBackwardLineGuide: function () {
+            this.backwardLineGuide.setLatLngs([]);
+            this.editLayer.removeLayer(this.backwardLineGuide);
+        },
+
+        blockEvents: function () {
+            // Hack: force map not to listen to other layers events while drawing.
+            if (!this._oldTargets) {
+                this._oldTargets = this.map._targets;
+                this.map._targets = {};
+            }
+        },
+
+        unblockEvents: function () {
+            if (this._oldTargets) {
+                // Reset, but keep targets created while drawing.
+                this.map._targets = L.extend(this.map._targets, this._oldTargets);
+                delete this._oldTargets;
+            }
+        },
+
+        registerForDrawing: function (editor) {
+            if (this._drawingEditor) this.unregisterForDrawing(this._drawingEditor);
+            this.blockEvents();
+            editor.reset();  // Make sure editor tools still receive events.
+            this._drawingEditor = editor;
+            this.map.on('mousemove touchmove', editor.onDrawingMouseMove, editor);
+            this.map.on('mousedown', this.onMousedown, this);
+            this.map.on('mouseup', this.onMouseup, this);
+            L.DomUtil.addClass(this.map._container, this.options.drawingCSSClass);
+            this.defaultMapCursor = this.map._container.style.cursor;
+            this.map._container.style.cursor = this.options.drawingCursor;
+        },
+
+        unregisterForDrawing: function (editor) {
+            this.unblockEvents();
+            L.DomUtil.removeClass(this.map._container, this.options.drawingCSSClass);
+            this.map._container.style.cursor = this.defaultMapCursor;
+            editor = editor || this._drawingEditor;
+            if (!editor) return;
+            this.map.off('mousemove touchmove', editor.onDrawingMouseMove, editor);
+            this.map.off('mousedown', this.onMousedown, this);
+            this.map.off('mouseup', this.onMouseup, this);
+            if (editor !== this._drawingEditor) return;
+            delete this._drawingEditor;
+            if (editor._drawing) editor.cancelDrawing();
+        },
+
+        onMousedown: function (e) {
+            if (e.originalEvent.which != 1) return;
+            this._mouseDown = e;
+            this._drawingEditor.onDrawingMouseDown(e);
+        },
+
+        onMouseup: function (e) {
+            if (this._mouseDown) {
+                var editor = this._drawingEditor,
+                    mouseDown = this._mouseDown;
+                this._mouseDown = null;
+                editor.onDrawingMouseUp(e);
+                if (this._drawingEditor !== editor) return;  // onDrawingMouseUp may call unregisterFromDrawing.
+                var origin = L.point(mouseDown.originalEvent.clientX, mouseDown.originalEvent.clientY);
+                var distance = L.point(e.originalEvent.clientX, e.originalEvent.clientY).distanceTo(origin);
+                if (Math.abs(distance) < 9 * (window.devicePixelRatio || 1)) this._drawingEditor.onDrawingClick(e);
+            }
+        },
+
+        // 🍂section Public methods
+        // You will generally access them by the `map.editTools`
+        // instance:
+        //
+        // `map.editTools.startPolyline();`
+
+        // 🍂method drawing(): boolean
+        // Return true if any drawing action is ongoing.
+        drawing: function () {
+            return this._drawingEditor && this._drawingEditor.drawing();
+        },
+
+        // 🍂method stopDrawing()
+        // When you need to stop any ongoing drawing, without needing to know which editor is active.
+        stopDrawing: function () {
+            this.unregisterForDrawing();
+        },
+
+        // 🍂method commitDrawing()
+        // When you need to commit any ongoing drawing, without needing to know which editor is active.
+        commitDrawing: function (e) {
+            if (!this._drawingEditor) return;
+            this._drawingEditor.commitDrawing(e);
+        },
+
+        connectCreatedToMap: function (layer) {
+            return this.featuresLayer.addLayer(layer);
+        },
+
+        // 🍂method startPolyline(latlng: L.LatLng, options: hash): L.Polyline
+        // Start drawing a Polyline. If `latlng` is given, a first point will be added. In any case, continuing on user click.
+        // If `options` is given, it will be passed to the Polyline class constructor.
+        startPolyline: function (latlng, options) {
+            var line = this.createPolyline([], options);
+            line.enableEdit(this.map).newShape(latlng);
+            return line;
+        },
+
+        // 🍂method startPolygon(latlng: L.LatLng, options: hash): L.Polygon
+        // Start drawing a Polygon. If `latlng` is given, a first point will be added. In any case, continuing on user click.
+        // If `options` is given, it will be passed to the Polygon class constructor.
+        startPolygon: function (latlng, options) {
+            var polygon = this.createPolygon([], options);
+            polygon.enableEdit(this.map).newShape(latlng);
+            return polygon;
+        },
+
+        // 🍂method startMarker(latlng: L.LatLng, options: hash): L.Marker
+        // Start adding a Marker. If `latlng` is given, the Marker will be shown first at this point.
+        // In any case, it will follow the user mouse, and will have a final `latlng` on next click (or touch).
+        // If `options` is given, it will be passed to the Marker class constructor.
+        startMarker: function (latlng, options) {
+            latlng = latlng || this.map.getCenter().clone();
+            var marker = this.createMarker(latlng, options);
+            marker.enableEdit(this.map).startDrawing();
+            return marker;
+        },
+
+        // 🍂method startRectangle(latlng: L.LatLng, options: hash): L.Rectangle
+        // Start drawing a Rectangle. If `latlng` is given, the Rectangle anchor will be added. In any case, continuing on user drag.
+        // If `options` is given, it will be passed to the Rectangle class constructor.
+        startRectangle: function(latlng, options) {
+            var corner = latlng || L.latLng([0, 0]);
+            var bounds = new L.LatLngBounds(corner, corner);
+            var rectangle = this.createRectangle(bounds, options);
+            rectangle.enableEdit(this.map).startDrawing();
+            return rectangle;
+        },
+
+        // 🍂method startCircle(latlng: L.LatLng, options: hash): L.Circle
+        // Start drawing a Circle. If `latlng` is given, the Circle anchor will be added. In any case, continuing on user drag.
+        // If `options` is given, it will be passed to the Circle class constructor.
+        startCircle: function (latlng, options) {
+            latlng = latlng || this.map.getCenter().clone();
+            var circle = this.createCircle(latlng, options);
+            circle.enableEdit(this.map).startDrawing();
+            return circle;
+        },
+
+        startHole: function (editor, latlng) {
+            editor.newHole(latlng);
+        },
+
+        createLayer: function (klass, latlngs, options) {
+            options = L.Util.extend({editOptions: {editTools: this}}, options);
+            var layer = new klass(latlngs, options);
+            // 🍂namespace Editable
+            // 🍂event editable:created: LayerEvent
+            // Fired when a new feature (Marker, Polyline…) is created.
+            this.fireAndForward('editable:created', {layer: layer});
+            return layer;
+        },
+
+        createPolyline: function (latlngs, options) {
+            return this.createLayer(options && options.polylineClass || this.options.polylineClass, latlngs, options);
+        },
+
+        createPolygon: function (latlngs, options) {
+            return this.createLayer(options && options.polygonClass || this.options.polygonClass, latlngs, options);
+        },
+
+        createMarker: function (latlng, options) {
+            return this.createLayer(options && options.markerClass || this.options.markerClass, latlng, options);
+        },
+
+        createRectangle: function (bounds, options) {
+            return this.createLayer(options && options.rectangleClass || this.options.rectangleClass, bounds, options);
+        },
+
+        createCircle: function (latlng, options) {
+            return this.createLayer(options && options.circleClass || this.options.circleClass, latlng, options);
+        }
+
+    });
+
+    L.extend(L.Editable, {
+
+        makeCancellable: function (e) {
+            e.cancel = function () {
+                e._cancelled = true;
+            };
+        }
+
+    });
+
+    // 🍂namespace Map; 🍂class Map
+    // Leaflet.Editable add options and events to the `L.Map` object.
+    // See `Editable` events for the list of events fired on the Map.
+    // 🍂example
+    //
+    // ```js
+    // var map = L.map('map', {
+    //  editable: true,
+    //  editOptions: {
+    //    …
+    // }
+    // });
+    // ```
+    // 🍂section Editable Map Options
+    L.Map.mergeOptions({
+
+        // 🍂namespace Map
+        // 🍂section Map Options
+        // 🍂option editToolsClass: class = L.Editable
+        // Class to be used as vertex, for path editing.
+        editToolsClass: L.Editable,
+
+        // 🍂option editable: boolean = false
+        // Whether to create a L.Editable instance at map init.
+        editable: false,
+
+        // 🍂option editOptions: hash = {}
+        // Options to pass to L.Editable when instantiating.
+        editOptions: {}
+
+    });
+
+    L.Map.addInitHook(function () {
+
+        this.whenReady(function () {
+            if (this.options.editable) {
+                this.editTools = new this.options.editToolsClass(this, this.options.editOptions);
+            }
+        });
+
+    });
+
+    L.Editable.VertexIcon = L.DivIcon.extend({
+
+        options: {
+            iconSize: new L.Point(8, 8)
+        }
+
+    });
+
+    L.Editable.TouchVertexIcon = L.Editable.VertexIcon.extend({
+
+        options: {
+            iconSize: new L.Point(20, 20)
+        }
+
+    });
+
+
+    // 🍂namespace Editable; 🍂class VertexMarker; Handler for dragging path vertices.
+    L.Editable.VertexMarker = L.Marker.extend({
+
+        options: {
+            draggable: true,
+            className: 'leaflet-div-icon leaflet-vertex-icon'
+        },
+
+
+        // 🍂section Public methods
+        // The marker used to handle path vertex. You will usually interact with a `VertexMarker`
+        // instance when listening for events like `editable:vertex:ctrlclick`.
+
+        initialize: function (latlng, latlngs, editor, options) {
+            // We don't use this._latlng, because on drag Leaflet replace it while
+            // we want to keep reference.
+            this.latlng = latlng;
+            this.latlngs = latlngs;
+            this.editor = editor;
+            L.Marker.prototype.initialize.call(this, latlng, options);
+            this.options.icon = this.editor.tools.createVertexIcon({className: this.options.className});
+            this.latlng.__vertex = this;
+            this.editor.editLayer.addLayer(this);
+            this.setZIndexOffset(editor.tools._lastZIndex + 1);
+        },
+
+        onAdd: function (map) {
+            L.Marker.prototype.onAdd.call(this, map);
+            this.on('drag', this.onDrag);
+            this.on('dragstart', this.onDragStart);
+            this.on('dragend', this.onDragEnd);
+            this.on('mouseup', this.onMouseup);
+            this.on('click', this.onClick);
+            this.on('contextmenu', this.onContextMenu);
+            this.on('mousedown touchstart', this.onMouseDown);
+            this.on('mouseover', this.onMouseOver);
+            this.on('mouseout', this.onMouseOut);
+            this.addMiddleMarkers();
+        },
+
+        onRemove: function (map) {
+            if (this.middleMarker) this.middleMarker.delete();
+            delete this.latlng.__vertex;
+            this.off('drag', this.onDrag);
+            this.off('dragstart', this.onDragStart);
+            this.off('dragend', this.onDragEnd);
+            this.off('mouseup', this.onMouseup);
+            this.off('click', this.onClick);
+            this.off('contextmenu', this.onContextMenu);
+            this.off('mousedown touchstart', this.onMouseDown);
+            this.off('mouseover', this.onMouseOver);
+            this.off('mouseout', this.onMouseOut);
+            L.Marker.prototype.onRemove.call(this, map);
+        },
+
+        onDrag: function (e) {
+            e.vertex = this;
+            this.editor.onVertexMarkerDrag(e);
+            var iconPos = L.DomUtil.getPosition(this._icon),
+                latlng = this._map.layerPointToLatLng(iconPos);
+            this.latlng.update(latlng);
+            this._latlng = this.latlng;  // Push back to Leaflet our reference.
+            this.editor.refresh();
+            if (this.middleMarker) this.middleMarker.updateLatLng();
+            var next = this.getNext();
+            if (next && next.middleMarker) next.middleMarker.updateLatLng();
+        },
+
+        onDragStart: function (e) {
+            e.vertex = this;
+            this.editor.onVertexMarkerDragStart(e);
+        },
+
+        onDragEnd: function (e) {
+            e.vertex = this;
+            this.editor.onVertexMarkerDragEnd(e);
+        },
+
+        onClick: function (e) {
+            e.vertex = this;
+            this.editor.onVertexMarkerClick(e);
+        },
+
+        onMouseup: function (e) {
+            L.DomEvent.stop(e);
+            e.vertex = this;
+            this.editor.map.fire('mouseup', e);
+        },
+
+        onContextMenu: function (e) {
+            e.vertex = this;
+            this.editor.onVertexMarkerContextMenu(e);
+        },
+
+        onMouseDown: function (e) {
+            e.vertex = this;
+            this.editor.onVertexMarkerMouseDown(e);
+        },
+
+        onMouseOver: function (e) {
+            e.vertex = this;
+            this.editor.onVertexMarkerMouseOver(e);
+        },
+
+        onMouseOut: function (e) {
+            e.vertex = this;
+            this.editor.onVertexMarkerMouseOut(e);
+        },
+
+        // 🍂method delete()
+        // Delete a vertex and the related LatLng.
+        delete: function () {
+            var next = this.getNext();  // Compute before changing latlng
+            this.latlngs.splice(this.getIndex(), 1);
+            this.editor.editLayer.removeLayer(this);
+            this.editor.onVertexDeleted({latlng: this.latlng, vertex: this});
+            if (!this.latlngs.length) this.editor.deleteShape(this.latlngs);
+            if (next) next.resetMiddleMarker();
+            this.editor.refresh();
+        },
+
+        // 🍂method getIndex(): int
+        // Get the index of the current vertex among others of the same LatLngs group.
+        getIndex: function () {
+            return this.latlngs.indexOf(this.latlng);
+        },
+
+        // 🍂method getLastIndex(): int
+        // Get last vertex index of the LatLngs group of the current vertex.
+        getLastIndex: function () {
+            return this.latlngs.length - 1;
+        },
+
+        // 🍂method getPrevious(): VertexMarker
+        // Get the previous VertexMarker in the same LatLngs group.
+        getPrevious: function () {
+            if (this.latlngs.length < 2) return;
+            var index = this.getIndex(),
+                previousIndex = index - 1;
+            if (index === 0 && this.editor.CLOSED) previousIndex = this.getLastIndex();
+            var previous = this.latlngs[previousIndex];
+            if (previous) return previous.__vertex;
+        },
+
+        // 🍂method getNext(): VertexMarker
+        // Get the next VertexMarker in the same LatLngs group.
+        getNext: function () {
+            if (this.latlngs.length < 2) return;
+            var index = this.getIndex(),
+                nextIndex = index + 1;
+            if (index === this.getLastIndex() && this.editor.CLOSED) nextIndex = 0;
+            var next = this.latlngs[nextIndex];
+            if (next) return next.__vertex;
+        },
+
+        addMiddleMarker: function (previous) {
+            if (!this.editor.hasMiddleMarkers()) return;
+            previous = previous || this.getPrevious();
+            if (previous && !this.middleMarker) this.middleMarker = this.editor.addMiddleMarker(previous, this, this.latlngs, this.editor);
+        },
+
+        addMiddleMarkers: function () {
+            if (!this.editor.hasMiddleMarkers()) return;
+            var previous = this.getPrevious();
+            if (previous) this.addMiddleMarker(previous);
+            var next = this.getNext();
+            if (next) next.resetMiddleMarker();
+        },
+
+        resetMiddleMarker: function () {
+            if (this.middleMarker) this.middleMarker.delete();
+            this.addMiddleMarker();
+        },
+
+        // 🍂method split()
+        // Split the vertex LatLngs group at its index, if possible.
+        split: function () {
+            if (!this.editor.splitShape) return;  // Only for PolylineEditor
+            this.editor.splitShape(this.latlngs, this.getIndex());
+        },
+
+        // 🍂method continue()
+        // Continue the vertex LatLngs from this vertex. Only active for first and last vertices of a Polyline.
+        continue: function () {
+            if (!this.editor.continueBackward) return;  // Only for PolylineEditor
+            var index = this.getIndex();
+            if (index === 0) this.editor.continueBackward(this.latlngs);
+            else if (index === this.getLastIndex()) this.editor.continueForward(this.latlngs);
+        }
+
+    });
+
+    L.Editable.mergeOptions({
+
+        // 🍂namespace Editable
+        // 🍂option vertexMarkerClass: class = VertexMarker
+        // Class to be used as vertex, for path editing.
+        vertexMarkerClass: L.Editable.VertexMarker
+
+    });
+
+    L.Editable.MiddleMarker = L.Marker.extend({
+
+        options: {
+            opacity: 0.5,
+            className: 'leaflet-div-icon leaflet-middle-icon',
+            draggable: true
+        },
+
+        initialize: function (left, right, latlngs, editor, options) {
+            this.left = left;
+            this.right = right;
+            this.editor = editor;
+            this.latlngs = latlngs;
+            L.Marker.prototype.initialize.call(this, this.computeLatLng(), options);
+            this._opacity = this.options.opacity;
+            this.options.icon = this.editor.tools.createVertexIcon({className: this.options.className});
+            this.editor.editLayer.addLayer(this);
+            this.setVisibility();
+        },
+
+        setVisibility: function () {
+            var leftPoint = this._map.latLngToContainerPoint(this.left.latlng),
+                rightPoint = this._map.latLngToContainerPoint(this.right.latlng),
+                size = L.point(this.options.icon.options.iconSize);
+            if (leftPoint.distanceTo(rightPoint) < size.x * 3) this.hide();
+            else this.show();
+        },
+
+        show: function () {
+            this.setOpacity(this._opacity);
+        },
+
+        hide: function () {
+            this.setOpacity(0);
+        },
+
+        updateLatLng: function () {
+            this.setLatLng(this.computeLatLng());
+            this.setVisibility();
+        },
+
+        computeLatLng: function () {
+            var leftPoint = this.editor.map.latLngToContainerPoint(this.left.latlng),
+                rightPoint = this.editor.map.latLngToContainerPoint(this.right.latlng),
+                y = (leftPoint.y + rightPoint.y) / 2,
+                x = (leftPoint.x + rightPoint.x) / 2;
+            return this.editor.map.containerPointToLatLng([x, y]);
+        },
+
+        onAdd: function (map) {
+            L.Marker.prototype.onAdd.call(this, map);
+            L.DomEvent.on(this._icon, 'mousedown touchstart', this.onMouseDown, this);
+            map.on('zoomend', this.setVisibility, this);
+        },
+
+        onRemove: function (map) {
+            delete this.right.middleMarker;
+            L.DomEvent.off(this._icon, 'mousedown touchstart', this.onMouseDown, this);
+            map.off('zoomend', this.setVisibility, this);
+            L.Marker.prototype.onRemove.call(this, map);
+        },
+
+        onMouseDown: function (e) {
+            var iconPos = L.DomUtil.getPosition(this._icon),
+                latlng = this.editor.map.layerPointToLatLng(iconPos);
+            e = {
+                originalEvent: e,
+                latlng: latlng
+            };
+            if (this.options.opacity === 0) return;
+            L.Editable.makeCancellable(e);
+            this.editor.onMiddleMarkerMouseDown(e);
+            if (e._cancelled) return;
+            this.latlngs.splice(this.index(), 0, e.latlng);
+            this.editor.refresh();
+            var icon = this._icon;
+            var marker = this.editor.addVertexMarker(e.latlng, this.latlngs);
+            this.editor.onNewVertex(marker);
+            /* Hack to workaround browser not firing touchend when element is no more on DOM */
+            var parent = marker._icon.parentNode;
+            parent.removeChild(marker._icon);
+            marker._icon = icon;
+            parent.appendChild(marker._icon);
+            marker._initIcon();
+            marker._initInteraction();
+            marker.setOpacity(1);
+            /* End hack */
+            // Transfer ongoing dragging to real marker
+            L.Draggable._dragging = false;
+            marker.dragging._draggable._onDown(e.originalEvent);
+            this.delete();
+        },
+
+        delete: function () {
+            this.editor.editLayer.removeLayer(this);
+        },
+
+        index: function () {
+            return this.latlngs.indexOf(this.right.latlng);
+        }
+
+    });
+
+    L.Editable.mergeOptions({
+
+        // 🍂namespace Editable
+        // 🍂option middleMarkerClass: class = VertexMarker
+        // Class to be used as middle vertex, pulled by the user to create a new point in the middle of a path.
+        middleMarkerClass: L.Editable.MiddleMarker
+
+    });
+
+    // 🍂namespace Editable; 🍂class BaseEditor; 🍂aka L.Editable.BaseEditor
+    // When editing a feature (Marker, Polyline…), an editor is attached to it. This
+    // editor basically knows how to handle the edition.
+    L.Editable.BaseEditor = L.Handler.extend({
+
+        initialize: function (map, feature, options) {
+            L.setOptions(this, options);
+            this.map = map;
+            this.feature = feature;
+            this.feature.editor = this;
+            this.editLayer = new L.LayerGroup();
+            this.tools = this.options.editTools || map.editTools;
+        },
+
+        // 🍂method enable(): this
+        // Set up the drawing tools for the feature to be editable.
+        addHooks: function () {
+            if (this.isConnected()) this.onFeatureAdd();
+            else this.feature.once('add', this.onFeatureAdd, this);
+            this.onEnable();
+            this.feature.on(this._getEvents(), this);
+        },
+
+        // 🍂method disable(): this
+        // Remove the drawing tools for the feature.
+        removeHooks: function () {
+            this.feature.off(this._getEvents(), this);
+            if (this.feature.dragging) this.feature.dragging.disable();
+            this.editLayer.clearLayers();
+            this.tools.editLayer.removeLayer(this.editLayer);
+            this.onDisable();
+            if (this._drawing) this.cancelDrawing();
+        },
+
+        // 🍂method drawing(): boolean
+        // Return true if any drawing action is ongoing with this editor.
+        drawing: function () {
+            return !!this._drawing;
+        },
+
+        reset: function () {},
+
+        onFeatureAdd: function () {
+            this.tools.editLayer.addLayer(this.editLayer);
+            if (this.feature.dragging) this.feature.dragging.enable();
+        },
+
+        hasMiddleMarkers: function () {
+            return !this.options.skipMiddleMarkers && !this.tools.options.skipMiddleMarkers;
+        },
+
+        fireAndForward: function (type, e) {
+            e = e || {};
+            e.layer = this.feature;
+            this.feature.fire(type, e);
+            this.tools.fireAndForward(type, e);
+        },
+
+        onEnable: function () {
+            // 🍂namespace Editable
+            // 🍂event editable:enable: Event
+            // Fired when an existing feature is ready to be edited.
+            this.fireAndForward('editable:enable');
+        },
+
+        onDisable: function () {
+            // 🍂namespace Editable
+            // 🍂event editable:disable: Event
+            // Fired when an existing feature is not ready anymore to be edited.
+            this.fireAndForward('editable:disable');
+        },
+
+        onEditing: function () {
+            // 🍂namespace Editable
+            // 🍂event editable:editing: Event
+            // Fired as soon as any change is made to the feature geometry.
+            this.fireAndForward('editable:editing');
+        },
+
+        onStartDrawing: function () {
+            // 🍂namespace Editable
+            // 🍂section Drawing events
+            // 🍂event editable:drawing:start: Event
+            // Fired when a feature is to be drawn.
+            this.fireAndForward('editable:drawing:start');
+        },
+
+        onEndDrawing: function () {
+            // 🍂namespace Editable
+            // 🍂section Drawing events
+            // 🍂event editable:drawing:end: Event
+            // Fired when a feature is not drawn anymore.
+            this.fireAndForward('editable:drawing:end');
+        },
+
+        onCancelDrawing: function () {
+            // 🍂namespace Editable
+            // 🍂section Drawing events
+            // 🍂event editable:drawing:cancel: Event
+            // Fired when user cancel drawing while a feature is being drawn.
+            this.fireAndForward('editable:drawing:cancel');
+        },
+
+        onCommitDrawing: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Drawing events
+            // 🍂event editable:drawing:commit: Event
+            // Fired when user finish drawing a feature.
+            this.fireAndForward('editable:drawing:commit', e);
+        },
+
+        onDrawingMouseDown: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Drawing events
+            // 🍂event editable:drawing:mousedown: Event
+            // Fired when user `mousedown` while drawing.
+            this.fireAndForward('editable:drawing:mousedown', e);
+        },
+
+        onDrawingMouseUp: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Drawing events
+            // 🍂event editable:drawing:mouseup: Event
+            // Fired when user `mouseup` while drawing.
+            this.fireAndForward('editable:drawing:mouseup', e);
+        },
+
+        startDrawing: function () {
+            if (!this._drawing) this._drawing = L.Editable.FORWARD;
+            this.tools.registerForDrawing(this);
+            this.onStartDrawing();
+        },
+
+        commitDrawing: function (e) {
+            this.onCommitDrawing(e);
+            this.endDrawing();
+        },
+
+        cancelDrawing: function () {
+            // If called during a vertex drag, the vertex will be removed before
+            // the mouseup fires on it. This is a workaround. Maybe better fix is
+            // To have L.Draggable reset it's status on disable (Leaflet side).
+            L.Draggable._dragging = false;
+            this.onCancelDrawing();
+            this.endDrawing();
+        },
+
+        endDrawing: function () {
+            this._drawing = false;
+            this.tools.unregisterForDrawing(this);
+            this.onEndDrawing();
+        },
+
+        onDrawingClick: function (e) {
+            if (!this.drawing()) return;
+            L.Editable.makeCancellable(e);
+            // 🍂namespace Editable
+            // 🍂section Drawing events
+            // 🍂event editable:drawing:click: CancelableEvent
+            // Fired when user `click` while drawing, before any internal action is being processed.
+            this.fireAndForward('editable:drawing:click', e);
+            if (e._cancelled) return;
+            if (!this.isConnected()) this.connect(e);
+            this.processDrawingClick(e);
+        },
+
+        isConnected: function () {
+            return this.map.hasLayer(this.feature);
+        },
+
+        connect: function () {
+            this.tools.connectCreatedToMap(this.feature);
+            this.tools.editLayer.addLayer(this.editLayer);
+        },
+
+        onMove: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Drawing events
+            // 🍂event editable:drawing:move: Event
+            // Fired when `move` mouse while drawing, while dragging a marker, and while dragging a vertex.
+            this.fireAndForward('editable:drawing:move', e);
+        },
+
+        onDrawingMouseMove: function (e) {
+            this.onMove(e);
+        },
+
+        _getEvents: function () {
+            return {
+                dragstart: this.onDragStart,
+                drag: this.onDrag,
+                dragend: this.onDragEnd,
+                remove: this.disable
+            };
+        },
+
+        onDragStart: function (e) {
+            this.onEditing();
+            // 🍂namespace Editable
+            // 🍂event editable:dragstart: Event
+            // Fired before a path feature is dragged.
+            this.fireAndForward('editable:dragstart', e);
+        },
+
+        onDrag: function (e) {
+            this.onMove(e);
+            // 🍂namespace Editable
+            // 🍂event editable:drag: Event
+            // Fired when a path feature is being dragged.
+            this.fireAndForward('editable:drag', e);
+        },
+
+        onDragEnd: function (e) {
+            // 🍂namespace Editable
+            // 🍂event editable:dragend: Event
+            // Fired after a path feature has been dragged.
+            this.fireAndForward('editable:dragend', e);
+        }
+
+    });
+
+    // 🍂namespace Editable; 🍂class MarkerEditor; 🍂aka L.Editable.MarkerEditor
+    // 🍂inherits BaseEditor
+    // Editor for Marker.
+    L.Editable.MarkerEditor = L.Editable.BaseEditor.extend({
+
+        onDrawingMouseMove: function (e) {
+            L.Editable.BaseEditor.prototype.onDrawingMouseMove.call(this, e);
+            if (this._drawing) this.feature.setLatLng(e.latlng);
+        },
+
+        processDrawingClick: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Drawing events
+            // 🍂event editable:drawing:clicked: Event
+            // Fired when user `click` while drawing, after all internal actions.
+            this.fireAndForward('editable:drawing:clicked', e);
+            this.commitDrawing(e);
+        },
+
+        connect: function (e) {
+            // On touch, the latlng has not been updated because there is
+            // no mousemove.
+            if (e) this.feature._latlng = e.latlng;
+            L.Editable.BaseEditor.prototype.connect.call(this, e);
+        }
+
+    });
+
+    // 🍂namespace Editable; 🍂class PathEditor; 🍂aka L.Editable.PathEditor
+    // 🍂inherits BaseEditor
+    // Base class for all path editors.
+    L.Editable.PathEditor = L.Editable.BaseEditor.extend({
+
+        CLOSED: false,
+        MIN_VERTEX: 2,
+
+        addHooks: function () {
+            L.Editable.BaseEditor.prototype.addHooks.call(this);
+            if (this.feature) this.initVertexMarkers();
+            return this;
+        },
+
+        initVertexMarkers: function (latlngs) {
+            if (!this.enabled()) return;
+            latlngs = latlngs || this.getLatLngs();
+            if (isFlat(latlngs)) this.addVertexMarkers(latlngs);
+            else for (var i = 0; i < latlngs.length; i++) this.initVertexMarkers(latlngs[i]);
+        },
+
+        getLatLngs: function () {
+            return this.feature.getLatLngs();
+        },
+
+        // 🍂method reset()
+        // Rebuild edit elements (Vertex, MiddleMarker, etc.).
+        reset: function () {
+            this.editLayer.clearLayers();
+            this.initVertexMarkers();
+        },
+
+        addVertexMarker: function (latlng, latlngs) {
+            return new this.tools.options.vertexMarkerClass(latlng, latlngs, this);
+        },
+
+        onNewVertex: function (vertex) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:new: VertexEvent
+            // Fired when a new vertex is created.
+            this.fireAndForward('editable:vertex:new', {latlng: vertex.latlng, vertex: vertex});
+        },
+
+        addVertexMarkers: function (latlngs) {
+            for (var i = 0; i < latlngs.length; i++) {
+                this.addVertexMarker(latlngs[i], latlngs);
+            }
+        },
+
+        refreshVertexMarkers: function (latlngs) {
+            latlngs = latlngs || this.getDefaultLatLngs();
+            for (var i = 0; i < latlngs.length; i++) {
+                latlngs[i].__vertex.update();
+            }
+        },
+
+        addMiddleMarker: function (left, right, latlngs) {
+            return new this.tools.options.middleMarkerClass(left, right, latlngs, this);
+        },
+
+        onVertexMarkerClick: function (e) {
+            L.Editable.makeCancellable(e);
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:click: CancelableVertexEvent
+            // Fired when a `click` is issued on a vertex, before any internal action is being processed.
+            this.fireAndForward('editable:vertex:click', e);
+            if (e._cancelled) return;
+            if (this.tools.drawing() && this.tools._drawingEditor !== this) return;
+            var index = e.vertex.getIndex(), commit;
+            if (e.originalEvent.ctrlKey) {
+                this.onVertexMarkerCtrlClick(e);
+            } else if (e.originalEvent.altKey) {
+                this.onVertexMarkerAltClick(e);
+            } else if (e.originalEvent.shiftKey) {
+                this.onVertexMarkerShiftClick(e);
+            } else if (e.originalEvent.metaKey) {
+                this.onVertexMarkerMetaKeyClick(e);
+            } else if (index === e.vertex.getLastIndex() && this._drawing === L.Editable.FORWARD) {
+                if (index >= this.MIN_VERTEX - 1) commit = true;
+            } else if (index === 0 && this._drawing === L.Editable.BACKWARD && this._drawnLatLngs.length >= this.MIN_VERTEX) {
+                commit = true;
+            } else if (index === 0 && this._drawing === L.Editable.FORWARD && this._drawnLatLngs.length >= this.MIN_VERTEX && this.CLOSED) {
+                commit = true;  // Allow to close on first point also for polygons
+            } else {
+                this.onVertexRawMarkerClick(e);
+            }
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:clicked: VertexEvent
+            // Fired when a `click` is issued on a vertex, after all internal actions.
+            this.fireAndForward('editable:vertex:clicked', e);
+            if (commit) this.commitDrawing(e);
+        },
+
+        onVertexRawMarkerClick: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:rawclick: CancelableVertexEvent
+            // Fired when a `click` is issued on a vertex without any special key and without being in drawing mode.
+            this.fireAndForward('editable:vertex:rawclick', e);
+            if (e._cancelled) return;
+            if (!this.vertexCanBeDeleted(e.vertex)) return;
+            e.vertex.delete();
+        },
+
+        vertexCanBeDeleted: function (vertex) {
+            return vertex.latlngs.length > this.MIN_VERTEX;
+        },
+
+        onVertexDeleted: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:deleted: VertexEvent
+            // Fired after a vertex has been deleted by user.
+            this.fireAndForward('editable:vertex:deleted', e);
+        },
+
+        onVertexMarkerCtrlClick: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:ctrlclick: VertexEvent
+            // Fired when a `click` with `ctrlKey` is issued on a vertex.
+            this.fireAndForward('editable:vertex:ctrlclick', e);
+        },
+
+        onVertexMarkerShiftClick: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:shiftclick: VertexEvent
+            // Fired when a `click` with `shiftKey` is issued on a vertex.
+            this.fireAndForward('editable:vertex:shiftclick', e);
+        },
+
+        onVertexMarkerMetaKeyClick: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:metakeyclick: VertexEvent
+            // Fired when a `click` with `metaKey` is issued on a vertex.
+            this.fireAndForward('editable:vertex:metakeyclick', e);
+        },
+
+        onVertexMarkerAltClick: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:altclick: VertexEvent
+            // Fired when a `click` with `altKey` is issued on a vertex.
+            this.fireAndForward('editable:vertex:altclick', e);
+        },
+
+        onVertexMarkerContextMenu: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:contextmenu: VertexEvent
+            // Fired when a `contextmenu` is issued on a vertex.
+            this.fireAndForward('editable:vertex:contextmenu', e);
+        },
+
+        onVertexMarkerMouseDown: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:mousedown: VertexEvent
+            // Fired when user `mousedown` a vertex.
+            this.fireAndForward('editable:vertex:mousedown', e);
+        },
+
+        onVertexMarkerMouseOver: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:mouseover: VertexEvent
+            // Fired when a user's mouse enters the vertex
+            this.fireAndForward('editable:vertex:mouseover', e);
+        },
+
+        onVertexMarkerMouseOut: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:mouseout: VertexEvent
+            // Fired when a user's mouse leaves the vertex
+            this.fireAndForward('editable:vertex:mouseout', e);
+        },
+
+        onMiddleMarkerMouseDown: function (e) {
+            // 🍂namespace Editable
+            // 🍂section MiddleMarker events
+            // 🍂event editable:middlemarker:mousedown: VertexEvent
+            // Fired when user `mousedown` a middle marker.
+            this.fireAndForward('editable:middlemarker:mousedown', e);
+        },
+
+        onVertexMarkerDrag: function (e) {
+            this.onMove(e);
+            if (this.feature._bounds) this.extendBounds(e);
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:drag: VertexEvent
+            // Fired when a vertex is dragged by user.
+            this.fireAndForward('editable:vertex:drag', e);
+        },
+
+        onVertexMarkerDragStart: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:dragstart: VertexEvent
+            // Fired before a vertex is dragged by user.
+            this.fireAndForward('editable:vertex:dragstart', e);
+        },
+
+        onVertexMarkerDragEnd: function (e) {
+            // 🍂namespace Editable
+            // 🍂section Vertex events
+            // 🍂event editable:vertex:dragend: VertexEvent
+            // Fired after a vertex is dragged by user.
+            this.fireAndForward('editable:vertex:dragend', e);
+        },
+
+        setDrawnLatLngs: function (latlngs) {
+            this._drawnLatLngs = latlngs || this.getDefaultLatLngs();
+        },
+
+        startDrawing: function () {
+            if (!this._drawnLatLngs) this.setDrawnLatLngs();
+            L.Editable.BaseEditor.prototype.startDrawing.call(this);
+        },
+
+        startDrawingForward: function () {
+            this.startDrawing();
+        },
+
+        endDrawing: function () {
+            this.tools.detachForwardLineGuide();
+            this.tools.detachBackwardLineGuide();
+            if (this._drawnLatLngs && this._drawnLatLngs.length < this.MIN_VERTEX) this.deleteShape(this._drawnLatLngs);
+            L.Editable.BaseEditor.prototype.endDrawing.call(this);
+            delete this._drawnLatLngs;
+        },
+
+        addLatLng: function (latlng) {
+            if (this._drawing === L.Editable.FORWARD) this._drawnLatLngs.push(latlng);
+            else this._drawnLatLngs.unshift(latlng);
+            this.feature._bounds.extend(latlng);
+            var vertex = this.addVertexMarker(latlng, this._drawnLatLngs);
+            this.onNewVertex(vertex);
+            this.refresh();
+        },
+
+        newPointForward: function (latlng) {
+            this.addLatLng(latlng);
+            this.tools.attachForwardLineGuide();
+            this.tools.anchorForwardLineGuide(latlng);
+        },
+
+        newPointBackward: function (latlng) {
+            this.addLatLng(latlng);
+            this.tools.anchorBackwardLineGuide(latlng);
+        },
+
+        // 🍂namespace PathEditor
+        // 🍂method push()
+        // Programmatically add a point while drawing.
+        push: function (latlng) {
+            if (!latlng) return console.error('L.Editable.PathEditor.push expect a valid latlng as parameter');
+            if (this._drawing === L.Editable.FORWARD) this.newPointForward(latlng);
+            else this.newPointBackward(latlng);
+        },
+
+        removeLatLng: function (latlng) {
+            latlng.__vertex.delete();
+            this.refresh();
+        },
+
+        // 🍂method pop(): L.LatLng or null
+        // Programmatically remove last point (if any) while drawing.
+        pop: function () {
+            if (this._drawnLatLngs.length <= 1) return;
+            var latlng;
+            if (this._drawing === L.Editable.FORWARD) latlng = this._drawnLatLngs[this._drawnLatLngs.length - 1];
+            else latlng = this._drawnLatLngs[0];
+            this.removeLatLng(latlng);
+            if (this._drawing === L.Editable.FORWARD) this.tools.anchorForwardLineGuide(this._drawnLatLngs[this._drawnLatLngs.length - 1]);
+            else this.tools.anchorForwardLineGuide(this._drawnLatLngs[0]);
+            return latlng;
+        },
+
+        processDrawingClick: function (e) {
+            if (e.vertex && e.vertex.editor === this) return;
+            if (this._drawing === L.Editable.FORWARD) this.newPointForward(e.latlng);
+            else this.newPointBackward(e.latlng);
+            this.fireAndForward('editable:drawing:clicked', e);
+        },
+
+        onDrawingMouseMove: function (e) {
+            L.Editable.BaseEditor.prototype.onDrawingMouseMove.call(this, e);
+            if (this._drawing) {
+                this.tools.moveForwardLineGuide(e.latlng);
+                this.tools.moveBackwardLineGuide(e.latlng);
+            }
+        },
+
+        refresh: function () {
+            this.feature.redraw();
+            this.onEditing();
+        },
+
+        // 🍂namespace PathEditor
+        // 🍂method newShape(latlng?: L.LatLng)
+        // Add a new shape (Polyline, Polygon) in a multi, and setup up drawing tools to draw it;
+        // if optional `latlng` is given, start a path at this point.
+        newShape: function (latlng) {
+            var shape = this.addNewEmptyShape();
+            if (!shape) return;
+            this.setDrawnLatLngs(shape[0] || shape);  // Polygon or polyline
+            this.startDrawingForward();
+            // 🍂namespace Editable
+            // 🍂section Shape events
+            // 🍂event editable:shape:new: ShapeEvent
+            // Fired when a new shape is created in a multi (Polygon or Polyline).
+            this.fireAndForward('editable:shape:new', {shape: shape});
+            if (latlng) this.newPointForward(latlng);
+        },
+
+        deleteShape: function (shape, latlngs) {
+            var e = {shape: shape};
+            L.Editable.makeCancellable(e);
+            // 🍂namespace Editable
+            // 🍂section Shape events
+            // 🍂event editable:shape:delete: CancelableShapeEvent
+            // Fired before a new shape is deleted in a multi (Polygon or Polyline).
+            this.fireAndForward('editable:shape:delete', e);
+            if (e._cancelled) return;
+            shape = this._deleteShape(shape, latlngs);
+            if (this.ensureNotFlat) this.ensureNotFlat();  // Polygon.
+            this.feature.setLatLngs(this.getLatLngs());  // Force bounds reset.
+            this.refresh();
+            this.reset();
+            // 🍂namespace Editable
+            // 🍂section Shape events
+            // 🍂event editable:shape:deleted: ShapeEvent
+            // Fired after a new shape is deleted in a multi (Polygon or Polyline).
+            this.fireAndForward('editable:shape:deleted', {shape: shape});
+            return shape;
+        },
+
+        _deleteShape: function (shape, latlngs) {
+            latlngs = latlngs || this.getLatLngs();
+            if (!latlngs.length) return;
+            var self = this,
+                inplaceDelete = function (latlngs, shape) {
+                    // Called when deleting a flat latlngs
+                    shape = latlngs.splice(0, Number.MAX_VALUE);
+                    return shape;
+                },
+                spliceDelete = function (latlngs, shape) {
+                    // Called when removing a latlngs inside an array
+                    latlngs.splice(latlngs.indexOf(shape), 1);
+                    if (!latlngs.length) self._deleteShape(latlngs);
+                    return shape;
+                };
+            if (latlngs === shape) return inplaceDelete(latlngs, shape);
+            for (var i = 0; i < latlngs.length; i++) {
+                if (latlngs[i] === shape) return spliceDelete(latlngs, shape);
+                else if (latlngs[i].indexOf(shape) !== -1) return spliceDelete(latlngs[i], shape);
+            }
+        },
+
+        // 🍂namespace PathEditor
+        // 🍂method deleteShapeAt(latlng: L.LatLng): Array
+        // Remove a path shape at the given `latlng`.
+        deleteShapeAt: function (latlng) {
+            var shape = this.feature.shapeAt(latlng);
+            if (shape) return this.deleteShape(shape);
+        },
+
+        // 🍂method appendShape(shape: Array)
+        // Append a new shape to the Polygon or Polyline.
+        appendShape: function (shape) {
+            this.insertShape(shape);
+        },
+
+        // 🍂method prependShape(shape: Array)
+        // Prepend a new shape to the Polygon or Polyline.
+        prependShape: function (shape) {
+            this.insertShape(shape, 0);
+        },
+
+        // 🍂method insertShape(shape: Array, index: int)
+        // Insert a new shape to the Polygon or Polyline at given index (default is to append).
+        insertShape: function (shape, index) {
+            this.ensureMulti();
+            shape = this.formatShape(shape);
+            if (typeof index === 'undefined') index = this.feature._latlngs.length;
+            this.feature._latlngs.splice(index, 0, shape);
+            this.feature.redraw();
+            if (this._enabled) this.reset();
+        },
+
+        extendBounds: function (e) {
+            this.feature._bounds.extend(e.vertex.latlng);
+        },
+
+        onDragStart: function (e) {
+            this.editLayer.clearLayers();
+            L.Editable.BaseEditor.prototype.onDragStart.call(this, e);
+        },
+
+        onDragEnd: function (e) {
+            this.initVertexMarkers();
+            L.Editable.BaseEditor.prototype.onDragEnd.call(this, e);
+        }
+
+    });
+
+    // 🍂namespace Editable; 🍂class PolylineEditor; 🍂aka L.Editable.PolylineEditor
+    // 🍂inherits PathEditor
+    L.Editable.PolylineEditor = L.Editable.PathEditor.extend({
+
+        startDrawingBackward: function () {
+            this._drawing = L.Editable.BACKWARD;
+            this.startDrawing();
+        },
+
+        // 🍂method continueBackward(latlngs?: Array)
+        // Set up drawing tools to continue the line backward.
+        continueBackward: function (latlngs) {
+            if (this.drawing()) return;
+            latlngs = latlngs || this.getDefaultLatLngs();
+            this.setDrawnLatLngs(latlngs);
+            if (latlngs.length > 0) {
+                this.tools.attachBackwardLineGuide();
+                this.tools.anchorBackwardLineGuide(latlngs[0]);
+            }
+            this.startDrawingBackward();
+        },
+
+        // 🍂method continueForward(latlngs?: Array)
+        // Set up drawing tools to continue the line forward.
+        continueForward: function (latlngs) {
+            if (this.drawing()) return;
+            latlngs = latlngs || this.getDefaultLatLngs();
+            this.setDrawnLatLngs(latlngs);
+            if (latlngs.length > 0) {
+                this.tools.attachForwardLineGuide();
+                this.tools.anchorForwardLineGuide(latlngs[latlngs.length - 1]);
+            }
+            this.startDrawingForward();
+        },
+
+        getDefaultLatLngs: function (latlngs) {
+            latlngs = latlngs || this.feature._latlngs;
+            if (!latlngs.length || latlngs[0] instanceof L.LatLng) return latlngs;
+            else return this.getDefaultLatLngs(latlngs[0]);
+        },
+
+        ensureMulti: function () {
+            if (this.feature._latlngs.length && isFlat(this.feature._latlngs)) {
+                this.feature._latlngs = [this.feature._latlngs];
+            }
+        },
+
+        addNewEmptyShape: function () {
+            if (this.feature._latlngs.length) {
+                var shape = [];
+                this.appendShape(shape);
+                return shape;
+            } else {
+                return this.feature._latlngs;
+            }
+        },
+
+        formatShape: function (shape) {
+            if (isFlat(shape)) return shape;
+            else if (shape[0]) return this.formatShape(shape[0]);
+        },
+
+        // 🍂method splitShape(latlngs?: Array, index: int)
+        // Split the given `latlngs` shape at index `index` and integrate new shape in instance `latlngs`.
+        splitShape: function (shape, index) {
+            if (!index || index >= shape.length - 1) return;
+            this.ensureMulti();
+            var shapeIndex = this.feature._latlngs.indexOf(shape);
+            if (shapeIndex === -1) return;
+            var first = shape.slice(0, index + 1),
+                second = shape.slice(index);
+            // We deal with reference, we don't want twice the same latlng around.
+            second[0] = L.latLng(second[0].lat, second[0].lng, second[0].alt);
+            this.feature._latlngs.splice(shapeIndex, 1, first, second);
+            this.refresh();
+            this.reset();
+        }
+
+    });
+
+    // 🍂namespace Editable; 🍂class PolygonEditor; 🍂aka L.Editable.PolygonEditor
+    // 🍂inherits PathEditor
+    L.Editable.PolygonEditor = L.Editable.PathEditor.extend({
+
+        CLOSED: true,
+        MIN_VERTEX: 3,
+
+        newPointForward: function (latlng) {
+            L.Editable.PathEditor.prototype.newPointForward.call(this, latlng);
+            if (!this.tools.backwardLineGuide._latlngs.length) this.tools.anchorBackwardLineGuide(latlng);
+            if (this._drawnLatLngs.length === 2) this.tools.attachBackwardLineGuide();
+        },
+
+        addNewEmptyHole: function (latlng) {
+            this.ensureNotFlat();
+            var latlngs = this.feature.shapeAt(latlng);
+            if (!latlngs) return;
+            var holes = [];
+            latlngs.push(holes);
+            return holes;
+        },
+
+        // 🍂method newHole(latlng?: L.LatLng, index: int)
+        // Set up drawing tools for creating a new hole on the Polygon. If the `latlng` param is given, a first point is created.
+        newHole: function (latlng) {
+            var holes = this.addNewEmptyHole(latlng);
+            if (!holes) return;
+            this.setDrawnLatLngs(holes);
+            this.startDrawingForward();
+            if (latlng) this.newPointForward(latlng);
+        },
+
+        addNewEmptyShape: function () {
+            if (this.feature._latlngs.length && this.feature._latlngs[0].length) {
+                var shape = [];
+                this.appendShape(shape);
+                return shape;
+            } else {
+                return this.feature._latlngs;
+            }
+        },
+
+        ensureMulti: function () {
+            if (this.feature._latlngs.length && isFlat(this.feature._latlngs[0])) {
+                this.feature._latlngs = [this.feature._latlngs];
+            }
+        },
+
+        ensureNotFlat: function () {
+            if (!this.feature._latlngs.length || isFlat(this.feature._latlngs)) this.feature._latlngs = [this.feature._latlngs];
+        },
+
+        vertexCanBeDeleted: function (vertex) {
+            var parent = this.feature.parentShape(vertex.latlngs),
+                idx = L.Util.indexOf(parent, vertex.latlngs);
+            if (idx > 0) return true;  // Holes can be totally deleted without removing the layer itself.
+            return L.Editable.PathEditor.prototype.vertexCanBeDeleted.call(this, vertex);
+        },
+
+        getDefaultLatLngs: function () {
+            if (!this.feature._latlngs.length) this.feature._latlngs.push([]);
+            return this.feature._latlngs[0];
+        },
+
+        formatShape: function (shape) {
+            // [[1, 2], [3, 4]] => must be nested
+            // [] => must be nested
+            // [[]] => is already nested
+            if (isFlat(shape) && (!shape[0] || shape[0].length !== 0)) return [shape];
+            else return shape;
+        }
+
+    });
+
+    // 🍂namespace Editable; 🍂class RectangleEditor; 🍂aka L.Editable.RectangleEditor
+    // 🍂inherits PathEditor
+    L.Editable.RectangleEditor = L.Editable.PathEditor.extend({
+
+        CLOSED: true,
+        MIN_VERTEX: 4,
+
+        options: {
+            skipMiddleMarkers: true
+        },
+
+        extendBounds: function (e) {
+            var index = e.vertex.getIndex(),
+                next = e.vertex.getNext(),
+                previous = e.vertex.getPrevious(),
+                oppositeIndex = (index + 2) % 4,
+                opposite = e.vertex.latlngs[oppositeIndex],
+                bounds = new L.LatLngBounds(e.latlng, opposite);
+            // Update latlngs by hand to preserve order.
+            previous.latlng.update([e.latlng.lat, opposite.lng]);
+            next.latlng.update([opposite.lat, e.latlng.lng]);
+            this.updateBounds(bounds);
+            this.refreshVertexMarkers();
+        },
+
+        onDrawingMouseDown: function (e) {
+            L.Editable.PathEditor.prototype.onDrawingMouseDown.call(this, e);
+            this.connect();
+            var latlngs = this.getDefaultLatLngs();
+            // L.Polygon._convertLatLngs removes last latlng if it equals first point,
+            // which is the case here as all latlngs are [0, 0]
+            if (latlngs.length === 3) latlngs.push(e.latlng);
+            var bounds = new L.LatLngBounds(e.latlng, e.latlng);
+            this.updateBounds(bounds);
+            this.updateLatLngs(bounds);
+            this.refresh();
+            this.reset();
+            // Stop dragging map.
+            // L.Draggable has two workflows:
+            // - mousedown => mousemove => mouseup
+            // - touchstart => touchmove => touchend
+            // Problem: L.Map.Tap does not allow us to listen to touchstart, so we only
+            // can deal with mousedown, but then when in a touch device, we are dealing with
+            // simulated events (actually simulated by L.Map.Tap), which are no more taken
+            // into account by L.Draggable.
+            // Ref.: https://github.com/Leaflet/Leaflet.Editable/issues/103
+            e.originalEvent._simulated = false;
+            this.map.dragging._draggable._onUp(e.originalEvent);
+            // Now transfer ongoing drag action to the bottom right corner.
+            // Should we refine which corner will handle the drag according to
+            // drag direction?
+            latlngs[3].__vertex.dragging._draggable._onDown(e.originalEvent);
+        },
+
+        onDrawingMouseUp: function (e) {
+            this.commitDrawing(e);
+            e.originalEvent._simulated = false;
+            L.Editable.PathEditor.prototype.onDrawingMouseUp.call(this, e);
+        },
+
+        onDrawingMouseMove: function (e) {
+            e.originalEvent._simulated = false;
+            L.Editable.PathEditor.prototype.onDrawingMouseMove.call(this, e);
+        },
+
+
+        getDefaultLatLngs: function (latlngs) {
+            return latlngs || this.feature._latlngs[0];
+        },
+
+        updateBounds: function (bounds) {
+            this.feature._bounds = bounds;
+        },
+
+        updateLatLngs: function (bounds) {
+            var latlngs = this.getDefaultLatLngs(),
+                newLatlngs = this.feature._boundsToLatLngs(bounds);
+            // Keep references.
+            for (var i = 0; i < latlngs.length; i++) {
+                latlngs[i].update(newLatlngs[i]);
+            }
+        }
+
+    });
+
+    // 🍂namespace Editable; 🍂class CircleEditor; 🍂aka L.Editable.CircleEditor
+    // 🍂inherits PathEditor
+    L.Editable.CircleEditor = L.Editable.PathEditor.extend({
+
+        MIN_VERTEX: 2,
+
+        options: {
+            skipMiddleMarkers: true
+        },
+
+        initialize: function (map, feature, options) {
+            L.Editable.PathEditor.prototype.initialize.call(this, map, feature, options);
+            this._resizeLatLng = this.computeResizeLatLng();
+        },
+
+        computeResizeLatLng: function () {
+            // While circle is not added to the map, _radius is not set.
+            var delta = (this.feature._radius || this.feature._mRadius) * Math.cos(Math.PI / 4),
+                point = this.map.project(this.feature._latlng);
+            return this.map.unproject([point.x + delta, point.y - delta]);
+        },
+
+        updateResizeLatLng: function () {
+            this._resizeLatLng.update(this.computeResizeLatLng());
+            this._resizeLatLng.__vertex.update();
+        },
+
+        getLatLngs: function () {
+            return [this.feature._latlng, this._resizeLatLng];
+        },
+
+        getDefaultLatLngs: function () {
+            return this.getLatLngs();
+        },
+
+        onVertexMarkerDrag: function (e) {
+            if (e.vertex.getIndex() === 1) this.resize(e);
+            else this.updateResizeLatLng(e);
+            L.Editable.PathEditor.prototype.onVertexMarkerDrag.call(this, e);
+        },
+
+        resize: function (e) {
+            var radius = this.feature._latlng.distanceTo(e.latlng);
+            this.feature.setRadius(radius);
+        },
+
+        onDrawingMouseDown: function (e) {
+            L.Editable.PathEditor.prototype.onDrawingMouseDown.call(this, e);
+            this._resizeLatLng.update(e.latlng);
+            this.feature._latlng.update(e.latlng);
+            this.connect();
+            // Stop dragging map.
+            e.originalEvent._simulated = false;
+            this.map.dragging._draggable._onUp(e.originalEvent);
+            // Now transfer ongoing drag action to the radius handler.
+            this._resizeLatLng.__vertex.dragging._draggable._onDown(e.originalEvent);
+        },
+
+        onDrawingMouseUp: function (e) {
+            this.commitDrawing(e);
+            e.originalEvent._simulated = false;
+            L.Editable.PathEditor.prototype.onDrawingMouseUp.call(this, e);
+        },
+
+        onDrawingMouseMove: function (e) {
+            e.originalEvent._simulated = false;
+            L.Editable.PathEditor.prototype.onDrawingMouseMove.call(this, e);
+        },
+
+        onDrag: function (e) {
+            L.Editable.PathEditor.prototype.onDrag.call(this, e);
+            this.feature.dragging.updateLatLng(this._resizeLatLng);
+        }
+
+    });
+
+    // 🍂namespace Editable; 🍂class EditableMixin
+    // `EditableMixin` is included to `L.Polyline`, `L.Polygon`, `L.Rectangle`, `L.Circle`
+    // and `L.Marker`. It adds some methods to them.
+    // *When editing is enabled, the editor is accessible on the instance with the
+    // `editor` property.*
+    var EditableMixin = {
+
+        createEditor: function (map) {
+            map = map || this._map;
+            var tools = (this.options.editOptions || {}).editTools || map.editTools;
+            if (!tools) throw Error('Unable to detect Editable instance.');
+            var Klass = this.options.editorClass || this.getEditorClass(tools);
+            return new Klass(map, this, this.options.editOptions);
+        },
+
+        // 🍂method enableEdit(map?: L.Map): this.editor
+        // Enable editing, by creating an editor if not existing, and then calling `enable` on it.
+        enableEdit: function (map) {
+            if (!this.editor) this.createEditor(map);
+            this.editor.enable();
+            return this.editor;
+        },
+
+        // 🍂method editEnabled(): boolean
+        // Return true if current instance has an editor attached, and this editor is enabled.
+        editEnabled: function () {
+            return this.editor && this.editor.enabled();
+        },
+
+        // 🍂method disableEdit()
+        // Disable editing, also remove the editor property reference.
+        disableEdit: function () {
+            if (this.editor) {
+                this.editor.disable();
+                delete this.editor;
+            }
+        },
+
+        // 🍂method toggleEdit()
+        // Enable or disable editing, according to current status.
+        toggleEdit: function () {
+            if (this.editEnabled()) this.disableEdit();
+            else this.enableEdit();
+        },
+
+        _onEditableAdd: function () {
+            if (this.editor) this.enableEdit();
+        }
+
+    };
+
+    var PolylineMixin = {
+
+        getEditorClass: function (tools) {
+            return (tools && tools.options.polylineEditorClass) ? tools.options.polylineEditorClass : L.Editable.PolylineEditor;
+        },
+
+        shapeAt: function (latlng, latlngs) {
+            // We can have those cases:
+            // - latlngs are just a flat array of latlngs, use this
+            // - latlngs is an array of arrays of latlngs, loop over
+            var shape = null;
+            latlngs = latlngs || this._latlngs;
+            if (!latlngs.length) return shape;
+            else if (isFlat(latlngs) && this.isInLatLngs(latlng, latlngs)) shape = latlngs;
+            else for (var i = 0; i < latlngs.length; i++) if (this.isInLatLngs(latlng, latlngs[i])) return latlngs[i];
+            return shape;
+        },
+
+        isInLatLngs: function (l, latlngs) {
+            if (!latlngs) return false;
+            var i, k, len, part = [], p,
+                w = this._clickTolerance();
+            this._projectLatlngs(latlngs, part, this._pxBounds);
+            part = part[0];
+            p = this._map.latLngToLayerPoint(l);
+
+            if (!this._pxBounds.contains(p)) { return false; }
+            for (i = 1, len = part.length, k = 0; i < len; k = i++) {
+
+                if (L.LineUtil.pointToSegmentDistance(p, part[k], part[i]) <= w) {
+                    return true;
+                }
+            }
+            return false;
+        }
+
+    };
+
+    var PolygonMixin = {
+
+        getEditorClass: function (tools) {
+            return (tools && tools.options.polygonEditorClass) ? tools.options.polygonEditorClass : L.Editable.PolygonEditor;
+        },
+
+        shapeAt: function (latlng, latlngs) {
+            // We can have those cases:
+            // - latlngs are just a flat array of latlngs, use this
+            // - latlngs is an array of arrays of latlngs, this is a simple polygon (maybe with holes), use the first
+            // - latlngs is an array of arrays of arrays, this is a multi, loop over
+            var shape = null;
+            latlngs = latlngs || this._latlngs;
+            if (!latlngs.length) return shape;
+            else if (isFlat(latlngs) && this.isInLatLngs(latlng, latlngs)) shape = latlngs;
+            else if (isFlat(latlngs[0]) && this.isInLatLngs(latlng, latlngs[0])) shape = latlngs;
+            else for (var i = 0; i < latlngs.length; i++) if (this.isInLatLngs(latlng, latlngs[i][0])) return latlngs[i];
+            return shape;
+        },
+
+        isInLatLngs: function (l, latlngs) {
+            var inside = false, l1, l2, j, k, len2;
+
+            for (j = 0, len2 = latlngs.length, k = len2 - 1; j < len2; k = j++) {
+                l1 = latlngs[j];
+                l2 = latlngs[k];
+
+                if (((l1.lat > l.lat) !== (l2.lat > l.lat)) &&
+                        (l.lng < (l2.lng - l1.lng) * (l.lat - l1.lat) / (l2.lat - l1.lat) + l1.lng)) {
+                    inside = !inside;
+                }
+            }
+
+            return inside;
+        },
+
+        parentShape: function (shape, latlngs) {
+            latlngs = latlngs || this._latlngs;
+            if (!latlngs) return;
+            var idx = L.Util.indexOf(latlngs, shape);
+            if (idx !== -1) return latlngs;
+            for (var i = 0; i < latlngs.length; i++) {
+                idx = L.Util.indexOf(latlngs[i], shape);
+                if (idx !== -1) return latlngs[i];
+            }
+        }
+
+    };
+
+
+    var MarkerMixin = {
+
+        getEditorClass: function (tools) {
+            return (tools && tools.options.markerEditorClass) ? tools.options.markerEditorClass : L.Editable.MarkerEditor;
+        }
+
+    };
+
+    var RectangleMixin = {
+
+        getEditorClass: function (tools) {
+            return (tools && tools.options.rectangleEditorClass) ? tools.options.rectangleEditorClass : L.Editable.RectangleEditor;
+        }
+
+    };
+
+    var CircleMixin = {
+
+        getEditorClass: function (tools) {
+            return (tools && tools.options.circleEditorClass) ? tools.options.circleEditorClass : L.Editable.CircleEditor;
+        }
+
+    };
+
+    var keepEditable = function () {
+        // Make sure you can remove/readd an editable layer.
+        this.on('add', this._onEditableAdd);
+    };
+
+    var isFlat = L.LineUtil.isFlat || L.LineUtil._flat || L.Polyline._flat;  // <=> 1.1 compat.
+
+
+    if (L.Polyline) {
+        L.Polyline.include(EditableMixin);
+        L.Polyline.include(PolylineMixin);
+        L.Polyline.addInitHook(keepEditable);
+    }
+    if (L.Polygon) {
+        L.Polygon.include(EditableMixin);
+        L.Polygon.include(PolygonMixin);
+    }
+    if (L.Marker) {
+        L.Marker.include(EditableMixin);
+        L.Marker.include(MarkerMixin);
+        L.Marker.addInitHook(keepEditable);
+    }
+    if (L.Rectangle) {
+        L.Rectangle.include(EditableMixin);
+        L.Rectangle.include(RectangleMixin);
+    }
+    if (L.Circle) {
+        L.Circle.include(EditableMixin);
+        L.Circle.include(CircleMixin);
+    }
+
+    L.LatLng.prototype.update = function (latlng) {
+        latlng = L.latLng(latlng);
+        this.lat = latlng.lat;
+        this.lng = latlng.lng;
+    }
+
+}, window));
diff --git a/static/Shapes/circle-shape.svg b/static/Shapes/circle-shape.svg
new file mode 100644
index 0000000..ba09fa7
--- /dev/null
+++ b/static/Shapes/circle-shape.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 101 101"><defs><style>.a,.c{fill:none;}.a{stroke:#fefefe;stroke-width:3px;}.b{stroke:none;}</style></defs><g class="a"><circle class="b" cx="50.5" cy="50.5" r="50.5"/><circle class="c" cx="50.5" cy="50.5" r="49"/></g></svg>
\ No newline at end of file
diff --git a/static/Shapes/circles-shape.svg b/static/Shapes/circles-shape.svg
new file mode 100644
index 0000000..ad17dfc
--- /dev/null
+++ b/static/Shapes/circles-shape.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2189 577"><defs><style>.a{fill:#fefefe;}</style></defs><path class="a" d="M148.227,420.607A238.386,238.386,0,0,1,24.5,455a238.557,238.557,0,0,1-154.35-56.364A239.41,239.41,0,0,1-336.5,517c-101.029,0-187.451-62.564-222.639-151.054A239.047,239.047,0,0,1-745.5,455C-877.772,455-985,347.773-985,215.5S-877.772-24-745.5-24c101.029,0,187.451,62.565,222.639,151.055A239.047,239.047,0,0,1-336.5,38,238.557,238.557,0,0,1-182.151,94.363a239.586,239.586,0,0,1,420.925,14.029,239.788,239.788,0,0,1,240.98-3.776A239.525,239.525,0,0,1,792.187,88.162,238.811,238.811,0,0,1,964.5,15C1096.772,15,1204,122.228,1204,254.5S1096.772,494,964.5,494a238.435,238.435,0,0,1-146.687-50.163,239.627,239.627,0,0,1-289.567,42.545,239.558,239.558,0,0,1-380.02-65.775Z" transform="translate(985 24)"/></svg>
\ No newline at end of file
diff --git a/static/Shapes/curve1-shape.svg b/static/Shapes/curve1-shape.svg
new file mode 100644
index 0000000..b05d2ee
--- /dev/null
+++ b/static/Shapes/curve1-shape.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1133.87 533.85"><defs><style>.a{fill:none;stroke:#fefefe;stroke-width:3px;}</style></defs><path class="a" d="M1621.891,512S1805.446,182.495,1953,311.012c93.253,81.223,135.847,264.114,208.665,280.168,41.939,9.247,130.289-87.844,205.335-172.213,203.928-229.261,344.719,172.213,344.719,172.213" transform="matrix(-0.978, -0.208, 0.208, -0.978, 2595.689, 1144.399)"/></svg>
\ No newline at end of file
diff --git a/static/Shapes/curve2-shape.svg b/static/Shapes/curve2-shape.svg
new file mode 100644
index 0000000..3296bdb
--- /dev/null
+++ b/static/Shapes/curve2-shape.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 715.631 852.838"><defs><style>.a{fill:none;stroke:#fefefe;stroke-width:3px;}</style></defs><path class="a" d="M1490.993,460.272s166.3-261.886,296.327-41.241S2051.656,408,2134.148,474.192s89.571,292.355,89.571,292.355" transform="translate(35.956 -1483.227) rotate(64)"/></svg>
\ No newline at end of file
diff --git a/static/Shapes/triangle-shape.svg b/static/Shapes/triangle-shape.svg
new file mode 100644
index 0000000..2f6e767
--- /dev/null
+++ b/static/Shapes/triangle-shape.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166.652 81.635"><defs><style>.a{fill:none;stroke:#fefefe;stroke-width:3px;}</style></defs><path class="a" d="M1297.178,683.713,1247,761.6l159-10.887Z" transform="translate(-1244.12 -681.665)"/></svg>
\ No newline at end of file
diff --git a/static/Shapes/water-shape.svg b/static/Shapes/water-shape.svg
new file mode 100644
index 0000000..2afabbc
--- /dev/null
+++ b/static/Shapes/water-shape.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 939.13 366.659"><defs><style>.a{fill:#8f20cf;}</style></defs><path class="a" d="M1921,24s-112.391,206.995-285.739,170.8-337.173,60.958-373.366,93.342S1153.313,413.868,1071.4,385.294s-89.532-43.813-89.532-43.813V24Z" transform="translate(-981.87 -24)"/></svg>
\ No newline at end of file
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..3a1fae1
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,92 @@
+
+
+@import url('https://fonts.googleapis.com/css?family=K2D:700|Nunito:400,700');
+
+body{
+	display: flex;
+    min-height: 100vh;
+    /*overflow-y: hidden;*/
+    flex-direction: column;
+	background-color: #EDEDED;
+}
+*{
+	font-family: sans-serif;
+}
+
+nav{
+	background-color: #EDEDED;
+	box-shadow: none;
+}
+nav.nav-wrapper{
+	background-color: white;
+}
+a.brand-logo,ul li a{
+	font-family: 'K2D',sans-serif;
+	color: #FEFEFE;
+	z-index: 100;
+}
+div#water-shape{
+	position: fixed;
+	width: 600px;
+}
+div#circle-shape{
+	position: fixed;
+	width: 100px;
+	margin-left: 700px;
+	margin-top: 100px;
+	text-align: center;
+}
+div#curve-shape{
+	position: fixed;
+	width: 600px;
+	margin-left: 800px;
+}
+div#curve-two-shape{
+	z-index: -1;
+	position: fixed;
+	width: 500px;
+	margin-top: 180px;
+	margin-left: -250px;
+}
+div#triangle-shape{
+	position: fixed;
+	width: 150px;
+	margin-left: 650px;
+	margin-top: 500px;
+}
+div#body{
+	margin-top: 100px;
+}
+h1.title{
+	font-family: 'Nunito',sans-serif;
+	font-weight: 700;
+}
+p.sub-title{
+	color: #686666;
+	font-family: 'Nunito',sans-serif;
+}
+a.bordered{
+	border-radius: 30px;
+	text-decoration: none;
+	color: white;
+	font-family: 'Nunito',sans-serif;
+}
+.center-btn{
+	text-align: center;
+}
+
+footer img{
+	margin-top: -120px
+}
+/*CSS for the map page*/
+
+a.brand-logo-map{
+font-family: 'K2D',sans-serif;
+font-size: 30px;
+	color: #FEFEFE;
+	z-index: 100;
+}
+div#mapid{
+	height: 420px;
+}
+
diff --git a/static/old/503 Service Unavailable.htm b/static/old/503 Service Unavailable.htm
new file mode 100755
index 0000000..37774ad
--- /dev/null
+++ b/static/old/503 Service Unavailable.htm	
@@ -0,0 +1,13 @@
+<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
+<html style=""><head>
+<meta http-equiv="content-type" content="text/html; charset=windows-1252">
+<title>503 Service Unavailable</title>
+</head><body style="background: rgb(23, 23, 23) none repeat scroll 0% 0% !important;">
+<h1>Service Unavailable</h1>
+<p>The server is temporarily unable to service your
+request due to maintenance downtime or capacity
+problems. Please try again later.</p>
+<hr>
+<address>Apache/2.4.25 (Debian) Server at nodejs.adriy.be Port 80</address>
+
+</body><link type="text/css" id="dma-temp-global-css" class="dmn-custom-append-data" rel="stylesheet" href="503%20Service%20Unavailable_fichiers/global-new.css"><link type="text/css" id="dma-universal-css" class="dmn-custom-append-data" rel="stylesheet" href="503%20Service%20Unavailable_fichiers/universal.css"></html>
\ No newline at end of file
diff --git a/static/old/503 Service Unavailable_fichiers/global-new.css b/static/old/503 Service Unavailable_fichiers/global-new.css
new file mode 100755
index 0000000..001c3ee
--- /dev/null
+++ b/static/old/503 Service Unavailable_fichiers/global-new.css	
@@ -0,0 +1,116 @@
+html, html * {
+color: rgb(183, 183, 183) !important;}
+*{border-color:#a4afaf !important;}
+
+input[type="button"]:hover, input[type="submit"]:not(.color):hover,
+input[type="reset"]:hover, button:hover, select:hover {
+  color: #e9e9e9 !important;
+  background-color: #303030 !important;
+}
+
+html > body[class] a,html > body[class] a[class] {
+  color: #6091c1 !important;
+}
+a, a[class] {
+  color: #6091c1 !important;
+}
+html > body svg[class] {
+    fill: rgb(183, 183, 183);
+}
+html > body svg {
+    fill: rgb(183, 183, 183);
+}
+li {
+  color: #004db3 !important;
+}
+
+tr {
+  color: #653d3d !important;
+}
+
+cite {
+  color: #268 !important;
+}
+
+input {
+  color: #257 !important;
+}
+
+em {
+  color: #DEF !important;
+}
+
+ul {
+  color: #650000 !important;
+}
+
+nobr {
+  color: #4a0505 !important;
+}
+
+
+strong {
+  color: #9CC !important;
+}
+
+
+b {
+  color: #7AF !important;
+}
+
+a:hover, a:hover *, a:visited:hover, a:visited:hover *, span[onclick]:hover, div[onclick]:hover,
+[role="link"]:hover, [role="link"]:hover *, [role="button"]:hover *, [role="menuitem"]:hover, [role="menuitem"]:hover *, .link:hover, .link:hover * {
+  color: #2a3bb1 !important;
+  background-color: #0000009c !important;
+}
+
+a:visited, a:visited * {
+  color: #607069 !important
+}
+
+a.highlight, a.highlight *, a.active, a.active *, .selected, .selected *, [href="#"] {
+  color: #DDD !important;
+  font-weight: bold !important
+}
+
+textarea, i, td {
+  color: #ACE !important;
+  /* text-shadow: -1px -1px #000, 1px -1px #000, -1px 1px #000, 1px 1px #000 !important; */
+}
+/* Removed selection color
+ ::-moz-selection {
+  color: #0FF !important;
+  background-color: #333 !important;
+}
+
+ ::selection {
+  color: #0FF !important;
+  background-color: #333 !important;
+}
+
+ ::-webkit-selection {
+  color: #0FF !important;
+  background-color: #333 !important;
+}
+*/
+
+abbr, progress, time, label, .date {
+  color: #CDEFC2 !important;
+}
+
+mark, code, pre, blockquote, [class*="quote"], td[style*="inset"][class="alt2"] {
+  background-color: #00090F !important;
+}
+
+ /* Removed because dropdown icons were having black background unnecessarily.
+nav, menu, html body [class*="open"], html body [id*="Dropdown"], html body [id*="dropdown"], html body [class*="Dropdown"],
+html body [class*="dropdown"], html body [id*="menu"]:not(SELECT), html body [class*="menu"]:NOT(SELECT), html body [class*="tooltip"],
+html body [class*="popup"], html body [id*="popup"], html body [class*="note"], html body [class*="detail"], html body [class*="description"] {
+  background-color: #232323 !important;
+}
+ */
+
+
+[onclick]:hover, [ondblclick]:hover, [onmousedown]:hover {
+  color: #FEFF97 !important
+}
diff --git a/static/old/503 Service Unavailable_fichiers/universal.css b/static/old/503 Service Unavailable_fichiers/universal.css
new file mode 100755
index 0000000..82b667f
--- /dev/null
+++ b/static/old/503 Service Unavailable_fichiers/universal.css	
@@ -0,0 +1,31 @@
+/*html {
+   background-color: #252525 !important;
+   background-image: none !important;
+}*/
+::-webkit-scrollbar {
+ width: 7px;
+ height: 7px;
+}
+::-webkit-scrollbar-button {
+ width: 0px;
+ height: 0px;
+}
+::-webkit-scrollbar-thumb {
+ background: #525252;
+ border: 0px none #ffffff;
+ border-radius: 50px;
+}
+::-webkit-scrollbar-thumb:hover {
+ background: #4c4c4c;
+}
+::-webkit-scrollbar-thumb:active {
+ background: #404040;
+}
+::-webkit-scrollbar-track {
+ background: #272727;
+ border: 0px dashed #ffffff;
+ border-radius: 22px;
+}
+::-webkit-scrollbar-corner {
+ background: transparent;
+}
diff --git a/static/old/font/summernote.eot b/static/old/font/summernote.eot
new file mode 100755
index 0000000..4b6f0f6
Binary files /dev/null and b/static/old/font/summernote.eot differ
diff --git a/static/old/font/summernote.ttf b/static/old/font/summernote.ttf
new file mode 100755
index 0000000..514099b
Binary files /dev/null and b/static/old/font/summernote.ttf differ
diff --git a/static/old/font/summernote.woff b/static/old/font/summernote.woff
new file mode 100755
index 0000000..63e4951
Binary files /dev/null and b/static/old/font/summernote.woff differ
diff --git a/static/old/lang/summernote-ar-AR.js b/static/old/lang/summernote-ar-AR.js
new file mode 100755
index 0000000..1b9c180
--- /dev/null
+++ b/static/old/lang/summernote-ar-AR.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'ar-AR': {
+      font: {
+        bold: 'عريض',
+        italic: 'مائل',
+        underline: 'تحته خط',
+        clear: 'مسح التنسيق',
+        height: 'إرتفاع السطر',
+        name: 'الخط',
+        strikethrough: 'فى وسطه خط',
+        subscript: 'مخطوطة',
+        superscript: 'حرف فوقي',
+        size: 'الحجم'
+      },
+      image: {
+        image: 'صورة',
+        insert: 'إضافة صورة',
+        resizeFull: 'الحجم بالكامل',
+        resizeHalf: 'تصغير للنصف',
+        resizeQuarter: 'تصغير للربع',
+        floatLeft: 'تطيير لليسار',
+        floatRight: 'تطيير لليمين',
+        floatNone: 'ثابته',
+        shapeRounded: 'الشكل: تقريب',
+        shapeCircle: 'الشكل: دائرة',
+        shapeThumbnail: 'الشكل: صورة مصغرة',
+        shapeNone: 'الشكل: لا شيء',
+        dragImageHere: 'إدرج الصورة هنا',
+        dropImage: 'إسقاط صورة أو نص',
+        selectFromFiles: 'حدد ملف',
+        maximumFileSize: 'الحد الأقصى لحجم الملف',
+        maximumFileSizeError: 'تم تجاوز الحد الأقصى لحجم الملف',
+        url: 'رابط الصورة',
+        remove: 'حذف الصورة',
+        original: 'Original'
+      },
+      video: {
+        video: 'فيديو',
+        videoLink: 'رابط الفيديو',
+        insert: 'إدراج الفيديو',
+        url: 'رابط الفيديو',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion ou Youku)'
+      },
+      link: {
+        link: 'رابط رابط',
+        insert: 'إدراج',
+        unlink: 'حذف الرابط',
+        edit: 'تعديل',
+        textToDisplay: 'النص',
+        url: 'مسار الرابط',
+        openInNewWindow: 'فتح في نافذة جديدة'
+      },
+      table: {
+        table: 'جدول',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'إدراج خط أفقي'
+      },
+      style: {
+        style: 'تنسيق',
+        p: 'عادي',
+        blockquote: 'إقتباس',
+        pre: 'شفيرة',
+        h1: 'عنوان رئيسي 1',
+        h2: 'عنوان رئيسي 2',
+        h3: 'عنوان رئيسي 3',
+        h4: 'عنوان رئيسي 4',
+        h5: 'عنوان رئيسي 5',
+        h6: 'عنوان رئيسي 6'
+      },
+      lists: {
+        unordered: 'قائمة مُنقطة',
+        ordered: 'قائمة مُرقمة'
+      },
+      options: {
+        help: 'مساعدة',
+        fullscreen: 'حجم الشاشة بالكامل',
+        codeview: 'شفيرة المصدر'
+      },
+      paragraph: {
+        paragraph: 'فقرة',
+        outdent: 'محاذاة للخارج',
+        indent: 'محاذاة للداخل',
+        left: 'محاذاة لليسار',
+        center: 'توسيط',
+        right: 'محاذاة لليمين',
+        justify: 'ملئ السطر'
+      },
+      color: {
+        recent: 'تم إستخدامه',
+        more: 'المزيد',
+        background: 'لون الخلفية',
+        foreground: 'لون النص',
+        transparent: 'شفاف',
+        setTransparent: 'بدون خلفية',
+        reset: 'إعادة الضبط',
+        resetToDefault: 'إعادة الضبط'
+      },
+      shortcut: {
+        shortcuts: 'إختصارات',
+        close: 'غلق',
+        textFormatting: 'تنسيق النص',
+        action: 'Action',
+        paragraphFormatting: 'تنسيق الفقرة',
+        documentStyle: 'تنسيق المستند',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'تراجع',
+        redo: 'إعادة'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-bg-BG.js b/static/old/lang/summernote-bg-BG.js
new file mode 100755
index 0000000..ee999d0
--- /dev/null
+++ b/static/old/lang/summernote-bg-BG.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'bg-BG': {
+      font: {
+        bold: 'Удебелен',
+        italic: 'Наклонен',
+        underline: 'Подчертан',
+        clear: 'Изчисти стиловете',
+        height: 'Височина',
+        name: 'Шрифт',
+        strikethrough: 'Задраскано',
+        subscript: 'Долен индекс',
+        superscript: 'Горен индекс',
+        size: 'Размер на шрифта'
+      },
+      image: {
+        image: 'Изображение',
+        insert: 'Постави картинка',
+        resizeFull: 'Цял размер',
+        resizeHalf: 'Размер на 50%',
+        resizeQuarter: 'Размер на 25%',
+        floatLeft: 'Подравни в ляво',
+        floatRight: 'Подравни в дясно',
+        floatNone: 'Без подравняване',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Пуснете изображението тук',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Изберете файл',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URL адрес на изображение',
+        remove: 'Премахни изображение',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Video Link',
+        insert: 'Insert Video',
+        url: 'Video URL?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)'
+      },
+      link: {
+        link: 'Връзка',
+        insert: 'Добави връзка',
+        unlink: 'Премахни връзка',
+        edit: 'Промени',
+        textToDisplay: 'Текст за показване',
+        url: 'URL адрес',
+        openInNewWindow: 'Отвори в нов прозорец'
+      },
+      table: {
+        table: 'Таблица',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Добави хоризонтална линия'
+      },
+      style: {
+        style: 'Стил',
+        p: 'Нормален',
+        blockquote: 'Цитат',
+        pre: 'Код',
+        h1: 'Заглавие 1',
+        h2: 'Заглавие 2',
+        h3: 'Заглавие 3',
+        h4: 'Заглавие 4',
+        h5: 'Заглавие 5',
+        h6: 'Заглавие 6'
+      },
+      lists: {
+        unordered: 'Символен списък',
+        ordered: 'Цифров списък'
+      },
+      options: {
+        help: 'Помощ',
+        fullscreen: 'На цял екран',
+        codeview: 'Преглед на код'
+      },
+      paragraph: {
+        paragraph: 'Параграф',
+        outdent: 'Намаляване на отстъпа',
+        indent: 'Абзац',
+        left: 'Подравняване в ляво',
+        center: 'Център',
+        right: 'Подравняване в дясно',
+        justify: 'Разтягане по ширина'
+      },
+      color: {
+        recent: 'Последния избран цвят',
+        more: 'Още цветове',
+        background: 'Цвят на фона',
+        foreground: 'Цвят на шрифта',
+        transparent: 'Прозрачен',
+        setTransparent: 'Направете прозрачен',
+        reset: 'Възстанови',
+        resetToDefault: 'Възстанови оригиналните'
+      },
+      shortcut: {
+        shortcuts: 'Клавишни комбинации',
+        close: 'Затвори',
+        textFormatting: 'Форматиране на текста',
+        action: 'Действие',
+        paragraphFormatting: 'Форматиране на параграф',
+        documentStyle: 'Стил на документа',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Назад',
+        redo: 'Напред'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-ca-ES.js b/static/old/lang/summernote-ca-ES.js
new file mode 100755
index 0000000..f866e01
--- /dev/null
+++ b/static/old/lang/summernote-ca-ES.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'ca-ES': {
+      font: {
+        bold: 'Negreta',
+        italic: 'Cursiva',
+        underline: 'Subratllat',
+        clear: 'Treure estil de lletra',
+        height: 'Alçada de línia',
+        name: 'Font',
+        strikethrough: 'Ratllat',
+        subscript: 'Subíndex',
+        superscript: 'Superíndex',
+        size: 'Mida de lletra'
+      },
+      image: {
+        image: 'Imatge',
+        insert: 'Inserir imatge',
+        resizeFull: 'Redimensionar a mida completa',
+        resizeHalf: 'Redimensionar a la meitat',
+        resizeQuarter: 'Redimensionar a un quart',
+        floatLeft: 'Alinear a l\'esquerra',
+        floatRight: 'Alinear a la dreta',
+        floatNone: 'No alinear',
+        shapeRounded: 'Forma: Arrodonit',
+        shapeCircle: 'Forma: Cercle',
+        shapeThumbnail: 'Forma: Marc',
+        shapeNone: 'Forma: Cap',
+        dragImageHere: 'Arrossegueu una imatge o text aquí',
+        dropImage: 'Deixa anar aquí una imatge o un text',
+        selectFromFiles: 'Seleccioneu des dels arxius',
+        maximumFileSize: 'Mida màxima de l\'arxiu',
+        maximumFileSizeError: 'La mida màxima de l\'arxiu s\'ha superat.',
+        url: 'URL de la imatge',
+        remove: 'Eliminar imatge',
+        original: 'Original'
+      },
+      video: {
+        video: 'Vídeo',
+        videoLink: 'Enllaç del vídeo',
+        insert: 'Inserir vídeo',
+        url: 'URL del vídeo?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion o Youku)'
+      },
+      link: {
+        link: 'Enllaç',
+        insert: 'Inserir enllaç',
+        unlink: 'Treure enllaç',
+        edit: 'Editar',
+        textToDisplay: 'Text per mostrar',
+        url: 'Cap a quina URL porta l\'enllaç?',
+        openInNewWindow: 'Obrir en una finestra nova'
+      },
+      table: {
+        table: 'Taula',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Inserir línia horitzontal'
+      },
+      style: {
+        style: 'Estil',
+        p: 'p',
+        blockquote: 'Cita',
+        pre: 'Codi',
+        h1: 'Títol 1',
+        h2: 'Títol 2',
+        h3: 'Títol 3',
+        h4: 'Títol 4',
+        h5: 'Títol 5',
+        h6: 'Títol 6'
+      },
+      lists: {
+        unordered: 'Llista desendreçada',
+        ordered: 'Llista endreçada'
+      },
+      options: {
+        help: 'Ajut',
+        fullscreen: 'Pantalla sencera',
+        codeview: 'Veure codi font'
+      },
+      paragraph: {
+        paragraph: 'Paràgraf',
+        outdent: 'Menys tabulació',
+        indent: 'Més tabulació',
+        left: 'Alinear a l\'esquerra',
+        center: 'Alinear al mig',
+        right: 'Alinear a la dreta',
+        justify: 'Justificar'
+      },
+      color: {
+        recent: 'Últim color',
+        more: 'Més colors',
+        background: 'Color de fons',
+        foreground: 'Color de lletra',
+        transparent: 'Transparent',
+        setTransparent: 'Establir transparent',
+        reset: 'Restablir',
+        resetToDefault: 'Restablir per defecte'
+      },
+      shortcut: {
+        shortcuts: 'Dreceres de teclat',
+        close: 'Tancar',
+        textFormatting: 'Format de text',
+        action: 'Acció',
+        paragraphFormatting: 'Format de paràgraf',
+        documentStyle: 'Estil del document',
+        extraKeys: 'Tecles adicionals'
+      },
+      help: {
+        'insertParagraph': 'Inserir paràgraf',
+        'undo': 'Desfer l\'última acció',
+        'redo': 'Refer l\'última acció',
+        'tab': 'Tabular',
+        'untab': 'Eliminar tabulació',
+        'bold': 'Establir estil negreta',
+        'italic': 'Establir estil cursiva',
+        'underline': 'Establir estil subratllat',
+        'strikethrough': 'Establir estil ratllat',
+        'removeFormat': 'Netejar estil',
+        'justifyLeft': 'Alinear a l\'esquerra',
+        'justifyCenter': 'Alinear al centre',
+        'justifyRight': 'Alinear a la dreta',
+        'justifyFull': 'Justificar',
+        'insertUnorderedList': 'Inserir llista desendreçada',
+        'insertOrderedList': 'Inserir llista endreçada',
+        'outdent': 'Reduïr tabulació del paràgraf',
+        'indent': 'Augmentar tabulació del paràgraf',
+        'formatPara': 'Canviar l\'estil del bloc com a un paràgraf (etiqueta P)',
+        'formatH1': 'Canviar l\'estil del bloc com a un H1',
+        'formatH2': 'Canviar l\'estil del bloc com a un H2',
+        'formatH3': 'Canviar l\'estil del bloc com a un H3',
+        'formatH4': 'Canviar l\'estil del bloc com a un H4',
+        'formatH5': 'Canviar l\'estil del bloc com a un H5',
+        'formatH6': 'Canviar l\'estil del bloc com a un H6',
+        'insertHorizontalRule': 'Inserir una línia horitzontal',
+        'linkDialog.show': 'Mostrar panel d\'enllaços'
+      },
+      history: {
+        undo: 'Desfer',
+        redo: 'Refer'
+      },
+      specialChar: {
+        specialChar: 'CARÀCTERS ESPECIALS',
+        select: 'Selecciona caràcters especials'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-cs-CZ.js b/static/old/lang/summernote-cs-CZ.js
new file mode 100755
index 0000000..89e3a44
--- /dev/null
+++ b/static/old/lang/summernote-cs-CZ.js
@@ -0,0 +1,149 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'cs-CZ': {
+      font: {
+        bold: 'Tučné',
+        italic: 'Kurzíva',
+        underline: 'Podtržené',
+        clear: 'Odstranit styl písma',
+        height: 'Výška řádku',
+        strikethrough: 'Přeškrtnuté',
+        size: 'Velikost písma'
+      },
+      image: {
+        image: 'Obrázek',
+        insert: 'Vložit obrázek',
+        resizeFull: 'Původní velikost',
+        resizeHalf: 'Poloviční velikost',
+        resizeQuarter: 'Čtvrteční velikost',
+        floatLeft: 'Umístit doleva',
+        floatRight: 'Umístit doprava',
+        floatNone: 'Neobtékat textem',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Přetáhnout sem obrázek',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Vybrat soubor',
+        url: 'URL obrázku',
+        remove: 'Remove Image',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Odkaz videa',
+        insert: 'Vložit video',
+        url: 'URL videa?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion nebo Youku)'
+      },
+      link: {
+        link: 'Odkaz',
+        insert: 'Vytvořit odkaz',
+        unlink: 'Zrušit odkaz',
+        edit: 'Upravit',
+        textToDisplay: 'Zobrazovaný text',
+        url: 'Na jaké URL má tento odkaz vést?',
+        openInNewWindow: 'Otevřít v novém okně'
+      },
+      table: {
+        table: 'Tabulka',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Vložit vodorovnou čáru'
+      },
+      style: {
+        style: 'Styl',
+        p: 'Normální',
+        blockquote: 'Citace',
+        pre: 'Kód',
+        h1: 'Nadpis 1',
+        h2: 'Nadpis 2',
+        h3: 'Nadpis 3',
+        h4: 'Nadpis 4',
+        h5: 'Nadpis 5',
+        h6: 'Nadpis 6'
+      },
+      lists: {
+        unordered: 'Odrážkový seznam',
+        ordered: 'Číselný seznam'
+      },
+      options: {
+        help: 'Nápověda',
+        fullscreen: 'Celá obrazovka',
+        codeview: 'HTML kód'
+      },
+      paragraph: {
+        paragraph: 'Odstavec',
+        outdent: 'Zvětšit odsazení',
+        indent: 'Zmenšit odsazení',
+        left: 'Zarovnat doleva',
+        center: 'Zarovnat na střed',
+        right: 'Zarovnat doprava',
+        justify: 'Zarovnat oboustranně'
+      },
+      color: {
+        recent: 'Aktuální barva',
+        more: 'Další barvy',
+        background: 'Barva pozadí',
+        foreground: 'Barva písma',
+        transparent: 'Průhlednost',
+        setTransparent: 'Nastavit průhlednost',
+        reset: 'Obnovit',
+        resetToDefault: 'Obnovit výchozí'
+      },
+      shortcut: {
+        shortcuts: 'Klávesové zkratky',
+        close: 'Zavřít',
+        textFormatting: 'Formátování textu',
+        action: 'Akce',
+        paragraphFormatting: 'Formátování odstavce',
+        documentStyle: 'Styl dokumentu'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Krok vzad',
+        redo: 'Krok vpřed'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-da-DK.js b/static/old/lang/summernote-da-DK.js
new file mode 100755
index 0000000..15a6461
--- /dev/null
+++ b/static/old/lang/summernote-da-DK.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'da-DK': {
+      font: {
+        bold: 'Fed',
+        italic: 'Kursiv',
+        underline: 'Understreget',
+        clear: 'Fjern formatering',
+        height: 'Højde',
+        name: 'Skrifttype',
+        strikethrough: 'Gennemstreget',
+        subscript: 'Sænket skrift',
+        superscript: 'Hævet skrift',
+        size: 'Skriftstørrelse'
+      },
+      image: {
+        image: 'Billede',
+        insert: 'Indsæt billede',
+        resizeFull: 'Original størrelse',
+        resizeHalf: 'Halv størrelse',
+        resizeQuarter: 'Kvart størrelse',
+        floatLeft: 'Venstrestillet',
+        floatRight: 'Højrestillet',
+        floatNone: 'Fjern formatering',
+        shapeRounded: 'Form: Runde kanter',
+        shapeCircle: 'Form: Cirkel',
+        shapeThumbnail: 'Form: Miniature',
+        shapeNone: 'Form: Ingen',
+        dragImageHere: 'Træk billede hertil',
+        dropImage: 'Slip billede',
+        selectFromFiles: 'Vælg billed-fil',
+        maximumFileSize: 'Maks fil størrelse',
+        maximumFileSizeError: 'Filen er større end maks tilladte fil størrelse!',
+        url: 'Billede URL',
+        remove: 'Fjern billede',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Video Link',
+        insert: 'Indsæt Video',
+        url: 'Video URL?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion eller Youku)'
+      },
+      link: {
+        link: 'Link',
+        insert: 'Indsæt link',
+        unlink: 'Fjern link',
+        edit: 'Rediger',
+        textToDisplay: 'Visningstekst',
+        url: 'Hvor skal linket pege hen?',
+        openInNewWindow: 'Åbn i nyt vindue'
+      },
+      table: {
+        table: 'Tabel',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Indsæt horisontal linje'
+      },
+      style: {
+        style: 'Stil',
+        p: 'p',
+        blockquote: 'Citat',
+        pre: 'Kode',
+        h1: 'Overskrift 1',
+        h2: 'Overskrift 2',
+        h3: 'Overskrift 3',
+        h4: 'Overskrift 4',
+        h5: 'Overskrift 5',
+        h6: 'Overskrift 6'
+      },
+      lists: {
+        unordered: 'Punktopstillet liste',
+        ordered: 'Nummereret liste'
+      },
+      options: {
+        help: 'Hjælp',
+        fullscreen: 'Fuld skærm',
+        codeview: 'HTML-Visning'
+      },
+      paragraph: {
+        paragraph: 'Afsnit',
+        outdent: 'Formindsk indryk',
+        indent: 'Forøg indryk',
+        left: 'Venstrestillet',
+        center: 'Centreret',
+        right: 'Højrestillet',
+        justify: 'Blokjuster'
+      },
+      color: {
+        recent: 'Nyligt valgt farve',
+        more: 'Flere farver',
+        background: 'Baggrund',
+        foreground: 'Forgrund',
+        transparent: 'Transparent',
+        setTransparent: 'Sæt transparent',
+        reset: 'Nulstil',
+        resetToDefault: 'Gendan standardindstillinger'
+      },
+      shortcut: {
+        shortcuts: 'Genveje',
+        close: 'Luk',
+        textFormatting: 'Tekstformatering',
+        action: 'Handling',
+        paragraphFormatting: 'Afsnitsformatering',
+        documentStyle: 'Dokumentstil',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Fortryd',
+        redo: 'Annuller fortryd'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-de-DE.js b/static/old/lang/summernote-de-DE.js
new file mode 100755
index 0000000..e022a3c
--- /dev/null
+++ b/static/old/lang/summernote-de-DE.js
@@ -0,0 +1,154 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'de-DE': {
+      font: {
+        bold: 'Fett',
+        italic: 'Kursiv',
+        underline: 'Unterstreichen',
+        clear: 'Zurücksetzen',
+        height: 'Zeilenhöhe',
+        name: 'Font Family',
+        strikethrough: 'Durchgestrichen',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Schriftgröße'
+      },
+      image: {
+        image: 'Grafik',
+        insert: 'Grafik einfügen',
+        resizeFull: 'Originalgröße',
+        resizeHalf: 'Größe 1/2',
+        resizeQuarter: 'Größe 1/4',
+        floatLeft: 'Linksbündig',
+        floatRight: 'Rechtsbündig',
+        floatNone: 'Kein Textfluss',
+        shapeRounded: 'Rahmen: Abgerundet',
+        shapeCircle: 'Rahmen: Kreisförmig',
+        shapeThumbnail: 'Rahmen: Thumbnail',
+        shapeNone: 'Kein Rahmen',
+        dragImageHere: 'Ziehen Sie ein Bild mit der Maus hierher',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Wählen Sie eine Datei aus',
+        maximumFileSize: 'Maximale Dateigröße',
+        maximumFileSizeError: 'Maximale Dateigröße überschritten',
+        url: 'Grafik URL',
+        remove: 'Grafik entfernen',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Video Link',
+        insert: 'Video einfügen',
+        url: 'Video URL?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion oder Youku)'
+      },
+      link: {
+        link: 'Link',
+        insert: 'Link einfügen',
+        unlink: 'Link entfernen',
+        edit: 'Editieren',
+        textToDisplay: 'Anzeigetext',
+        url: 'Ziel des Links?',
+        openInNewWindow: 'In einem neuen Fenster öffnen'
+      },
+      table: {
+        table: 'Tabelle',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Eine horizontale Linie einfügen'
+      },
+      style: {
+        style: 'Stil',
+        p: 'Normal',
+        blockquote: 'Zitat',
+        pre: 'Quellcode',
+        h1: 'Überschrift 1',
+        h2: 'Überschrift 2',
+        h3: 'Überschrift 3',
+        h4: 'Überschrift 4',
+        h5: 'Überschrift 5',
+        h6: 'Überschrift 6'
+      },
+      lists: {
+        unordered: 'Aufzählung',
+        ordered: 'Nummerierung'
+      },
+      options: {
+        help: 'Hilfe',
+        fullscreen: 'Vollbild',
+        codeview: 'HTML-Code anzeigen'
+      },
+      paragraph: {
+        paragraph: 'Absatz',
+        outdent: 'Einzug vergrößern',
+        indent: 'Einzug verkleinern',
+        left: 'Links ausrichten',
+        center: 'Zentriert ausrichten',
+        right: 'Rechts ausrichten',
+        justify: 'Blocksatz'
+      },
+      color: {
+        recent: 'Letzte Farbe',
+        more: 'Mehr Farben',
+        background: 'Hintergrundfarbe',
+        foreground: 'Schriftfarbe',
+        transparent: 'Transparenz',
+        setTransparent: 'Transparenz setzen',
+        reset: 'Zurücksetzen',
+        resetToDefault: 'Auf Standard zurücksetzen'
+      },
+      shortcut: {
+        shortcuts: 'Tastenkürzel',
+        close: 'Schließen',
+        textFormatting: 'Textformatierung',
+        action: 'Aktion',
+        paragraphFormatting: 'Absatzformatierung',
+        documentStyle: 'Dokumentenstil'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Rückgängig',
+        redo: 'Wiederholen'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-el-GR.js b/static/old/lang/summernote-el-GR.js
new file mode 100755
index 0000000..f79a3de
--- /dev/null
+++ b/static/old/lang/summernote-el-GR.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'el-GR': {
+      font: {
+        bold: 'Έντονα',
+        italic: 'Πλάγια',
+        underline: 'Υπογραμμισμένα',
+        clear: 'Καθαρισμός',
+        height: 'Ύψος',
+        name: 'Γραμματοσειρά',
+        strikethrough: 'Διεγραμμένα',
+        subscript: 'Δείκτης',
+        superscript: 'Εκθέτης',
+        size: 'Μέγεθος'
+      },
+      image: {
+        image: 'εικόνα',
+        insert: 'Εισαγωγή',
+        resizeFull: 'Πλήρες μέγεθος',
+        resizeHalf: 'Μισό μέγεθος',
+        resizeQuarter: '1/4 μέγεθος',
+        floatLeft: 'Μετατόπιση αριστερά',
+        floatRight: 'Μετατόπιση δεξιά',
+        floatNone: 'Χωρίς μετατόπιση',
+        shapeRounded: 'Σχήμα: Στρογγυλεμένο',
+        shapeCircle: 'Σχήμα: Κύκλος',
+        shapeThumbnail: 'Σχήμα: Thumbnail',
+        shapeNone: 'Σχήμα: Κανένα',
+        dragImageHere: 'Σύρτε την εικόνα εδώ',
+        dropImage: 'Αφήστε την εικόνα',
+        selectFromFiles: 'Επιλογή από αρχεία',
+        maximumFileSize: 'Μέγιστο μέγεθος αρχείου',
+        maximumFileSizeError: 'Το μέγεθος είναι μεγαλύτερο από το μέγιστο επιτρεπτό.',
+        url: 'URL',
+        remove: 'Αφαίρεση',
+        original: 'Original'
+      },
+      link: {
+        link: 'Σύνδεσμος',
+        insert: 'Εισαγωγή συνδέσμου',
+        unlink: 'Αφαίρεση συνδέσμου',
+        edit: 'Επεξεργασία συνδέσμου',
+        textToDisplay: 'Κείμενο συνδέσμου',
+        url: 'URL',
+        openInNewWindow: 'Άνοιγμα σε νέο παράθυρο'
+      },
+      video: {
+        video: 'Βίντεο',
+        videoLink: 'Σύνδεσμος Βίντεο',
+        insert: 'Εισαγωγή',
+        url: 'URL',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)'
+      },
+      table: {
+        table: 'Πίνακας',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Εισαγωγή οριζόντιας γραμμής'
+      },
+      style: {
+        style: 'Στυλ',
+        normal: 'Κανονικό',
+        blockquote: 'Παράθεση',
+        pre: 'Ως έχει',
+        h1: 'Κεφαλίδα 1',
+        h2: 'συνδέσμου 2',
+        h3: 'συνδέσμου 3',
+        h4: 'συνδέσμου 4',
+        h5: 'συνδέσμου 5',
+        h6: 'συνδέσμου 6'
+      },
+      lists: {
+        unordered: 'Αταξινόμητη λίστα',
+        ordered: 'Ταξινομημένη λίστα'
+      },
+      options: {
+        help: 'Βοήθεια',
+        fullscreen: 'Πλήρης οθόνη',
+        codeview: 'Προβολή HTML'
+      },
+      paragraph: {
+        paragraph: 'Παράγραφος',
+        outdent: 'Μείωση εσοχής',
+        indent: 'Άυξηση εσοχής',
+        left: 'Αριστερή στοίχιση',
+        center: 'Στοίχιση στο κέντρο',
+        right: 'Δεξιά στοίχιση',
+        justify: 'Πλήρης στοίχιση'
+      },
+      color: {
+        recent: 'Πρόσφατη επιλογή',
+        more: 'Περισσότερα',
+        background: 'Υπόβαθρο',
+        foreground: 'Μπροστά',
+        transparent: 'Διαφανές',
+        setTransparent: 'Επιλογή διαφάνειας',
+        reset: 'Επαναφορά',
+        resetToDefault: 'Επαναφορά στις προκαθορισμένες τιμές'
+      },
+      shortcut: {
+        shortcuts: 'Συντομεύσεις',
+        close: 'Κλείσιμο',
+        textFormatting: 'Διαμόρφωση κειμένου',
+        action: 'Ενέργεια',
+        paragraphFormatting: 'Διαμόρφωση παραγράφου',
+        documentStyle: 'Στυλ κειμένου',
+        extraKeys: 'Επιπλέον συντομεύσεις'
+      },
+      help: {
+        'insertParagraph': 'Εισαγωγή παραγράφου',
+        'undo': 'Αναιρεί την προηγούμενη εντολή',
+        'redo': 'Επαναλαμβάνει την προηγούμενη εντολή',
+        'tab': 'Εσοχή',
+        'untab': 'Αναίρεση εσοχής',
+        'bold': 'Ορισμός έντονου στυλ',
+        'italic': 'Ορισμός πλάγιου στυλ',
+        'underline': 'Ορισμός υπογεγραμμένου στυλ',
+        'strikethrough': 'Ορισμός διεγραμμένου στυλ',
+        'removeFormat': 'Αφαίρεση στυλ',
+        'justifyLeft': 'Ορισμός αριστερής στοίχισης',
+        'justifyCenter': 'Ορισμός κεντρικής στοίχισης',
+        'justifyRight': 'Ορισμός δεξιάς στοίχισης',
+        'justifyFull': 'Ορισμός πλήρους στοίχισης',
+        'insertUnorderedList': 'Ορισμός μη-ταξινομημένης λίστας',
+        'insertOrderedList': 'Ορισμός ταξινομημένης λίστας',
+        'outdent': 'Προεξοχή παραγράφου',
+        'indent': 'Εσοχή παραγράφου',
+        'formatPara': 'Αλλαγή της μορφής του τρέχοντος μπλοκ σε παράγραφο (P tag)',
+        'formatH1': 'Αλλαγή της μορφής του τρέχοντος μπλοκ σε H1',
+        'formatH2': 'Αλλαγή της μορφής του τρέχοντος μπλοκ σε H2',
+        'formatH3': 'Αλλαγή της μορφής του τρέχοντος μπλοκ σε H3',
+        'formatH4': 'Αλλαγή της μορφής του τρέχοντος μπλοκ σε H4',
+        'formatH5': 'Αλλαγή της μορφής του τρέχοντος μπλοκ σε H5',
+        'formatH6': 'Αλλαγή της μορφής του τρέχοντος μπλοκ σε H6',
+        'insertHorizontalRule': 'Εισαγωγή οριζόντιας γραμμής',
+        'linkDialog.show': 'Εμφάνιση διαλόγου συνδέσμου'
+      },
+      history: {
+        undo: 'Αναίρεση',
+        redo: 'Επαναληψη'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Επιλέξτε ειδικούς χαρακτήρες'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-es-ES.js b/static/old/lang/summernote-es-ES.js
new file mode 100755
index 0000000..cad1ab8
--- /dev/null
+++ b/static/old/lang/summernote-es-ES.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'es-ES': {
+      font: {
+        bold: 'Negrita',
+        italic: 'Cursiva',
+        underline: 'Subrayado',
+        clear: 'Quitar estilo de fuente',
+        height: 'Altura de línea',
+        name: 'Fuente',
+        strikethrough: 'Tachado',
+        superscript: 'Superíndice',
+        subscript: 'Subíndice',
+        size: 'Tamaño de la fuente'
+      },
+      image: {
+        image: 'Imagen',
+        insert: 'Insertar imagen',
+        resizeFull: 'Redimensionar a tamaño completo',
+        resizeHalf: 'Redimensionar a la mitad',
+        resizeQuarter: 'Redimensionar a un cuarto',
+        floatLeft: 'Flotar a la izquierda',
+        floatRight: 'Flotar a la derecha',
+        floatNone: 'No flotar',
+        shapeRounded: 'Forma: Redondeado',
+        shapeCircle: 'Forma: Círculo',
+        shapeThumbnail: 'Forma: Marco',
+        shapeNone: 'Forma: Ninguna',
+        dragImageHere: 'Arrastrar una imagen o texto aquí',
+        dropImage: 'Suelta la imagen o texto',
+        selectFromFiles: 'Seleccionar desde los archivos',
+        maximumFileSize: 'Tamaño máximo del archivo',
+        maximumFileSizeError: 'Has superado el tamaño máximo del archivo.',
+        url: 'URL de la imagen',
+        remove: 'Eliminar imagen',
+        original: 'Original'
+      },
+      video: {
+        video: 'Vídeo',
+        videoLink: 'Link del vídeo',
+        insert: 'Insertar vídeo',
+        url: '¿URL del vídeo?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion o Youku)'
+      },
+      link: {
+        link: 'Link',
+        insert: 'Insertar link',
+        unlink: 'Quitar link',
+        edit: 'Editar',
+        textToDisplay: 'Texto para mostrar',
+        url: '¿Hacia que URL lleva el link?',
+        openInNewWindow: 'Abrir en una nueva ventana'
+      },
+      table: {
+        table: 'Tabla',
+        addRowAbove: 'Añadir fila encima',
+        addRowBelow: 'Añadir fila debajo',
+        addColLeft: 'Añadir columna izquierda',
+        addColRight: 'Añadir columna derecha',
+        delRow: 'Borrar fila',
+        delCol: 'Eliminar columna',
+        delTable: 'Eliminar tabla'
+      },
+      hr: {
+        insert: 'Insertar línea horizontal'
+      },
+      style: {
+        style: 'Estilo',
+        p: 'p',
+        blockquote: 'Cita',
+        pre: 'Código',
+        h1: 'Título 1',
+        h2: 'Título 2',
+        h3: 'Título 3',
+        h4: 'Título 4',
+        h5: 'Título 5',
+        h6: 'Título 6'
+      },
+      lists: {
+        unordered: 'Lista desordenada',
+        ordered: 'Lista ordenada'
+      },
+      options: {
+        help: 'Ayuda',
+        fullscreen: 'Pantalla completa',
+        codeview: 'Ver código fuente'
+      },
+      paragraph: {
+        paragraph: 'Párrafo',
+        outdent: 'Menos tabulación',
+        indent: 'Más tabulación',
+        left: 'Alinear a la izquierda',
+        center: 'Alinear al centro',
+        right: 'Alinear a la derecha',
+        justify: 'Justificar'
+      },
+      color: {
+        recent: 'Último color',
+        more: 'Más colores',
+        background: 'Color de fondo',
+        foreground: 'Color de fuente',
+        transparent: 'Transparente',
+        setTransparent: 'Establecer transparente',
+        reset: 'Restaurar',
+        resetToDefault: 'Restaurar por defecto'
+      },
+      shortcut: {
+        shortcuts: 'Atajos de teclado',
+        close: 'Cerrar',
+        textFormatting: 'Formato de texto',
+        action: 'Acción',
+        paragraphFormatting: 'Formato de párrafo',
+        documentStyle: 'Estilo de documento',
+        extraKeys: 'Teclas adicionales'
+      },
+      help: {
+        'insertParagraph': 'Insertar párrafo',
+        'undo': 'Deshacer última acción',
+        'redo': 'Rehacer última acción',
+        'tab': 'Tabular',
+        'untab': 'Eliminar tabulación',
+        'bold': 'Establecer estilo negrita',
+        'italic': 'Establecer estilo cursiva',
+        'underline': 'Establecer estilo subrayado',
+        'strikethrough': 'Establecer estilo tachado',
+        'removeFormat': 'Limpiar estilo',
+        'justifyLeft': 'Alinear a la izquierda',
+        'justifyCenter': 'Alinear al centro',
+        'justifyRight': 'Alinear a la derecha',
+        'justifyFull': 'Justificar',
+        'insertUnorderedList': 'Insertar lista desordenada',
+        'insertOrderedList': 'Insertar lista ordenada',
+        'outdent': 'Reducir tabulación del párrafo',
+        'indent': 'Aumentar tabulación del párrafo',
+        'formatPara': 'Cambiar estilo del bloque a párrafo (etiqueta P)',
+        'formatH1': 'Cambiar estilo del bloque a H1',
+        'formatH2': 'Cambiar estilo del bloque a H2',
+        'formatH3': 'Cambiar estilo del bloque a H3',
+        'formatH4': 'Cambiar estilo del bloque a H4',
+        'formatH5': 'Cambiar estilo del bloque a H5',
+        'formatH6': 'Cambiar estilo del bloque a H6',
+        'insertHorizontalRule': 'Insertar línea horizontal',
+        'linkDialog.show': 'Mostrar panel enlaces'
+      },
+      history: {
+        undo: 'Deshacer',
+        redo: 'Rehacer'
+      },
+      specialChar: {
+        specialChar: 'CARACTERES ESPECIALES',
+        select: 'Selecciona Caracteres especiales'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-es-EU.js b/static/old/lang/summernote-es-EU.js
new file mode 100755
index 0000000..2412cd6
--- /dev/null
+++ b/static/old/lang/summernote-es-EU.js
@@ -0,0 +1,154 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'es-EU': {
+      font: {
+        bold: 'Lodia',
+        italic: 'Etzana',
+        underline: 'Azpimarratua',
+        clear: 'Estiloa kendu',
+        height: 'Lerro altuera',
+        name: 'Tipografia',
+        strikethrough: 'Marratua',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Letren neurria'
+      },
+      image: {
+        image: 'Irudia',
+        insert: 'Irudi bat txertatu',
+        resizeFull: 'Jatorrizko neurrira aldatu',
+        resizeHalf: 'Neurria erdira aldatu',
+        resizeQuarter: 'Neurria laurdenera aldatu',
+        floatLeft: 'Ezkerrean kokatu',
+        floatRight: 'Eskuinean kokatu',
+        floatNone: 'Kokapenik ez ezarri',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Irudi bat ezarri hemen',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Zure fitxategi bat aukeratu',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'Irudiaren URL helbidea',
+        remove: 'Remove Image',
+        original: 'Original'
+      },
+      video: {
+        video: 'Bideoa',
+        videoLink: 'Bideorako esteka',
+        insert: 'Bideo berri bat txertatu',
+        url: 'Bideoaren URL helbidea',
+        providers: '(YouTube, Vimeo, Vine, Instagram edo DailyMotion)'
+      },
+      link: {
+        link: 'Esteka',
+        insert: 'Esteka bat txertatu',
+        unlink: 'Esteka ezabatu',
+        edit: 'Editatu',
+        textToDisplay: 'Estekaren testua',
+        url: 'Estekaren URL helbidea',
+        openInNewWindow: 'Leiho berri batean ireki'
+      },
+      table: {
+        table: 'Taula',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Marra horizontala txertatu'
+      },
+      style: {
+        style: 'Estiloa',
+        p: 'p',
+        blockquote: 'Aipamena',
+        pre: 'Kodea',
+        h1: '1. izenburua',
+        h2: '2. izenburua',
+        h3: '3. izenburua',
+        h4: '4. izenburua',
+        h5: '5. izenburua',
+        h6: '6. izenburua'
+      },
+      lists: {
+        unordered: 'Ordenatu gabeko zerrenda',
+        ordered: 'Zerrenda ordenatua'
+      },
+      options: {
+        help: 'Laguntza',
+        fullscreen: 'Pantaila osoa',
+        codeview: 'Kodea ikusi'
+      },
+      paragraph: {
+        paragraph: 'Paragrafoa',
+        outdent: 'Koska txikiagoa',
+        indent: 'Koska handiagoa',
+        left: 'Ezkerrean kokatu',
+        center: 'Erdian kokatu',
+        right: 'Eskuinean kokatu',
+        justify: 'Justifikatu'
+      },
+      color: {
+        recent: 'Azken kolorea',
+        more: 'Kolore gehiago',
+        background: 'Atzeko planoa',
+        foreground: 'Aurreko planoa',
+        transparent: 'Gardena',
+        setTransparent: 'Gardendu',
+        reset: 'Lehengoratu',
+        resetToDefault: 'Berrezarri lehenetsia'
+      },
+      shortcut: {
+        shortcuts: 'Lasterbideak',
+        close: 'Itxi',
+        textFormatting: 'Testuaren formatua',
+        action: 'Ekintza',
+        paragraphFormatting: 'Paragrafoaren formatua',
+        documentStyle: 'Dokumentuaren estiloa'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Desegin',
+        redo: 'Berregin'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-fa-IR.js b/static/old/lang/summernote-fa-IR.js
new file mode 100755
index 0000000..007b236
--- /dev/null
+++ b/static/old/lang/summernote-fa-IR.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'fa-IR': {
+      font: {
+        bold: 'درشت',
+        italic: 'خمیده',
+        underline: 'میان خط',
+        clear: 'پاک کردن فرمت فونت',
+        height: 'فاصله ی خطی',
+        name: 'اسم فونت',
+        strikethrough: 'Strike',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'اندازه ی فونت'
+      },
+      image: {
+        image: 'تصویر',
+        insert: 'وارد کردن تصویر',
+        resizeFull: 'تغییر به اندازه ی کامل',
+        resizeHalf: 'تغییر به اندازه نصف',
+        resizeQuarter: 'تغییر به اندازه یک چهارم',
+        floatLeft: 'چسباندن به چپ',
+        floatRight: 'چسباندن به راست',
+        floatNone: 'بدون چسبندگی',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'یک تصویر را اینجا بکشید',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'فایل ها را انتخاب کنید',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'آدرس تصویر',
+        remove: 'حذف تصویر',
+        original: 'Original'
+      },
+      video: {
+        video: 'ویدیو',
+        videoLink: 'لینک ویدیو',
+        insert: 'افزودن ویدیو',
+        url: 'آدرس ویدیو ؟',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion یا Youku)'
+      },
+      link: {
+        link: 'لینک',
+        insert: 'اضافه کردن لینک',
+        unlink: 'حذف لینک',
+        edit: 'ویرایش',
+        textToDisplay: 'متن جهت نمایش',
+        url: 'این لینک به چه آدرسی باید برود ؟',
+        openInNewWindow: 'در یک پنجره ی جدید باز شود'
+      },
+      table: {
+        table: 'جدول',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'افزودن خط افقی'
+      },
+      style: {
+        style: 'استیل',
+        p: 'نرمال',
+        blockquote: 'نقل قول',
+        pre: 'کد',
+        h1: 'سرتیتر 1',
+        h2: 'سرتیتر 2',
+        h3: 'سرتیتر 3',
+        h4: 'سرتیتر 4',
+        h5: 'سرتیتر 5',
+        h6: 'سرتیتر 6'
+      },
+      lists: {
+        unordered: 'لیست غیر ترتیبی',
+        ordered: 'لیست ترتیبی'
+      },
+      options: {
+        help: 'راهنما',
+        fullscreen: 'نمایش تمام صفحه',
+        codeview: 'مشاهده ی کد'
+      },
+      paragraph: {
+        paragraph: 'پاراگراف',
+        outdent: 'کاهش تو رفتگی',
+        indent: 'افزایش تو رفتگی',
+        left: 'چپ چین',
+        center: 'میان چین',
+        right: 'راست چین',
+        justify: 'بلوک چین'
+      },
+      color: {
+        recent: 'رنگ اخیرا استفاده شده',
+        more: 'رنگ بیشتر',
+        background: 'رنگ پس زمینه',
+        foreground: 'رنگ متن',
+        transparent: 'بی رنگ',
+        setTransparent: 'تنظیم حالت بی رنگ',
+        reset: 'بازنشاندن',
+        resetToDefault: 'حالت پیش فرض'
+      },
+      shortcut: {
+        shortcuts: 'دکمه های میان بر',
+        close: 'بستن',
+        textFormatting: 'فرمت متن',
+        action: 'عملیات',
+        paragraphFormatting: 'فرمت پاراگراف',
+        documentStyle: 'استیل سند',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'واچیدن',
+        redo: 'بازچیدن'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-fi-FI.js b/static/old/lang/summernote-fi-FI.js
new file mode 100755
index 0000000..efe49ee
--- /dev/null
+++ b/static/old/lang/summernote-fi-FI.js
@@ -0,0 +1,153 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'fi-FI': {
+      font: {
+        bold: 'Lihavoitu',
+        italic: 'Kursiivi',
+        underline: 'Alleviivaa',
+        clear: 'Tyhjennä muotoilu',
+        height: 'Riviväli',
+        name: 'Kirjasintyyppi',
+        strikethrough: 'Yliviivaus',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Kirjasinkoko'
+      },
+      image: {
+        image: 'Kuva',
+        insert: 'Lisää kuva',
+        resizeFull: 'Koko leveys',
+        resizeHalf: 'Puolikas leveys',
+        resizeQuarter: 'Neljäsosa leveys',
+        floatLeft: 'Sijoita vasemmalle',
+        floatRight: 'Sijoita oikealle',
+        floatNone: 'Ei sijoitusta',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Vedä kuva tähän',
+        selectFromFiles: 'Valitse tiedostoista',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URL-osoitteen mukaan',
+        remove: 'Poista kuva',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Linkki videoon',
+        insert: 'Lisää video',
+        url: 'Videon URL-osoite?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion tai Youku)'
+      },
+      link: {
+        link: 'Linkki',
+        insert: 'Lisää linkki',
+        unlink: 'Poista linkki',
+        edit: 'Muokkaa',
+        textToDisplay: 'Näytettävä teksti',
+        url: 'Linkin URL-osoite?',
+        openInNewWindow: 'Avaa uudessa ikkunassa'
+      },
+      table: {
+        table: 'Taulukko',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Lisää vaakaviiva'
+      },
+      style: {
+        style: 'Tyyli',
+        p: 'Normaali',
+        blockquote: 'Lainaus',
+        pre: 'Koodi',
+        h1: 'Otsikko 1',
+        h2: 'Otsikko 2',
+        h3: 'Otsikko 3',
+        h4: 'Otsikko 4',
+        h5: 'Otsikko 5',
+        h6: 'Otsikko 6'
+      },
+      lists: {
+        unordered: 'Luettelomerkitty luettelo',
+        ordered: 'Numeroitu luettelo'
+      },
+      options: {
+        help: 'Ohje',
+        fullscreen: 'Koko näyttö',
+        codeview: 'HTML-näkymä'
+      },
+      paragraph: {
+        paragraph: 'Kappale',
+        outdent: 'Pienennä sisennystä',
+        indent: 'Suurenna sisennystä',
+        left: 'Tasaus vasemmalle',
+        center: 'Keskitä',
+        right: 'Tasaus oikealle',
+        justify: 'Tasaa'
+      },
+      color: {
+        recent: 'Viimeisin väri',
+        more: 'Lisää värejä',
+        background: 'Taustaväri',
+        foreground: 'Tekstin väri',
+        transparent: 'Läpinäkyvä',
+        setTransparent: 'Aseta läpinäkyväksi',
+        reset: 'Palauta',
+        resetToDefault: 'Palauta oletusarvoksi'
+      },
+      shortcut: {
+        shortcuts: 'Pikanäppäimet',
+        close: 'Sulje',
+        textFormatting: 'Tekstin muotoilu',
+        action: 'Toiminto',
+        paragraphFormatting: 'Kappaleen muotoilu',
+        documentStyle: 'Asiakirjan tyyli'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Kumoa',
+        redo: 'Toista'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-fr-FR.js b/static/old/lang/summernote-fr-FR.js
new file mode 100755
index 0000000..739aefe
--- /dev/null
+++ b/static/old/lang/summernote-fr-FR.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'fr-FR': {
+      font: {
+        bold: 'Gras',
+        italic: 'Italique',
+        underline: 'Souligné',
+        clear: 'Effacer la mise en forme',
+        height: 'Interligne',
+        name: 'Famille de police',
+        strikethrough: 'Barré',
+        superscript: 'Exposant',
+        subscript: 'Indice',
+        size: 'Taille de police'
+      },
+      image: {
+        image: 'Image',
+        insert: 'Insérer une image',
+        resizeFull: 'Taille originale',
+        resizeHalf: 'Redimensionner à 50 %',
+        resizeQuarter: 'Redimensionner à 25 %',
+        floatLeft: 'Aligné à gauche',
+        floatRight: 'Aligné à droite',
+        floatNone: 'Pas d\'alignement',
+        shapeRounded: 'Forme: Rectangle arrondie',
+        shapeCircle: 'Forme: Cercle',
+        shapeThumbnail: 'Forme: Vignette',
+        shapeNone: 'Forme: Aucune',
+        dragImageHere: 'Faites glisser une image ou un texte dans ce cadre',
+        dropImage: 'Lachez l\'image ou le texte',
+        selectFromFiles: 'Choisir un fichier',
+        maximumFileSize: 'Taille de fichier maximale',
+        maximumFileSizeError: 'Taille maximale du fichier dépassée',
+        url: 'URL de l\'image',
+        remove: 'Supprimer l\'image',
+        original: 'Original'
+      },
+      video: {
+        video: 'Vidéo',
+        videoLink: 'Lien vidéo',
+        insert: 'Insérer une vidéo',
+        url: 'URL de la vidéo',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion ou Youku)'
+      },
+      link: {
+        link: 'Lien',
+        insert: 'Insérer un lien',
+        unlink: 'Supprimer un lien',
+        edit: 'Modifier',
+        textToDisplay: 'Texte à afficher',
+        url: 'URL du lien',
+        openInNewWindow: 'Ouvrir dans une nouvelle fenêtre'
+      },
+      table: {
+        table: 'Tableau',
+        addRowAbove: 'Ajouter une ligne au-dessus',
+        addRowBelow: 'Ajouter une ligne en dessous',
+        addColLeft: 'Ajouter une colonne à gauche',
+        addColRight: 'Ajouter une colonne à droite',
+        delRow: 'Supprimer la ligne',
+        delCol: 'Supprimer la colonne',
+        delTable: 'Supprimer le tableau'
+      },
+      hr: {
+        insert: 'Insérer une ligne horizontale'
+      },
+      style: {
+        style: 'Style',
+        p: 'Normal',
+        blockquote: 'Citation',
+        pre: 'Code source',
+        h1: 'Titre 1',
+        h2: 'Titre 2',
+        h3: 'Titre 3',
+        h4: 'Titre 4',
+        h5: 'Titre 5',
+        h6: 'Titre 6'
+      },
+      lists: {
+        unordered: 'Liste à puces',
+        ordered: 'Liste numérotée'
+      },
+      options: {
+        help: 'Aide',
+        fullscreen: 'Plein écran',
+        codeview: 'Afficher le code HTML'
+      },
+      paragraph: {
+        paragraph: 'Paragraphe',
+        outdent: 'Diminuer le retrait',
+        indent: 'Augmenter le retrait',
+        left: 'Aligner à gauche',
+        center: 'Centrer',
+        right: 'Aligner à droite',
+        justify: 'Justifier'
+      },
+      color: {
+        recent: 'Dernière couleur sélectionnée',
+        more: 'Plus de couleurs',
+        background: 'Couleur de fond',
+        foreground: 'Couleur de police',
+        transparent: 'Transparent',
+        setTransparent: 'Définir la transparence',
+        reset: 'Restaurer',
+        resetToDefault: 'Restaurer la couleur par défaut'
+      },
+      shortcut: {
+        shortcuts: 'Raccourcis',
+        close: 'Fermer',
+        textFormatting: 'Mise en forme du texte',
+        action: 'Action',
+        paragraphFormatting: 'Mise en forme des paragraphes',
+        documentStyle: 'Style du document',
+        extraKeys: 'Touches supplémentaires'
+      },
+      help: {
+        'insertParagraph': 'Insérer paragraphe',
+        'undo': 'Défaire la dernière commande',
+        'redo': 'Refaire la dernière commande',
+        'tab': 'Tabulation',
+        'untab': 'Tabulation arrière',
+        'bold': 'Mettre en caractère gras',
+        'italic': 'Mettre en italique',
+        'underline': 'Mettre en souligné',
+        'strikethrough': 'Mettre en texte barré',
+        'removeFormat': 'Nettoyer les styles',
+        'justifyLeft': 'Aligner à gauche',
+        'justifyCenter': 'Centrer',
+        'justifyRight': 'Aligner à droite',
+        'justifyFull': 'Justifier à gauche et à droite',
+        'insertUnorderedList': 'Basculer liste à puces',
+        'insertOrderedList': 'Basculer liste ordonnée',
+        'outdent': 'Diminuer le retrait du paragraphe',
+        'indent': 'Augmenter le retrait du paragraphe',
+        'formatPara': 'Changer le paragraphe en cours en normal (P)',
+        'formatH1': 'Changer le paragraphe en cours en entête H1',
+        'formatH2': 'Changer le paragraphe en cours en entête H2',
+        'formatH3': 'Changer le paragraphe en cours en entête H3',
+        'formatH4': 'Changer le paragraphe en cours en entête H4',
+        'formatH5': 'Changer le paragraphe en cours en entête H5',
+        'formatH6': 'Changer le paragraphe en cours en entête H6',
+        'insertHorizontalRule': 'Insérer séparation horizontale',
+        'linkDialog.show': 'Afficher fenêtre d\'hyperlien'
+      },
+      history: {
+        undo: 'Annuler la dernière action',
+        redo: 'Restaurer la dernière action annulée'
+      },
+      specialChar: {
+        specialChar: 'CARACTÈRES SPÉCIAUX',
+        select: 'Choisir des caractères spéciaux'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-gl-ES.js b/static/old/lang/summernote-gl-ES.js
new file mode 100755
index 0000000..deeca4c
--- /dev/null
+++ b/static/old/lang/summernote-gl-ES.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'gl-ES': {
+      font: {
+        bold: 'Negrita',
+        italic: 'Cursiva',
+        underline: 'Subliñado',
+        clear: 'Quitar estilo de fonte',
+        height: 'Altura de liña',
+        name: 'Fonte',
+        strikethrough: 'Riscado',
+        superscript: 'Superíndice',
+        subscript: 'Subíndice',
+        size: 'Tamaño da fonte'
+      },
+      image: {
+        image: 'Imaxe',
+        insert: 'Inserir imaxe',
+        resizeFull: 'Redimensionar a tamaño completo',
+        resizeHalf: 'Redimensionar á metade',
+        resizeQuarter: 'Redimensionar a un cuarto',
+        floatLeft: 'Flotar á esquerda',
+        floatRight: 'Flotar á dereita',
+        floatNone: 'Non flotar',
+        shapeRounded: 'Forma: Redondeado',
+        shapeCircle: 'Forma: Círculo',
+        shapeThumbnail: 'Forma: Marco',
+        shapeNone: 'Forma: Ningunha',
+        dragImageHere: 'Arrastrar unha imaxe ou texto aquí',
+        dropImage: 'Solta a imaxe ou texto',
+        selectFromFiles: 'Seleccionar desde os arquivos',
+        maximumFileSize: 'Tamaño máximo do arquivo',
+        maximumFileSizeError: 'Superaches o tamaño máximo do arquivo.',
+        url: 'URL da imaxe',
+        remove: 'Eliminar imaxe',
+        original: 'Original'
+      },
+      video: {
+        video: 'Vídeo',
+        videoLink: 'Ligazón do vídeo',
+        insert: 'Insertar vídeo',
+        url: 'URL do vídeo?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion, o Youku)'
+      },
+      link: {
+        link: 'Ligazón',
+        insert: 'Inserir Ligazón',
+        unlink: 'Quitar Ligazón',
+        edit: 'Editar',
+        textToDisplay: 'Texto para amosar',
+        url: 'Cara a que URL leva a ligazón?',
+        openInNewWindow: 'Abrir nunha nova xanela'
+      },
+      table: {
+        table: 'Táboa',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Inserir liña horizontal'
+      },
+      style: {
+        style: 'Estilo',
+        normal: 'Normal',
+        blockquote: 'Cita',
+        pre: 'Código',
+        h1: 'Título 1',
+        h2: 'Título 2',
+        h3: 'Título 3',
+        h4: 'Título 4',
+        h5: 'Título 5',
+        h6: 'Título 6'
+      },
+      lists: {
+        unordered: 'Lista desordenada',
+        ordered: 'Lista ordenada'
+      },
+      options: {
+        help: 'Axuda',
+        fullscreen: 'Pantalla completa',
+        codeview: 'Ver código fonte'
+      },
+      paragraph: {
+        paragraph: 'Parágrafo',
+        outdent: 'Menos tabulación',
+        indent: 'Máis tabulación',
+        left: 'Aliñar á esquerda',
+        center: 'Aliñar ao centro',
+        right: 'Aliñar á dereita',
+        justify: 'Xustificar'
+      },
+      color: {
+        recent: 'Última cor',
+        more: 'Máis cores',
+        background: 'Cor de fondo',
+        foreground: 'Cor de fuente',
+        transparent: 'Transparente',
+        setTransparent: 'Establecer transparente',
+        reset: 'Restaurar',
+        resetToDefault: 'Restaurar por defecto'
+      },
+      shortcut: {
+        shortcuts: 'Atallos de teclado',
+        close: 'Pechar',
+        textFormatting: 'Formato de texto',
+        action: 'Acción',
+        paragraphFormatting: 'Formato de parágrafo',
+        documentStyle: 'Estilo de documento',
+        extraKeys: 'Teclas adicionais'
+      },
+      help: {
+        'insertParagraph': 'Inserir parágrafo',
+        'undo': 'Desfacer última acción',
+        'redo': 'Refacer última acción',
+        'tab': 'Tabular',
+        'untab': 'Eliminar tabulación',
+        'bold': 'Establecer estilo negrita',
+        'italic': 'Establecer estilo cursiva',
+        'underline': 'Establecer estilo subliñado',
+        'strikethrough': 'Establecer estilo riscado',
+        'removeFormat': 'Limpar estilo',
+        'justifyLeft': 'Aliñar á esquerda',
+        'justifyCenter': 'Aliñar ao centro',
+        'justifyRight': 'Aliñar á dereita',
+        'justifyFull': 'Xustificar',
+        'insertUnorderedList': 'Inserir lista desordenada',
+        'insertOrderedList': 'Inserir lista ordenada',
+        'outdent': 'Reducir tabulación do parágrafo',
+        'indent': 'Aumentar tabulación do parágrafo',
+        'formatPara': 'Mudar estilo do bloque a parágrafo (etiqueta P)',
+        'formatH1': 'Mudar estilo do bloque a H1',
+        'formatH2': 'Mudar estilo do bloque a H2',
+        'formatH3': 'Mudar estilo do bloque a H3',
+        'formatH4': 'Mudar estilo do bloque a H4',
+        'formatH5': 'Mudar estilo do bloque a H5',
+        'formatH6': 'Mudar estilo do bloque a H6',
+        'insertHorizontalRule': 'Inserir liña horizontal',
+        'linkDialog.show': 'Amosar panel ligazóns'
+      },
+      history: {
+        undo: 'Desfacer',
+        redo: 'Refacer'
+      },
+      specialChar: {
+        specialChar: 'CARACTERES ESPECIAIS',
+        select: 'Selecciona Caracteres especiais'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-he-IL.js b/static/old/lang/summernote-he-IL.js
new file mode 100755
index 0000000..2aaff4d
--- /dev/null
+++ b/static/old/lang/summernote-he-IL.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'he-IL': {
+      font: {
+        bold: 'מודגש',
+        italic: 'נטוי',
+        underline: 'קו תחתון',
+        clear: 'נקה עיצוב',
+        height: 'גובה',
+        name: 'גופן',
+        strikethrough: 'קו חוצה',
+        subscript: 'כתב תחתי',
+        superscript: 'כתב עילי',
+        size: 'גודל גופן'
+      },
+      image: {
+        image: 'תמונה',
+        insert: 'הוסף תמונה',
+        resizeFull: 'גודל מלא',
+        resizeHalf: 'להקטין לחצי',
+        resizeQuarter: 'להקטין לרבע',
+        floatLeft: 'יישור לשמאל',
+        floatRight: 'יישור לימין',
+        floatNone: 'ישר',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'גרור תמונה לכאן',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'בחר מתוך קבצים',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'נתיב לתמונה',
+        remove: 'הסר תמונה',
+        original: 'Original'
+      },
+      video: {
+        video: 'סרטון',
+        videoLink: 'קישור לסרטון',
+        insert: 'הוסף סרטון',
+        url: 'קישור לסרטון',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion או Youku)'
+      },
+      link: {
+        link: 'קישור',
+        insert: 'הוסף קישור',
+        unlink: 'הסר קישור',
+        edit: 'ערוך',
+        textToDisplay: 'טקסט להציג',
+        url: 'קישור',
+        openInNewWindow: 'פתח בחלון חדש'
+      },
+      table: {
+        table: 'טבלה',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'הוסף קו'
+      },
+      style: {
+        style: 'עיצוב',
+        p: 'טקסט רגיל',
+        blockquote: 'ציטוט',
+        pre: 'קוד',
+        h1: 'כותרת 1',
+        h2: 'כותרת 2',
+        h3: 'כותרת 3',
+        h4: 'כותרת 4',
+        h5: 'כותרת 5',
+        h6: 'כותרת 6'
+      },
+      lists: {
+        unordered: 'רשימת תבליטים',
+        ordered: 'רשימה ממוספרת'
+      },
+      options: {
+        help: 'עזרה',
+        fullscreen: 'מסך מלא',
+        codeview: 'תצוגת קוד'
+      },
+      paragraph: {
+        paragraph: 'פסקה',
+        outdent: 'הקטן כניסה',
+        indent: 'הגדל כניסה',
+        left: 'יישור לשמאל',
+        center: 'יישור למרכז',
+        right: 'יישור לימין',
+        justify: 'מיושר'
+      },
+      color: {
+        recent: 'צבע טקסט אחרון',
+        more: 'עוד צבעים',
+        background: 'צבע רקע',
+        foreground: 'צבע טקסט',
+        transparent: 'שקוף',
+        setTransparent: 'קבע כשקוף',
+        reset: 'איפוס',
+        resetToDefault: 'אפס לברירת מחדל'
+      },
+      shortcut: {
+        shortcuts: 'קיצורי מקלדת',
+        close: 'סגור',
+        textFormatting: 'עיצוב הטקסט',
+        action: 'פעולה',
+        paragraphFormatting: 'סגנונות פסקה',
+        documentStyle: 'עיצוב המסמך',
+        extraKeys: 'קיצורים נוספים'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'בטל פעולה',
+        redo: 'בצע שוב'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-hr-HR.js b/static/old/lang/summernote-hr-HR.js
new file mode 100755
index 0000000..787d8eb
--- /dev/null
+++ b/static/old/lang/summernote-hr-HR.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'hr-HR': {
+      font: {
+        bold: 'Podebljano',
+        italic: 'Kurziv',
+        underline: 'Podvučeno',
+        clear: 'Ukloni stilove fonta',
+        height: 'Visina linije',
+        name: 'Font Family',
+        strikethrough: 'Precrtano',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Veličina fonta'
+      },
+      image: {
+        image: 'Slika',
+        insert: 'Ubaci sliku',
+        resizeFull: 'Puna veličina',
+        resizeHalf: 'Umanji na 50%',
+        resizeQuarter: 'Umanji na 25%',
+        floatLeft: 'Poravnaj lijevo',
+        floatRight: 'Poravnaj desno',
+        floatNone: 'Bez poravnanja',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Povuci sliku ovdje',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Izaberi iz datoteke',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'Adresa slike',
+        remove: 'Ukloni sliku',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Veza na video',
+        insert: 'Ubaci video',
+        url: 'URL video',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion ili Youku)'
+      },
+      link: {
+        link: 'Veza',
+        insert: 'Ubaci vezu',
+        unlink: 'Ukloni vezu',
+        edit: 'Uredi',
+        textToDisplay: 'Tekst za prikaz',
+        url: 'Internet adresa',
+        openInNewWindow: 'Otvori u novom prozoru'
+      },
+      table: {
+        table: 'Tablica',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Ubaci horizontalnu liniju'
+      },
+      style: {
+        style: 'Stil',
+        p: 'pni',
+        blockquote: 'Citat',
+        pre: 'Kôd',
+        h1: 'Naslov 1',
+        h2: 'Naslov 2',
+        h3: 'Naslov 3',
+        h4: 'Naslov 4',
+        h5: 'Naslov 5',
+        h6: 'Naslov 6'
+      },
+      lists: {
+        unordered: 'Obična lista',
+        ordered: 'Numerirana lista'
+      },
+      options: {
+        help: 'Pomoć',
+        fullscreen: 'Preko cijelog ekrana',
+        codeview: 'Izvorni kôd'
+      },
+      paragraph: {
+        paragraph: 'Paragraf',
+        outdent: 'Smanji uvlačenje',
+        indent: 'Povećaj uvlačenje',
+        left: 'Poravnaj lijevo',
+        center: 'Centrirano',
+        right: 'Poravnaj desno',
+        justify: 'Poravnaj obostrano'
+      },
+      color: {
+        recent: 'Posljednja boja',
+        more: 'Više boja',
+        background: 'Boja pozadine',
+        foreground: 'Boja teksta',
+        transparent: 'Prozirna',
+        setTransparent: 'Prozirna',
+        reset: 'Poništi',
+        resetToDefault: 'Podrazumijevana'
+      },
+      shortcut: {
+        shortcuts: 'Prečice s tipkovnice',
+        close: 'Zatvori',
+        textFormatting: 'Formatiranje teksta',
+        action: 'Akcija',
+        paragraphFormatting: 'Formatiranje paragrafa',
+        documentStyle: 'Stil dokumenta',
+        extraKeys: 'Dodatne kombinacije'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Poništi',
+        redo: 'Ponovi'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-hu-HU.js b/static/old/lang/summernote-hu-HU.js
new file mode 100755
index 0000000..3496b8d
--- /dev/null
+++ b/static/old/lang/summernote-hu-HU.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'hu-HU': {
+      font: {
+        bold: 'Félkövér',
+        italic: 'Dőlt',
+        underline: 'Aláhúzott',
+        clear: 'Formázás törlése',
+        height: 'Sorköz',
+        name: 'Betűtípus',
+        strikethrough: 'Áthúzott',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Betűméret'
+      },
+      image: {
+        image: 'Kép',
+        insert: 'Kép beszúrása',
+        resizeFull: 'Átméretezés teljes méretre',
+        resizeHalf: 'Átméretezés felére',
+        resizeQuarter: 'Átméretezés negyedére',
+        floatLeft: 'Igazítás balra',
+        floatRight: 'Igazítás jobbra',
+        floatNone: 'Igazítás törlése',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Ide húzhat képet vagy szöveget',
+        dropImage: 'Engedje el a képet vagy szöveget',
+        selectFromFiles: 'Fájlok kiválasztása',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'Kép URL címe',
+        remove: 'Kép törlése',
+        original: 'Original'
+      },
+      video: {
+        video: 'Videó',
+        videoLink: 'Videó hivatkozás',
+        insert: 'Videó beszúrása',
+        url: 'Videó URL címe',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion vagy Youku)'
+      },
+      link: {
+        link: 'Hivatkozás',
+        insert: 'Hivatkozás beszúrása',
+        unlink: 'Hivatkozás megszüntetése',
+        edit: 'Szerkesztés',
+        textToDisplay: 'Megjelenítendő szöveg',
+        url: 'Milyen URL címre hivatkozzon?',
+        openInNewWindow: 'Megnyitás új ablakban'
+      },
+      table: {
+        table: 'Táblázat',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Elválasztó vonal beszúrása'
+      },
+      style: {
+        style: 'Stílus',
+        p: 'Normál',
+        blockquote: 'Idézet',
+        pre: 'Kód',
+        h1: 'Fejléc 1',
+        h2: 'Fejléc 2',
+        h3: 'Fejléc 3',
+        h4: 'Fejléc 4',
+        h5: 'Fejléc 5',
+        h6: 'Fejléc 6'
+      },
+      lists: {
+        unordered: 'Listajeles lista',
+        ordered: 'Számozott lista'
+      },
+      options: {
+        help: 'Súgó',
+        fullscreen: 'Teljes képernyő',
+        codeview: 'Kód nézet'
+      },
+      paragraph: {
+        paragraph: 'Bekezdés',
+        outdent: 'Behúzás csökkentése',
+        indent: 'Behúzás növelése',
+        left: 'Igazítás balra',
+        center: 'Igazítás középre',
+        right: 'Igazítás jobbra',
+        justify: 'Sorkizárt'
+      },
+      color: {
+        recent: 'Jelenlegi szín',
+        more: 'További színek',
+        background: 'Háttérszín',
+        foreground: 'Betűszín',
+        transparent: 'Átlátszó',
+        setTransparent: 'Átlászóság beállítása',
+        reset: 'Visszaállítás',
+        resetToDefault: 'Alaphelyzetbe állítás'
+      },
+      shortcut: {
+        shortcuts: 'Gyorsbillentyű',
+        close: 'Bezárás',
+        textFormatting: 'Szöveg formázása',
+        action: 'Művelet',
+        paragraphFormatting: 'Bekezdés formázása',
+        documentStyle: 'Dokumentumstílus',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Új bekezdés',
+        'undo': 'Visszavonás',
+        'redo': 'Újra',
+        'tab': 'Behúzás növelése',
+        'untab': 'Behúzás csökkentése',
+        'bold': 'Félkövérre állítás',
+        'italic': 'Dőltre állítás',
+        'underline': 'Aláhúzás',
+        'strikethrough': 'Áthúzás',
+        'removeFormat': 'Formázás törlése',
+        'justifyLeft': 'Balra igazítás',
+        'justifyCenter': 'Középre igazítás',
+        'justifyRight': 'Jobbra igazítás',
+        'justifyFull': 'Sorkizárt',
+        'insertUnorderedList': 'Számozatlan lista be/ki',
+        'insertOrderedList': 'Számozott lista be/ki',
+        'outdent': 'Jelenlegi bekezdés behúzásának megszüntetése',
+        'indent': 'Jelenlegi bekezdés behúzása',
+        'formatPara': 'Blokk formázása bekezdésként (P tag)',
+        'formatH1': 'Blokk formázása, mint Fejléc 1',
+        'formatH2': 'Blokk formázása, mint Fejléc 2',
+        'formatH3': 'Blokk formázása, mint Fejléc 3',
+        'formatH4': 'Blokk formázása, mint Fejléc 4',
+        'formatH5': 'Blokk formázása, mint Fejléc 5',
+        'formatH6': 'Blokk formázása, mint Fejléc 6',
+        'insertHorizontalRule': 'Vízszintes vonal beszúrása',
+        'linkDialog.show': 'Link párbeszédablak megjelenítése'
+      },
+      history: {
+        undo: 'Visszavonás',
+        redo: 'Újra'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-id-ID.js b/static/old/lang/summernote-id-ID.js
new file mode 100755
index 0000000..6a6e89e
--- /dev/null
+++ b/static/old/lang/summernote-id-ID.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'id-ID': {
+      font: {
+        bold: 'Tebal',
+        italic: 'Miring',
+        underline: 'Garis bawah',
+        clear: 'Bersihkan gaya',
+        height: 'Jarak baris',
+        name: 'Font Family',
+        strikethrough: 'Coret',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Ukuran font'
+      },
+      image: {
+        image: 'Gambar',
+        insert: 'Sisipkan gambar',
+        resizeFull: 'Ukuran penuh',
+        resizeHalf: 'Ukuran 50%',
+        resizeQuarter: 'Ukuran 25%',
+        floatLeft: 'Rata kiri',
+        floatRight: 'Rata kanan',
+        floatNone: 'Tidak ada perataan',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Tarik gambar pada area ini',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Pilih gambar dari berkas',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URL gambar',
+        remove: 'Hapus Gambar',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Link video',
+        insert: 'Sisipkan video',
+        url: 'Tautan video',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion atau Youku)'
+      },
+      link: {
+        link: 'Tautan',
+        insert: 'Tambah tautan',
+        unlink: 'Hapus tautan',
+        edit: 'Edit',
+        textToDisplay: 'Tampilan teks',
+        url: 'Tautan tujuan',
+        openInNewWindow: 'Buka di jendela baru'
+      },
+      table: {
+        table: 'Tabel',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Masukkan garis horizontal'
+      },
+      style: {
+        style: 'Gaya',
+        p: 'p',
+        blockquote: 'Kutipan',
+        pre: 'Kode',
+        h1: 'Heading 1',
+        h2: 'Heading 2',
+        h3: 'Heading 3',
+        h4: 'Heading 4',
+        h5: 'Heading 5',
+        h6: 'Heading 6'
+      },
+      lists: {
+        unordered: 'Pencacahan',
+        ordered: 'Penomoran'
+      },
+      options: {
+        help: 'Bantuan',
+        fullscreen: 'Layar penuh',
+        codeview: 'Kode HTML'
+      },
+      paragraph: {
+        paragraph: 'Paragraf',
+        outdent: 'Outdent',
+        indent: 'Indent',
+        left: 'Rata kiri',
+        center: 'Rata tengah',
+        right: 'Rata kanan',
+        justify: 'Rata kanan kiri'
+      },
+      color: {
+        recent: 'Warna sekarang',
+        more: 'Selengkapnya',
+        background: 'Warna latar',
+        foreground: 'Warna font',
+        transparent: 'Transparan',
+        setTransparent: 'Atur transparansi',
+        reset: 'Atur ulang',
+        resetToDefault: 'Kembalikan kesemula'
+      },
+      shortcut: {
+        shortcuts: 'Jalan pintas',
+        close: 'Keluar',
+        textFormatting: 'Format teks',
+        action: 'Aksi',
+        paragraphFormatting: 'Format paragraf',
+        documentStyle: 'Gaya dokumen',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Kembali',
+        redo: 'Ulang'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-it-IT.js b/static/old/lang/summernote-it-IT.js
new file mode 100755
index 0000000..9a2b471
--- /dev/null
+++ b/static/old/lang/summernote-it-IT.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'it-IT': {
+      font: {
+        bold: 'Testo in grassetto',
+        italic: 'Testo in corsivo',
+        underline: 'Testo sottolineato',
+        clear: 'Elimina la formattazione del testo',
+        height: 'Altezza della linea di testo',
+        name: 'Famiglia Font',
+        strikethrough: 'Testo barrato',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Dimensione del carattere'
+      },
+      image: {
+        image: 'Immagine',
+        insert: 'Inserisci Immagine',
+        resizeFull: 'Dimensioni originali',
+        resizeHalf: 'Ridimensiona al 50%',
+        resizeQuarter: 'Ridimensiona al 25%',
+        floatLeft: 'Posiziona a sinistra',
+        floatRight: 'Posiziona a destra',
+        floatNone: 'Nessun posizionamento',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Trascina qui un\'immagine',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Scegli dai Documenti',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URL dell\'immagine',
+        remove: 'Rimuovi immagine',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Collegamento ad un Video',
+        insert: 'Inserisci Video',
+        url: 'URL del Video',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion o Youku)'
+      },
+      link: {
+        link: 'Collegamento',
+        insert: 'Inserisci Collegamento',
+        unlink: 'Elimina collegamento',
+        edit: 'Modifica collegamento',
+        textToDisplay: 'Testo del collegamento',
+        url: 'URL del collegamento',
+        openInNewWindow: 'Apri in una nuova finestra'
+      },
+      table: {
+        table: 'Tabella',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Inserisce una linea di separazione'
+      },
+      style: {
+        style: 'Stili',
+        p: 'pe',
+        blockquote: 'Citazione',
+        pre: 'Codice',
+        h1: 'Titolo 1',
+        h2: 'Titolo 2',
+        h3: 'Titolo 3',
+        h4: 'Titolo 4',
+        h5: 'Titolo 5',
+        h6: 'Titolo 6'
+      },
+      lists: {
+        unordered: 'Elenco non ordinato',
+        ordered: 'Elenco ordinato'
+      },
+      options: {
+        help: 'Aiuto',
+        fullscreen: 'Modalità a tutto schermo',
+        codeview: 'Visualizza codice'
+      },
+      paragraph: {
+        paragraph: 'Paragrafo',
+        outdent: 'Diminuisce il livello di rientro',
+        indent: 'Aumenta il livello di rientro',
+        left: 'Allinea a sinistra',
+        center: 'Centra',
+        right: 'Allinea a destra',
+        justify: 'Giustifica (allinea a destra e sinistra)'
+      },
+      color: {
+        recent: 'Ultimo colore utilizzato',
+        more: 'Altri colori',
+        background: 'Colore di sfondo',
+        foreground: 'Colore',
+        transparent: 'Trasparente',
+        setTransparent: 'Trasparente',
+        reset: 'Reimposta',
+        resetToDefault: 'Reimposta i colori'
+      },
+      shortcut: {
+        shortcuts: 'Scorciatoie da tastiera',
+        close: 'Chiudi',
+        textFormatting: 'Formattazione testo',
+        action: 'Azioni',
+        paragraphFormatting: 'Formattazione paragrafo',
+        documentStyle: 'Stili',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Annulla',
+        redo: 'Ripristina'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-ja-JP.js b/static/old/lang/summernote-ja-JP.js
new file mode 100755
index 0000000..1f477c2
--- /dev/null
+++ b/static/old/lang/summernote-ja-JP.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'ja-JP': {
+      font: {
+        bold: '太字',
+        italic: '斜体',
+        underline: '下線',
+        clear: 'クリア',
+        height: '文字高',
+        name: 'フォント',
+        strikethrough: '取り消し線',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: '大きさ'
+      },
+      image: {
+        image: '画像',
+        insert: '画像挿入',
+        resizeFull: '最大化',
+        resizeHalf: '1/2',
+        resizeQuarter: '1/4',
+        floatLeft: '左寄せ',
+        floatRight: '右寄せ',
+        floatNone: '寄せ解除',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'ここに画像をドラッグしてください',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: '画像ファイルを選ぶ',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URLから画像を挿入する',
+        remove: '画像を削除する',
+        original: 'Original'
+      },
+      video: {
+        video: '動画',
+        videoLink: '動画リンク',
+        insert: '動画挿入',
+        url: '動画のURL',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion, Youku)'
+      },
+      link: {
+        link: 'リンク',
+        insert: 'リンク挿入',
+        unlink: 'リンク解除',
+        edit: '編集',
+        textToDisplay: 'リンク文字列',
+        url: 'URLを入力してください',
+        openInNewWindow: '新しいウィンドウで開く'
+      },
+      table: {
+        table: 'テーブル',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: '水平線の挿入'
+      },
+      style: {
+        style: 'スタイル',
+        p: '標準',
+        blockquote: '引用',
+        pre: 'コード',
+        h1: '見出し1',
+        h2: '見出し2',
+        h3: '見出し3',
+        h4: '見出し4',
+        h5: '見出し5',
+        h6: '見出し6'
+      },
+      lists: {
+        unordered: '通常リスト',
+        ordered: '番号リスト'
+      },
+      options: {
+        help: 'ヘルプ',
+        fullscreen: 'フルスクリーン',
+        codeview: 'コード表示'
+      },
+      paragraph: {
+        paragraph: '文章',
+        outdent: '字上げ',
+        indent: '字下げ',
+        left: '左寄せ',
+        center: '中央寄せ',
+        right: '右寄せ',
+        justify: '均等割付'
+      },
+      color: {
+        recent: '現在の色',
+        more: 'もっと見る',
+        background: '背景色',
+        foreground: '文字色',
+        transparent: '透明',
+        setTransparent: '透明にする',
+        reset: '標準',
+        resetToDefault: '標準に戻す'
+      },
+      shortcut: {
+        shortcuts: 'ショートカット',
+        close: '閉じる',
+        textFormatting: '文字フォーマット',
+        action: 'アクション',
+        paragraphFormatting: '文章フォーマット',
+        documentStyle: 'ドキュメント形式',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': '改行挿入',
+        'undo': '一旦、行った操作を戻す',
+        'redo': '最後のコマンドをやり直す',
+        'tab': 'Tab',
+        'untab': 'タブ戻し',
+        'bold': '太文字',
+        'italic': '斜体',
+        'underline': '下線',
+        'strikethrough': '取り消し線',
+        'removeFormat': '装飾を戻す',
+        'justifyLeft': '左寄せ',
+        'justifyCenter': '真ん中寄せ',
+        'justifyRight': '右寄せ',
+        'justifyFull': 'すべてを整列',
+        'insertUnorderedList': '行頭に●を挿入',
+        'insertOrderedList': '行頭に番号を挿入',
+        'outdent': '字下げを戻す（アウトデント）',
+        'indent': '字下げする（インデント）',
+        'formatPara': '段落(P tag)指定',
+        'formatH1': 'H1指定',
+        'formatH2': 'H2指定',
+        'formatH3': 'H3指定',
+        'formatH4': 'H4指定',
+        'formatH5': 'H5指定',
+        'formatH6': 'H6指定',
+        'insertHorizontalRule': '&lt;hr /&gt;を挿入',
+        'linkDialog.show': 'リンク挿入'
+      },
+      history: {
+        undo: '元に戻す',
+        redo: 'やり直す'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-ko-KR.js b/static/old/lang/summernote-ko-KR.js
new file mode 100755
index 0000000..6dfde79
--- /dev/null
+++ b/static/old/lang/summernote-ko-KR.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'ko-KR': {
+      font: {
+        bold: '굵게',
+        italic: '기울임꼴',
+        underline: '밑줄',
+        clear: '글자 효과 없애기',
+        height: '줄간격',
+        name: '글꼴',
+        superscript: '위 첨자',
+        subscript: '아래 첨자',
+        strikethrough: '취소선',
+        size: '글자 크기'
+      },
+      image: {
+        image: '사진',
+        insert: '사진 추가',
+        resizeFull: '100% 크기로 변경',
+        resizeHalf: '50% 크기로 변경',
+        resizeQuarter: '25% 크기로 변경',
+        floatLeft: '왼쪽 정렬',
+        floatRight: '오른쪽 정렬',
+        floatNone: '정렬하지 않음',
+        shapeRounded: '스타일: 둥근 모서리',
+        shapeCircle: '스타일: 원형',
+        shapeThumbnail: '스타일: 액자',
+        shapeNone: '스타일: 없음',
+        dragImageHere: '텍스트 혹은 사진을 이곳으로 끌어오세요',
+        dropImage: '텍스트 혹은 사진을 내려놓으세요',
+        selectFromFiles: '파일 선택',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: '사진 URL',
+        remove: '사진 삭제',
+        original: 'Original'
+      },
+      video: {
+        video: '동영상',
+        videoLink: '동영상 링크',
+        insert: '동영상 추가',
+        url: '동영상 URL',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion, Youku 사용 가능)'
+      },
+      link: {
+        link: '링크',
+        insert: '링크 추가',
+        unlink: '링크 삭제',
+        edit: '수정',
+        textToDisplay: '링크에 표시할 내용',
+        url: '이동할 URL',
+        openInNewWindow: '새창으로 열기'
+      },
+      table: {
+        table: '테이블',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: '구분선 추가'
+      },
+      style: {
+        style: '스타일',
+        p: '본문',
+        blockquote: '인용구',
+        pre: '코드',
+        h1: '제목 1',
+        h2: '제목 2',
+        h3: '제목 3',
+        h4: '제목 4',
+        h5: '제목 5',
+        h6: '제목 6'
+      },
+      lists: {
+        unordered: '글머리 기호',
+        ordered: '번호 매기기'
+      },
+      options: {
+        help: '도움말',
+        fullscreen: '전체 화면',
+        codeview: '코드 보기'
+      },
+      paragraph: {
+        paragraph: '문단 정렬',
+        outdent: '내어쓰기',
+        indent: '들여쓰기',
+        left: '왼쪽 정렬',
+        center: '가운데 정렬',
+        right: '오른쪽 정렬',
+        justify: '양쪽 정렬'
+      },
+      color: {
+        recent: '마지막으로 사용한 색',
+        more: '다른 색 선택',
+        background: '배경색',
+        foreground: '글자색',
+        transparent: '투명',
+        setTransparent: '투명',
+        reset: '취소',
+        resetToDefault: '기본 값으로 변경'
+      },
+      shortcut: {
+        shortcuts: '키보드 단축키',
+        close: '닫기',
+        textFormatting: '글자 스타일 적용',
+        action: '기능',
+        paragraphFormatting: '문단 스타일 적용',
+        documentStyle: '문서 스타일 적용',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: '실행 취소',
+        redo: '다시 실행'
+      },
+      specialChar: {
+        specialChar: '특수문자',
+        select: '특수문자를 선택하세요'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-lt-LT.js b/static/old/lang/summernote-lt-LT.js
new file mode 100755
index 0000000..efa1182
--- /dev/null
+++ b/static/old/lang/summernote-lt-LT.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'lt-LT': {
+      font: {
+        bold: 'Paryškintas',
+        italic: 'Kursyvas',
+        underline: 'Pabrėžtas',
+        clear: 'Be formatavimo',
+        height: 'Eilutės aukštis',
+        name: 'Šrifto pavadinimas',
+        strikethrough: 'Perbrauktas',
+        superscript: 'Viršutinis',
+        subscript: 'Indeksas',
+        size: 'Šrifto dydis'
+      },
+      image: {
+        image: 'Paveikslėlis',
+        insert: 'Įterpti paveikslėlį',
+        resizeFull: 'Pilnas dydis',
+        resizeHalf: 'Sumažinti dydį 50%',
+        resizeQuarter: 'Sumažinti dydį 25%',
+        floatLeft: 'Kairinis lygiavimas',
+        floatRight: 'Dešininis lygiavimas',
+        floatNone: 'Jokio lygiavimo',
+        shapeRounded: 'Forma: apvalūs kraštai',
+        shapeCircle: 'Forma: apskritimas',
+        shapeThumbnail: 'Forma: miniatiūra',
+        shapeNone: 'Forma: jokia',
+        dragImageHere: 'Vilkite paveikslėlį čia',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Pasirinkite failą',
+        maximumFileSize: 'Maskimalus failo dydis',
+        maximumFileSizeError: 'Maskimalus failo dydis viršytas!',
+        url: 'Paveikslėlio URL adresas',
+        remove: 'Ištrinti paveikslėlį',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Video Link',
+        insert: 'Insert Video',
+        url: 'Video URL?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)'
+      },
+      link: {
+        link: 'Nuoroda',
+        insert: 'Įterpti nuorodą',
+        unlink: 'Pašalinti nuorodą',
+        edit: 'Redaguoti',
+        textToDisplay: 'Rodomas tekstas',
+        url: 'Koks URL adresas yra susietas?',
+        openInNewWindow: 'Atidaryti naujame lange'
+      },
+      table: {
+        table: 'Lentelė',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Įterpti horizontalią liniją'
+      },
+      style: {
+        style: 'Stilius',
+        p: 'pus',
+        blockquote: 'Citata',
+        pre: 'Kodas',
+        h1: 'Antraštė 1',
+        h2: 'Antraštė 2',
+        h3: 'Antraštė 3',
+        h4: 'Antraštė 4',
+        h5: 'Antraštė 5',
+        h6: 'Antraštė 6'
+      },
+      lists: {
+        unordered: 'Suženklintasis sąrašas',
+        ordered: 'Sunumeruotas sąrašas'
+      },
+      options: {
+        help: 'Pagalba',
+        fullscreen: 'Viso ekrano režimas',
+        codeview: 'HTML kodo peržiūra'
+      },
+      paragraph: {
+        paragraph: 'Pastraipa',
+        outdent: 'Sumažinti įtrauką',
+        indent: 'Padidinti įtrauką',
+        left: 'Kairinė lygiuotė',
+        center: 'Centrinė lygiuotė',
+        right: 'Dešininė lygiuotė',
+        justify: 'Abipusis išlyginimas'
+      },
+      color: {
+        recent: 'Paskutinė naudota spalva',
+        more: 'Daugiau spalvų',
+        background: 'Fono spalva',
+        foreground: 'Šrifto spalva',
+        transparent: 'Permatoma',
+        setTransparent: 'Nustatyti skaidrumo intensyvumą',
+        reset: 'Atkurti',
+        resetToDefault: 'Atstatyti numatytąją spalvą'
+      },
+      shortcut: {
+        shortcuts: 'Spartieji klavišai',
+        close: 'Uždaryti',
+        textFormatting: 'Teksto formatavimas',
+        action: 'Veiksmas',
+        paragraphFormatting: 'Pastraipos formatavimas',
+        documentStyle: 'Dokumento stilius',
+        extraKeys: 'Papildomi klavišų deriniai'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Anuliuoti veiksmą',
+        redo: 'Perdaryti veiksmą'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-lt-LV.js b/static/old/lang/summernote-lt-LV.js
new file mode 100755
index 0000000..082ab5f
--- /dev/null
+++ b/static/old/lang/summernote-lt-LV.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'lv-LV': {
+      font: {
+        bold: 'Treknraksts',
+        italic: 'Kursīvs',
+        underline: 'Pasvītrots',
+        clear: 'Noņemt formatējumu',
+        height: 'Līnijas augstums',
+        name: 'Fonts',
+        strikethrough: 'Nosvītrots',
+        superscript: 'Augšraksts',
+        subscript: 'Apakšraksts',
+        size: 'Fonta lielums'
+      },
+      image: {
+        image: 'Attēls',
+        insert: 'Ievietot attēlu',
+        resizeFull: 'Pilns izmērts',
+        resizeHalf: 'Samazināt 50%',
+        resizeQuarter: 'Samazināt 25%',
+        floatLeft: 'Līdzināt pa kreisi',
+        floatRight: 'Līdzināt pa labi',
+        floatNone: 'Nelīdzināt',
+        shapeRounded: 'Forma: apaļām malām',
+        shapeCircle: 'Forma: aplis',
+        shapeThumbnail: 'Forma: rāmītis',
+        shapeNone: 'Forma: orģināla',
+        dragImageHere: 'Ievēlciet attēlu šeit',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Izvēlēties failu',
+        maximumFileSize: 'Maksimālais faila izmērs',
+        maximumFileSizeError: 'Faila izmērs pārāk liels!',
+        url: 'Attēla URL',
+        remove: 'Dzēst attēlu',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Video Link',
+        insert: 'Insert Video',
+        url: 'Video URL?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)'
+      },
+      link: {
+        link: 'Saite',
+        insert: 'Ievietot saiti',
+        unlink: 'Noņemt saiti',
+        edit: 'Rediģēt',
+        textToDisplay: 'Saites saturs',
+        url: 'Koks URL adresas yra susietas?',
+        openInNewWindow: 'Atvērt jaunā logā'
+      },
+      table: {
+        table: 'Tabula',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Ievietot līniju'
+      },
+      style: {
+        style: 'Stils',
+        p: 'Parasts',
+        blockquote: 'Citāts',
+        pre: 'Kods',
+        h1: 'Virsraksts h1',
+        h2: 'Virsraksts h2',
+        h3: 'Virsraksts h3',
+        h4: 'Virsraksts h4',
+        h5: 'Virsraksts h5',
+        h6: 'Virsraksts h6'
+      },
+      lists: {
+        unordered: 'Nenumurēts saraksts',
+        ordered: 'Numurēts saraksts'
+      },
+      options: {
+        help: 'Palīdzība',
+        fullscreen: 'Pa visu ekrānu',
+        codeview: 'HTML kods'
+      },
+      paragraph: {
+        paragraph: 'Paragrāfs',
+        outdent: 'Samazināt atkāpi',
+        indent: 'Palielināt atkāpi',
+        left: 'Līdzināt pa kreisi',
+        center: 'Centrēt',
+        right: 'Līdzināt pa labi',
+        justify: 'Līdzināt gar abām malām'
+      },
+      color: {
+        recent: 'Nesen izmantotās',
+        more: 'Citas krāsas',
+        background: 'Fona krāsa',
+        foreground: 'Fonta krāsa',
+        transparent: 'Caurspīdīgs',
+        setTransparent: 'Iestatīt caurspīdīgumu',
+        reset: 'Atjaunot',
+        resetToDefault: 'Atjaunot noklusējumu'
+      },
+      shortcut: {
+        shortcuts: 'Saīsnes',
+        close: 'Aizvērt',
+        textFormatting: 'Teksta formatēšana',
+        action: 'Darbība',
+        paragraphFormatting: 'Paragrāfa formatēšana',
+        documentStyle: 'Dokumenta stils',
+        extraKeys: 'Citas taustiņu kombinācijas'
+      },
+      help: {
+        insertParagraph: 'Ievietot Paragrāfu',
+        undo: 'Atcelt iepriekšējo darbību',
+        redo: 'Atkārtot atcelto darbību',
+        tab: 'Atkāpe',
+        untab: 'Samazināt atkāpi',
+        bold: 'Pārvērst tekstu treknrakstā',
+        italic: 'Pārvērst tekstu slīprakstā (kursīvā)',
+        underline: 'Pasvītrot tekstu',
+        strikethrough: 'Nosvītrot tekstu',
+        removeFormat: 'Notīrīt stilu no teksta',
+        justifyLeft: 'Līdzīnāt saturu pa kreisi',
+        justifyCenter: 'Centrēt saturu',
+        justifyRight: 'Līdzīnāt saturu pa labi',
+        justifyFull: 'Izlīdzināt saturu gar abām malām',
+        insertUnorderedList: 'Ievietot nenumurētu sarakstu',
+        insertOrderedList: 'Ievietot numurētu sarakstu',
+        outdent: 'Samazināt/noņemt atkāpi paragrāfam',
+        indent: 'Uzlikt atkāpi paragrāfam',
+        formatPara: 'Mainīt bloka tipu uz (p) Paragrāfu',
+        formatH1: 'Mainīt bloka tipu uz virsrakstu H1',
+        formatH2: 'Mainīt bloka tipu uz virsrakstu H2',
+        formatH3: 'Mainīt bloka tipu uz virsrakstu H3',
+        formatH4: 'Mainīt bloka tipu uz virsrakstu H4',
+        formatH5: 'Mainīt bloka tipu uz virsrakstu H5',
+        formatH6: 'Mainīt bloka tipu uz virsrakstu H6',
+        insertHorizontalRule: 'Ievietot horizontālu līniju',
+        'linkDialog.show': 'Parādīt saites logu'
+      },
+      history: {
+        undo: 'Atsauks (undo)',
+        redo: 'Atkārtot (redo)'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-mn-MN.js b/static/old/lang/summernote-mn-MN.js
new file mode 100755
index 0000000..313f8a8
--- /dev/null
+++ b/static/old/lang/summernote-mn-MN.js
@@ -0,0 +1,157 @@
+// Starsoft Mongolia LLC Temuujin Ariunbold
+
+(function($) {
+  $.extend($.summernote.lang, {
+    'mn-MN': {
+      font: {
+        bold: 'Тод',
+        italic: 'Налуу',
+        underline: 'Доогуур зураас',
+        clear: 'Цэвэрлэх',
+        height: 'Өндөр',
+        name: 'Фонт',
+        superscript: 'Дээд илтгэгч',
+        subscript: 'Доод илтгэгч',
+        strikethrough: 'Дарах',
+        size: 'Хэмжээ'
+      },
+      image: {
+        image: 'Зураг',
+        insert: 'Оруулах',
+        resizeFull: 'Хэмжээ бүтэн',
+        resizeHalf: 'Хэмжээ 1/2',
+        resizeQuarter: 'Хэмжээ 1/4',
+        floatLeft: 'Зүүн талд байрлуулах',
+        floatRight: 'Баруун талд байрлуулах',
+        floatNone: 'Анхдагч байрлалд аваачих',
+        shapeRounded: 'Хүрээ: Дугуй',
+        shapeCircle: 'Хүрээ: Тойрог',
+        shapeThumbnail: 'Хүрээ: Хураангуй',
+        shapeNone: 'Хүрээгүй',
+        dragImageHere: 'Зургийг энд чирч авчирна уу',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Файлуудаас сонгоно уу',
+        maximumFileSize: 'Файлын дээд хэмжээ',
+        maximumFileSizeError: 'Файлын дээд хэмжээ хэтэрсэн',
+        url: 'Зургийн URL',
+        remove: 'Зургийг устгах',
+        original: 'Original'
+      },
+      video: {
+        video: 'Видео',
+        videoLink: 'Видео холбоос',
+        insert: 'Видео оруулах',
+        url: 'Видео URL?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion болон Youku)'
+      },
+      link: {
+        link: 'Холбоос',
+        insert: 'Холбоос оруулах',
+        unlink: 'Холбоос арилгах',
+        edit: 'Засварлах',
+        textToDisplay: 'Харуулах бичвэр',
+        url: 'Энэ холбоос хаашаа очих вэ?',
+        openInNewWindow: 'Шинэ цонхонд нээх'
+      },
+      table: {
+        table: 'Хүснэгт',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Хэвтээ шугам оруулах'
+      },
+      style: {
+        style: 'Хэв маяг',
+        p: 'p',
+        blockquote: 'Иш татах',
+        pre: 'Эх сурвалж',
+        h1: 'Гарчиг 1',
+        h2: 'Гарчиг 2',
+        h3: 'Гарчиг 3',
+        h4: 'Гарчиг 4',
+        h5: 'Гарчиг 5',
+        h6: 'Гарчиг 6'
+      },
+      lists: {
+        unordered: 'Эрэмбэлэгдээгүй',
+        ordered: 'Эрэмбэлэгдсэн'
+      },
+      options: {
+        help: 'Тусламж',
+        fullscreen: 'Дэлгэцийг дүүргэх',
+        codeview: 'HTML-Code харуулах'
+      },
+      paragraph: {
+        paragraph: 'Хэсэг',
+        outdent: 'Догол мөр хасах',
+        indent: 'Догол мөр нэмэх',
+        left: 'Зүүн тийш эгнүүлэх',
+        center: 'Төвд эгнүүлэх',
+        right: 'Баруун тийш эгнүүлэх',
+        justify: 'Мөрийг тэгшлэх'
+      },
+      color: {
+        recent: 'Сүүлд хэрэглэсэн өнгө',
+        more: 'Өөр өнгөнүүд',
+        background: 'Дэвсгэр өнгө',
+        foreground: 'Үсгийн өнгө',
+        transparent: 'Тунгалаг',
+        setTransparent: 'Тунгалаг болгох',
+        reset: 'Анхдагч өнгөөр тохируулах',
+        resetToDefault: 'Хэвд нь оруулах'
+      },
+      shortcut: {
+        shortcuts: 'Богино холбоос',
+        close: 'Хаалт',
+        textFormatting: 'Бичвэрийг хэлбэржүүлэх',
+        action: 'Үйлдэл',
+        paragraphFormatting: 'Догол мөрийг хэлбэржүүлэх',
+        documentStyle: 'Бичиг баримтын хэв загвар',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Буцаах',
+        redo: 'Дахин хийх'
+      },
+      specialChar: {
+        specialChar: 'Тусгай тэмдэгт',
+        select: 'Тусгай тэмдэгт сонгох'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-nb-NO.js b/static/old/lang/summernote-nb-NO.js
new file mode 100755
index 0000000..2e77062
--- /dev/null
+++ b/static/old/lang/summernote-nb-NO.js
@@ -0,0 +1,154 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'nb-NO': {
+      font: {
+        bold: 'Fet',
+        italic: 'Kursiv',
+        underline: 'Understrek',
+        clear: 'Fjern formatering',
+        height: 'Linjehøyde',
+        name: 'Skrifttype',
+        strikethrough: 'Gjennomstrek',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Skriftstørrelse'
+      },
+      image: {
+        image: 'Bilde',
+        insert: 'Sett inn bilde',
+        resizeFull: 'Sett full størrelse',
+        resizeHalf: 'Sett halv størrelse',
+        resizeQuarter: 'Sett kvart størrelse',
+        floatLeft: 'Flyt til venstre',
+        floatRight: 'Flyt til høyre',
+        floatNone: 'Fjern flyt',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Dra et bilde hit',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Velg fra filer',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'Bilde-URL',
+        remove: 'Fjern bilde',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Videolenke',
+        insert: 'Sett inn video',
+        url: 'Video-URL',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion eller Youku)'
+      },
+      link: {
+        link: 'Lenke',
+        insert: 'Sett inn lenke',
+        unlink: 'Fjern lenke',
+        edit: 'Rediger',
+        textToDisplay: 'Visningstekst',
+        url: 'Til hvilken URL skal denne lenken peke?',
+        openInNewWindow: 'Åpne i nytt vindu'
+      },
+      table: {
+        table: 'Tabell',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Sett inn horisontal linje'
+      },
+      style: {
+        style: 'Stil',
+        p: 'p',
+        blockquote: 'Sitat',
+        pre: 'Kode',
+        h1: 'Overskrift 1',
+        h2: 'Overskrift 2',
+        h3: 'Overskrift 3',
+        h4: 'Overskrift 4',
+        h5: 'Overskrift 5',
+        h6: 'Overskrift 6'
+      },
+      lists: {
+        unordered: 'Punktliste',
+        ordered: 'Nummerert liste'
+      },
+      options: {
+        help: 'Hjelp',
+        fullscreen: 'Fullskjerm',
+        codeview: 'HTML-visning'
+      },
+      paragraph: {
+        paragraph: 'Avsnitt',
+        outdent: 'Tilbakerykk',
+        indent: 'Innrykk',
+        left: 'Venstrejustert',
+        center: 'Midtstilt',
+        right: 'Høyrejustert',
+        justify: 'Blokkjustert'
+      },
+      color: {
+        recent: 'Nylig valgt farge',
+        more: 'Flere farger',
+        background: 'Bakgrunnsfarge',
+        foreground: 'Skriftfarge',
+        transparent: 'Gjennomsiktig',
+        setTransparent: 'Sett gjennomsiktig',
+        reset: 'Nullstill',
+        resetToDefault: 'Nullstill til standard'
+      },
+      shortcut: {
+        shortcuts: 'Hurtigtaster',
+        close: 'Lukk',
+        textFormatting: 'Tekstformatering',
+        action: 'Handling',
+        paragraphFormatting: 'Avsnittsformatering',
+        documentStyle: 'Dokumentstil'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Angre',
+        redo: 'Gjør om'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-nl-NL.js b/static/old/lang/summernote-nl-NL.js
new file mode 100755
index 0000000..8a4ecaf
--- /dev/null
+++ b/static/old/lang/summernote-nl-NL.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'nl-NL': {
+      font: {
+        bold: 'Vet',
+        italic: 'Cursief',
+        underline: 'Onderstrepen',
+        clear: 'Stijl verwijderen',
+        height: 'Regelhoogte',
+        name: 'Lettertype',
+        strikethrough: 'Doorhalen',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Tekstgrootte'
+      },
+      image: {
+        image: 'Afbeelding',
+        insert: 'Afbeelding invoegen',
+        resizeFull: 'Volledige breedte',
+        resizeHalf: 'Halve breedte',
+        resizeQuarter: 'Kwart breedte',
+        floatLeft: 'Links uitlijnen',
+        floatRight: 'Rechts uitlijnen',
+        floatNone: 'Geen uitlijning',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Sleep hier een afbeelding naar toe',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Selecteer een bestand',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URL van de afbeelding',
+        remove: 'Verwijder afbeelding',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Video link',
+        insert: 'Video invoegen',
+        url: 'URL van de video',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion of Youku)'
+      },
+      link: {
+        link: 'Link',
+        insert: 'Link invoegen',
+        unlink: 'Link verwijderen',
+        edit: 'Wijzigen',
+        textToDisplay: 'Tekst van link',
+        url: 'Naar welke URL moet deze link verwijzen?',
+        openInNewWindow: 'Open in nieuw venster'
+      },
+      table: {
+        table: 'Tabel',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Horizontale lijn invoegen'
+      },
+      style: {
+        style: 'Stijl',
+        p: 'Normaal',
+        blockquote: 'Quote',
+        pre: 'Code',
+        h1: 'Kop 1',
+        h2: 'Kop 2',
+        h3: 'Kop 3',
+        h4: 'Kop 4',
+        h5: 'Kop 5',
+        h6: 'Kop 6'
+      },
+      lists: {
+        unordered: 'Ongeordende lijst',
+        ordered: 'Geordende lijst'
+      },
+      options: {
+        help: 'Help',
+        fullscreen: 'Volledig scherm',
+        codeview: 'Bekijk Code'
+      },
+      paragraph: {
+        paragraph: 'Paragraaf',
+        outdent: 'Inspringen verkleinen',
+        indent: 'Inspringen vergroten',
+        left: 'Links uitlijnen',
+        center: 'Centreren',
+        right: 'Rechts uitlijnen',
+        justify: 'Uitvullen'
+      },
+      color: {
+        recent: 'Recente kleur',
+        more: 'Meer kleuren',
+        background: 'Achtergrond kleur',
+        foreground: 'Tekst kleur',
+        transparent: 'Transparant',
+        setTransparent: 'Transparant',
+        reset: 'Standaard',
+        resetToDefault: 'Standaard kleur'
+      },
+      shortcut: {
+        shortcuts: 'Toetsencombinaties',
+        close: 'sluiten',
+        textFormatting: 'Tekststijlen',
+        action: 'Acties',
+        paragraphFormatting: 'Paragraafstijlen',
+        documentStyle: 'Documentstijlen',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Ongedaan maken',
+        redo: 'Opnieuw doorvoeren'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-pl-PL.js b/static/old/lang/summernote-pl-PL.js
new file mode 100755
index 0000000..c7960d8
--- /dev/null
+++ b/static/old/lang/summernote-pl-PL.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'pl-PL': {
+      font: {
+        bold: 'Pogrubienie',
+        italic: 'Pochylenie',
+        underline: 'Podkreślenie',
+        clear: 'Usuń formatowanie',
+        height: 'Interlinia',
+        name: 'Czcionka',
+        strikethrough: 'Przekreślenie',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Rozmiar'
+      },
+      image: {
+        image: 'Grafika',
+        insert: 'Wstaw grafikę',
+        resizeFull: 'Zmień rozmiar na 100%',
+        resizeHalf: 'Zmień rozmiar na 50%',
+        resizeQuarter: 'Zmień rozmiar na 25%',
+        floatLeft: 'Po lewej',
+        floatRight: 'Po prawej',
+        floatNone: 'Równo z tekstem',
+        shapeRounded: 'Kształt: zaokrąglone',
+        shapeCircle: 'Kształt: okrąg',
+        shapeThumbnail: 'Kształt: miniatura',
+        shapeNone: 'Kształt: brak',
+        dragImageHere: 'Przeciągnij grafikę lub tekst tutaj',
+        dropImage: 'Przeciągnij grafikę lub tekst',
+        selectFromFiles: 'Wybierz z dysku',
+        maximumFileSize: 'Limit wielkości pliku',
+        maximumFileSizeError: 'Przekroczono limit wielkości pliku.',
+        url: 'Adres URL grafiki',
+        remove: 'Usuń grafikę',
+        original: 'Original'
+      },
+      video: {
+        video: 'Wideo',
+        videoLink: 'Adres wideo',
+        insert: 'Wstaw wideo',
+        url: 'Adres wideo',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion lub Youku)'
+      },
+      link: {
+        link: 'Odnośnik',
+        insert: 'Wstaw odnośnik',
+        unlink: 'Usuń odnośnik',
+        edit: 'Edytuj',
+        textToDisplay: 'Tekst do wyświetlenia',
+        url: 'Na jaki adres URL powinien przenosić ten odnośnik?',
+        openInNewWindow: 'Otwórz w nowym oknie'
+      },
+      table: {
+        table: 'Tabela',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Wstaw poziomą linię'
+      },
+      style: {
+        style: 'Style',
+        p: 'pny',
+        blockquote: 'Cytat',
+        pre: 'Kod',
+        h1: 'Nagłówek 1',
+        h2: 'Nagłówek 2',
+        h3: 'Nagłówek 3',
+        h4: 'Nagłówek 4',
+        h5: 'Nagłówek 5',
+        h6: 'Nagłówek 6'
+      },
+      lists: {
+        unordered: 'Lista wypunktowana',
+        ordered: 'Lista numerowana'
+      },
+      options: {
+        help: 'Pomoc',
+        fullscreen: 'Pełny ekran',
+        codeview: 'Źródło'
+      },
+      paragraph: {
+        paragraph: 'Akapit',
+        outdent: 'Zmniejsz wcięcie',
+        indent: 'Zwiększ wcięcie',
+        left: 'Wyrównaj do lewej',
+        center: 'Wyrównaj do środka',
+        right: 'Wyrównaj do prawej',
+        justify: 'Wyrównaj do lewej i prawej'
+      },
+      color: {
+        recent: 'Ostani kolor',
+        more: 'Więcej kolorów',
+        background: 'Tło',
+        foreground: 'Czcionka',
+        transparent: 'Przeźroczysty',
+        setTransparent: 'Przeźroczyste',
+        reset: 'Reset',
+        resetToDefault: 'Domyślne'
+      },
+      shortcut: {
+        shortcuts: 'Skróty klawiaturowe',
+        close: 'Zamknij',
+        textFormatting: 'Formatowanie tekstu',
+        action: 'Akcja',
+        paragraphFormatting: 'Formatowanie akapitu',
+        documentStyle: 'Styl dokumentu',
+        extraKeys: 'Dodatkowe klawisze'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Cofnij',
+        redo: 'Ponów'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-pt-BR.js b/static/old/lang/summernote-pt-BR.js
new file mode 100755
index 0000000..df2b95d
--- /dev/null
+++ b/static/old/lang/summernote-pt-BR.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'pt-BR': {
+      font: {
+        bold: 'Negrito',
+        italic: 'Itálico',
+        underline: 'Sublinhado',
+        clear: 'Remover estilo da fonte',
+        height: 'Altura da linha',
+        name: 'Fonte',
+        strikethrough: 'Riscado',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Tamanho da fonte'
+      },
+      image: {
+        image: 'Imagem',
+        insert: 'Inserir imagem',
+        resizeFull: 'Redimensionar Completamente',
+        resizeHalf: 'Redimensionar pela Metade',
+        resizeQuarter: 'Redimensionar um Quarto',
+        floatLeft: 'Flutuar para Esquerda',
+        floatRight: 'Flutuar para Direira',
+        floatNone: 'Não Flutuar',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Arraste uma imagem para cá',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Selecione a partir dos arquivos',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URL da imagem',
+        remove: 'Remove Image',
+        original: 'Original'
+      },
+      video: {
+        video: 'Vídeo',
+        videoLink: 'Link para vídeo',
+        insert: 'Inserir vídeo',
+        url: 'URL do vídeo?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion ou Youku)'
+      },
+      link: {
+        link: 'Link',
+        insert: 'Inserir link',
+        unlink: 'Remover link',
+        edit: 'Editar',
+        textToDisplay: 'Texto para exibir',
+        url: 'Para qual URL esse link leva?',
+        openInNewWindow: 'Abrir em uma nova janela'
+      },
+      table: {
+        table: 'Tabela',
+        addRowAbove: 'Adicionar linha acima',
+        addRowBelow: 'Adicionar linha abaixo',
+        addColLeft: 'Adicionar coluna a esquerda',
+        addColRight: 'Adicionar coluna a direita',
+        delRow: 'Excluir linha',
+        delCol: 'Excluir coluna',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Inserir linha horizontal'
+      },
+      style: {
+        style: 'Estilo',
+        normal: 'Normal',
+        blockquote: 'Citação',
+        pre: 'Código',
+        h1: 'Título 1',
+        h2: 'Título 2',
+        h3: 'Título 3',
+        h4: 'Título 4',
+        h5: 'Título 5',
+        h6: 'Título 6'
+      },
+      lists: {
+        unordered: 'Lista com marcadores',
+        ordered: 'Lista numerada'
+      },
+      options: {
+        help: 'Ajuda',
+        fullscreen: 'Tela cheia',
+        codeview: 'Ver código-fonte'
+      },
+      paragraph: {
+        paragraph: 'Parágrafo',
+        outdent: 'Menor tabulação',
+        indent: 'Maior tabulação',
+        left: 'Alinhar à esquerda',
+        center: 'Alinhar ao centro',
+        right: 'Alinha à direita',
+        justify: 'Justificado'
+      },
+      color: {
+        recent: 'Cor recente',
+        more: 'Mais cores',
+        background: 'Fundo',
+        foreground: 'Fonte',
+        transparent: 'Transparente',
+        setTransparent: 'Fundo transparente',
+        reset: 'Restaurar',
+        resetToDefault: 'Restaurar padrão'
+      },
+      shortcut: {
+        shortcuts: 'Atalhos do teclado',
+        close: 'Fechar',
+        textFormatting: 'Formatação de texto',
+        action: 'Ação',
+        paragraphFormatting: 'Formatação de parágrafo',
+        documentStyle: 'Estilo de documento',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Inserir Parágrafo',
+        'undo': 'Desfazer o último comando',
+        'redo': 'Refazer o último comando',
+        'tab': 'Tab',
+        'untab': 'Desfazer tab',
+        'bold': 'Colocar em negrito',
+        'italic': 'Colocar em itálico',
+        'underline': 'Sublinhado',
+        'strikethrough': 'Tachado',
+        'removeFormat': 'Remover estilo',
+        'justifyLeft': 'Alinhar à esquerda',
+        'justifyCenter': 'Centralizar',
+        'justifyRight': 'Alinhar à esquerda',
+        'justifyFull': 'Justificar',
+        'insertUnorderedList': 'Lista não ordenada',
+        'insertOrderedList': 'Lista ordenada',
+        'outdent': 'Recuar parágrafo atual',
+        'indent': 'Avançar parágrafo atual',
+        'formatPara': 'Alterar formato do bloco para parágrafo(tag P)',
+        'formatH1': 'Alterar formato do bloco para H1',
+        'formatH2': 'Alterar formato do bloco para H2',
+        'formatH3': 'Alterar formato do bloco para H3',
+        'formatH4': 'Alterar formato do bloco para H4',
+        'formatH5': 'Alterar formato do bloco para H5',
+        'formatH6': 'Alterar formato do bloco para H6',
+        'insertHorizontalRule': 'Inserir régua horizontal',
+        'linkDialog.show': 'Inserir um Hiperlink'
+      },
+      history: {
+        undo: 'Desfazer',
+        redo: 'Refazer'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-pt-PT.js b/static/old/lang/summernote-pt-PT.js
new file mode 100755
index 0000000..e7f41e1
--- /dev/null
+++ b/static/old/lang/summernote-pt-PT.js
@@ -0,0 +1,154 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'pt-PT': {
+      font: {
+        bold: 'Negrito',
+        italic: 'Itálico',
+        underline: 'Sublinhado',
+        clear: 'Remover estilo da fonte',
+        height: 'Altura da linha',
+        name: 'Fonte',
+        strikethrough: 'Riscado',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Tamanho da fonte'
+      },
+      image: {
+        image: 'Imagem',
+        insert: 'Inserir imagem',
+        resizeFull: 'Redimensionar Completo',
+        resizeHalf: 'Redimensionar Metade',
+        resizeQuarter: 'Redimensionar Um Quarto',
+        floatLeft: 'Float Esquerda',
+        floatRight: 'Float Direita',
+        floatNone: 'Sem Float',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Arraste uma imagem para aqui',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Selecione a partir dos arquivos',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'Endereço da imagem',
+        remove: 'Remove Image',
+        original: 'Original'
+      },
+      video: {
+        video: 'Vídeo',
+        videoLink: 'Link para vídeo',
+        insert: 'Inserir vídeo',
+        url: 'URL do vídeo?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion ou Youku)'
+      },
+      link: {
+        link: 'Link',
+        insert: 'Inserir ligação',
+        unlink: 'Remover ligação',
+        edit: 'Editar',
+        textToDisplay: 'Texto para exibir',
+        url: 'Que endereço esta licação leva?',
+        openInNewWindow: 'Abrir numa nova janela'
+      },
+      table: {
+        table: 'Tabela',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Inserir linha horizontal'
+      },
+      style: {
+        style: 'Estilo',
+        p: 'p',
+        blockquote: 'Citação',
+        pre: 'Código',
+        h1: 'Título 1',
+        h2: 'Título 2',
+        h3: 'Título 3',
+        h4: 'Título 4',
+        h5: 'Título 5',
+        h6: 'Título 6'
+      },
+      lists: {
+        unordered: 'Lista com marcadores',
+        ordered: 'Lista numerada'
+      },
+      options: {
+        help: 'Ajuda',
+        fullscreen: 'Janela Completa',
+        codeview: 'Ver código-fonte'
+      },
+      paragraph: {
+        paragraph: 'Parágrafo',
+        outdent: 'Menor tabulação',
+        indent: 'Maior tabulação',
+        left: 'Alinhar à esquerda',
+        center: 'Alinhar ao centro',
+        right: 'Alinha à direita',
+        justify: 'Justificado'
+      },
+      color: {
+        recent: 'Cor recente',
+        more: 'Mais cores',
+        background: 'Fundo',
+        foreground: 'Fonte',
+        transparent: 'Transparente',
+        setTransparent: 'Fundo transparente',
+        reset: 'Restaurar',
+        resetToDefault: 'Restaurar padrão'
+      },
+      shortcut: {
+        shortcuts: 'Atalhos do teclado',
+        close: 'Fechar',
+        textFormatting: 'Formatação de texto',
+        action: 'Ação',
+        paragraphFormatting: 'Formatação de parágrafo',
+        documentStyle: 'Estilo de documento'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Desfazer',
+        redo: 'Refazer'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-ro-RO.js b/static/old/lang/summernote-ro-RO.js
new file mode 100755
index 0000000..95a6b17
--- /dev/null
+++ b/static/old/lang/summernote-ro-RO.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'ro-RO': {
+      font: {
+        bold: 'Îngroșat',
+        italic: 'Înclinat',
+        underline: 'Subliniat',
+        clear: 'Înlătură formatare font',
+        height: 'Înălțime rând',
+        name: 'Familie de fonturi',
+        strikethrough: 'Tăiat',
+        subscript: 'Indice',
+        superscript: 'Exponent',
+        size: 'Dimensiune font'
+      },
+      image: {
+        image: 'Imagine',
+        insert: 'Inserează imagine',
+        resizeFull: 'Redimensionează complet',
+        resizeHalf: 'Redimensionează 1/2',
+        resizeQuarter: 'Redimensionează 1/4',
+        floatLeft: 'Aliniere la stânga',
+        floatRight: 'Aliniere la dreapta',
+        floatNone: 'Fară aliniere',
+        shapeRounded: 'Formă: Rotund',
+        shapeCircle: 'Formă: Cerc',
+        shapeThumbnail: 'Formă: Pictogramă',
+        shapeNone: 'Formă: Nici una',
+        dragImageHere: 'Trage o imagine sau un text aici',
+        dropImage: 'Eliberează imaginea sau textul',
+        selectFromFiles: 'Alege din fişiere',
+        maximumFileSize: 'Dimensiune maximă fișier',
+        maximumFileSizeError: 'Dimensiune maximă fișier depășită.',
+        url: 'URL imagine',
+        remove: 'Șterge imagine',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Link video',
+        insert: 'Inserează video',
+        url: 'URL video?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion sau Youku)'
+      },
+      link: {
+        link: 'Link',
+        insert: 'Inserează link',
+        unlink: 'Înlătură link',
+        edit: 'Editează',
+        textToDisplay: 'Text ce va fi afişat',
+        url: 'La ce adresă URL trebuie să conducă acest link?',
+        openInNewWindow: 'Deschidere în fereastră nouă'
+      },
+      table: {
+        table: 'Tabel',
+        addRowAbove: 'Adaugă rând deasupra',
+        addRowBelow: 'Adaugă rând dedesubt',
+        addColLeft: 'Adaugă coloană stânga',
+        addColRight: 'Adaugă coloană dreapta',
+        delRow: 'Șterge rând',
+        delCol: 'Șterge coloană',
+        delTable: 'Șterge tabel'
+      },
+      hr: {
+        insert: 'Inserează o linie orizontală'
+      },
+      style: {
+        style: 'Stil',
+        p: 'p',
+        blockquote: 'Citat',
+        pre: 'Preformatat',
+        h1: 'Titlu 1',
+        h2: 'Titlu 2',
+        h3: 'Titlu 3',
+        h4: 'Titlu 4',
+        h5: 'Titlu 5',
+        h6: 'Titlu 6'
+      },
+      lists: {
+        unordered: 'Listă neordonată',
+        ordered: 'Listă ordonată'
+      },
+      options: {
+        help: 'Ajutor',
+        fullscreen: 'Măreşte',
+        codeview: 'Sursă'
+      },
+      paragraph: {
+        paragraph: 'Paragraf',
+        outdent: 'Creşte identarea',
+        indent: 'Scade identarea',
+        left: 'Aliniere la stânga',
+        center: 'Aliniere centrală',
+        right: 'Aliniere la dreapta',
+        justify: 'Aliniere în bloc'
+      },
+      color: {
+        recent: 'Culoare recentă',
+        more: 'Mai multe  culori',
+        background: 'Culoarea fundalului',
+        foreground: 'Culoarea textului',
+        transparent: 'Transparent',
+        setTransparent: 'Setează transparent',
+        reset: 'Resetează',
+        resetToDefault: 'Revino la iniţial'
+      },
+      shortcut: {
+        shortcuts: 'Scurtături tastatură',
+        close: 'Închide',
+        textFormatting: 'Formatare text',
+        action: 'Acţiuni',
+        paragraphFormatting: 'Formatare paragraf',
+        documentStyle: 'Stil paragraf',
+        extraKeys: 'Taste extra'
+      },
+      help: {
+        'insertParagraph': 'Inserează paragraf',
+        'undo': 'Revine la starea anterioară',
+        'redo': 'Revine la starea ulterioară',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Setează stil îngroșat',
+        'italic': 'Setează stil înclinat',
+        'underline': 'Setează stil subliniat',
+        'strikethrough': 'Setează stil tăiat',
+        'removeFormat': 'Înlătură formatare',
+        'justifyLeft': 'Setează aliniere stânga',
+        'justifyCenter': 'Setează aliniere centru',
+        'justifyRight': 'Setează aliniere dreapta',
+        'justifyFull': 'Setează aliniere bloc',
+        'insertUnorderedList': 'Comutare listă neordinată',
+        'insertOrderedList': 'Comutare listă ordonată',
+        'outdent': 'Înlătură indentare paragraf curent',
+        'indent': 'Adaugă indentare paragraf curent',
+        'formatPara': 'Schimbă formatarea selecției în paragraf',
+        'formatH1': 'Schimbă formatarea selecției în H1',
+        'formatH2': 'Schimbă formatarea selecției în H2',
+        'formatH3': 'Schimbă formatarea selecției în H3',
+        'formatH4': 'Schimbă formatarea selecției în H4',
+        'formatH5': 'Schimbă formatarea selecției în H5',
+        'formatH6': 'Schimbă formatarea selecției în H6',
+        'insertHorizontalRule': 'Adaugă linie orizontală',
+        'linkDialog.show': 'Inserează link'
+      },
+      history: {
+        undo: 'Starea anterioară',
+        redo: 'Starea ulterioară'
+      },
+      specialChar: {
+        specialChar: 'CARACTERE SPECIALE',
+        select: 'Alege caractere speciale'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-ru-RU.js b/static/old/lang/summernote-ru-RU.js
new file mode 100755
index 0000000..f4b5013
--- /dev/null
+++ b/static/old/lang/summernote-ru-RU.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'ru-RU': {
+      font: {
+        bold: 'Полужирный',
+        italic: 'Курсив',
+        underline: 'Подчёркнутый',
+        clear: 'Убрать стили шрифта',
+        height: 'Высота линии',
+        name: 'Шрифт',
+        strikethrough: 'Зачёркнутый',
+        subscript: 'Нижний индекс',
+        superscript: 'Верхний индекс',
+        size: 'Размер шрифта'
+      },
+      image: {
+        image: 'Картинка',
+        insert: 'Вставить картинку',
+        resizeFull: 'Восстановить размер',
+        resizeHalf: 'Уменьшить до 50%',
+        resizeQuarter: 'Уменьшить до 25%',
+        floatLeft: 'Расположить слева',
+        floatRight: 'Расположить справа',
+        floatNone: 'Расположение по-умолчанию',
+        shapeRounded: 'Форма: Закругленная',
+        shapeCircle: 'Форма: Круг',
+        shapeThumbnail: 'Форма: Миниатюра',
+        shapeNone: 'Форма: Нет',
+        dragImageHere: 'Перетащите сюда картинку',
+        dropImage: 'Перетащите картинку',
+        selectFromFiles: 'Выбрать из файлов',
+        maximumFileSize: 'Максимальный размер файла',
+        maximumFileSizeError: 'Превышен максимальный размер файла',
+        url: 'URL картинки',
+        remove: 'Удалить картинку',
+        original: 'Оригинал'
+      },
+      video: {
+        video: 'Видео',
+        videoLink: 'Ссылка на видео',
+        insert: 'Вставить видео',
+        url: 'URL видео',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion или Youku)'
+      },
+      link: {
+        link: 'Ссылка',
+        insert: 'Вставить ссылку',
+        unlink: 'Убрать ссылку',
+        edit: 'Редактировать',
+        textToDisplay: 'Отображаемый текст',
+        url: 'URL для перехода',
+        openInNewWindow: 'Открывать в новом окне'
+      },
+      table: {
+        table: 'Таблица',
+        addRowAbove: 'Добавить строку выше',
+        addRowBelow: 'Добавить строку ниже',
+        addColLeft: 'Добавить столбец слева',
+        addColRight: 'Добавить столбец справа',
+        delRow: 'Удалить строку',
+        delCol: 'Удалить столбец',
+        delTable: 'Удалить таблицу'
+      },
+      hr: {
+        insert: 'Вставить горизонтальную линию'
+      },
+      style: {
+        style: 'Стиль',
+        p: 'Нормальный',
+        blockquote: 'Цитата',
+        pre: 'Код',
+        h1: 'Заголовок 1',
+        h2: 'Заголовок 2',
+        h3: 'Заголовок 3',
+        h4: 'Заголовок 4',
+        h5: 'Заголовок 5',
+        h6: 'Заголовок 6'
+      },
+      lists: {
+        unordered: 'Маркированный список',
+        ordered: 'Нумерованный список'
+      },
+      options: {
+        help: 'Помощь',
+        fullscreen: 'На весь экран',
+        codeview: 'Исходный код'
+      },
+      paragraph: {
+        paragraph: 'Параграф',
+        outdent: 'Уменьшить отступ',
+        indent: 'Увеличить отступ',
+        left: 'Выровнять по левому краю',
+        center: 'Выровнять по центру',
+        right: 'Выровнять по правому краю',
+        justify: 'Растянуть по ширине'
+      },
+      color: {
+        recent: 'Последний цвет',
+        more: 'Еще цвета',
+        background: 'Цвет фона',
+        foreground: 'Цвет шрифта',
+        transparent: 'Прозрачный',
+        setTransparent: 'Сделать прозрачным',
+        reset: 'Сброс',
+        resetToDefault: 'Восстановить умолчания'
+      },
+      shortcut: {
+        shortcuts: 'Сочетания клавиш',
+        close: 'Закрыть',
+        textFormatting: 'Форматирование текста',
+        action: 'Действие',
+        paragraphFormatting: 'Форматирование параграфа',
+        documentStyle: 'Стиль документа',
+        extraKeys: 'Дополнительные комбинации'
+      },
+      help: {
+        'insertParagraph': 'Новый параграф',
+        'undo': 'Отменить последнюю команду',
+        'redo': 'Повторить последнюю команду',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Установить стиль "Жирный"',
+        'italic': 'Установить стиль "Наклонный"',
+        'underline': 'Установить стиль "Подчеркнутый"',
+        'strikethrough': 'Установить стиль "Зачеркнутый"',
+        'removeFormat': 'Сборсить стили',
+        'justifyLeft': 'Выровнять по левому краю',
+        'justifyCenter': 'Выровнять по центру',
+        'justifyRight': 'Выровнять по правому краю',
+        'justifyFull': 'Растянуть на всю ширину',
+        'insertUnorderedList': 'Включить/отключить маркированный список',
+        'insertOrderedList': 'Включить/отключить нумерованный список',
+        'outdent': 'Убрать отступ в текущем параграфе',
+        'indent': 'Вставить отступ в текущем параграфе',
+        'formatPara': 'Форматировать текущий блок как параграф (тег P)',
+        'formatH1': 'Форматировать текущий блок как H1',
+        'formatH2': 'Форматировать текущий блок как H2',
+        'formatH3': 'Форматировать текущий блок как H3',
+        'formatH4': 'Форматировать текущий блок как H4',
+        'formatH5': 'Форматировать текущий блок как H5',
+        'formatH6': 'Форматировать текущий блок как H6',
+        'insertHorizontalRule': 'Вставить горизонтальную черту',
+        'linkDialog.show': 'Показать диалог "Ссылка"'
+      },
+      history: {
+        undo: 'Отменить',
+        redo: 'Повтор'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-sk-SK.js b/static/old/lang/summernote-sk-SK.js
new file mode 100755
index 0000000..177a127
--- /dev/null
+++ b/static/old/lang/summernote-sk-SK.js
@@ -0,0 +1,153 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'sk-SK': {
+      font: {
+        bold: 'Tučné',
+        italic: 'Kurzíva',
+        underline: 'Podčiarknutie',
+        clear: 'Odstrániť štýl písma',
+        height: 'Výška riadku',
+        strikethrough: 'Prečiarknuté',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Veľkosť písma'
+      },
+      image: {
+        image: 'Obrázok',
+        insert: 'Vložiť obrázok',
+        resizeFull: 'Pôvodná veľkosť',
+        resizeHalf: 'Polovičná veľkosť',
+        resizeQuarter: 'Štvrtinová veľkosť',
+        floatLeft: 'Umiestniť doľava',
+        floatRight: 'Umiestniť doprava',
+        floatNone: 'Bez zarovnania',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Pretiahnuť sem obrázok',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Vybrať súbor',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URL obrázku',
+        remove: 'Remove Image',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Odkaz videa',
+        insert: 'Vložiť video',
+        url: 'URL videa?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion alebo Youku)'
+      },
+      link: {
+        link: 'Odkaz',
+        insert: 'Vytvoriť odkaz',
+        unlink: 'Zrušiť odkaz',
+        edit: 'Upraviť',
+        textToDisplay: 'Zobrazovaný text',
+        url: 'Na akú URL adresu má tento odkaz viesť?',
+        openInNewWindow: 'Otvoriť v novom okne'
+      },
+      table: {
+        table: 'Tabuľka',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Vložit vodorovnú čiaru'
+      },
+      style: {
+        style: 'Štýl',
+        p: 'Normálny',
+        blockquote: 'Citácia',
+        pre: 'Kód',
+        h1: 'Nadpis 1',
+        h2: 'Nadpis 2',
+        h3: 'Nadpis 3',
+        h4: 'Nadpis 4',
+        h5: 'Nadpis 5',
+        h6: 'Nadpis 6'
+      },
+      lists: {
+        unordered: 'Odrážkový zoznam',
+        ordered: 'Číselný zoznam'
+      },
+      options: {
+        help: 'Pomoc',
+        fullscreen: 'Celá obrazovka',
+        codeview: 'HTML kód'
+      },
+      paragraph: {
+        paragraph: 'Odsek',
+        outdent: 'Zväčšiť odsadenie',
+        indent: 'Zmenšiť odsadenie',
+        left: 'Zarovnať doľava',
+        center: 'Zarovnať na stred',
+        right: 'Zarovnať doprava',
+        justify: 'Zarovnať obojstranne'
+      },
+      color: {
+        recent: 'Aktuálna farba',
+        more: 'Dalšie farby',
+        background: 'Farba pozadia',
+        foreground: 'Farba písma',
+        transparent: 'Priehľadnosť',
+        setTransparent: 'Nastaviť priehľadnosť',
+        reset: 'Obnoviť',
+        resetToDefault: 'Obnoviť prednastavené'
+      },
+      shortcut: {
+        shortcuts: 'Klávesové skratky',
+        close: 'Zavrieť',
+        textFormatting: 'Formátovanie textu',
+        action: 'Akcia',
+        paragraphFormatting: 'Formátovanie odseku',
+        documentStyle: 'Štýl dokumentu'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Krok vzad',
+        redo: 'Krok dopredu'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-sl-SI.js b/static/old/lang/summernote-sl-SI.js
new file mode 100755
index 0000000..a98508d
--- /dev/null
+++ b/static/old/lang/summernote-sl-SI.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'sl-SI': {
+      font: {
+        bold: 'Krepko',
+        italic: 'Ležeče',
+        underline: 'Podčrtano',
+        clear: 'Počisti oblikovanje izbire',
+        height: 'Razmik med vrsticami',
+        name: 'Pisava',
+        strikethrough: 'Prečrtano',
+        subscript: 'Podpisano',
+        superscript: 'Nadpisano',
+        size: 'Velikost pisave'
+      },
+      image: {
+        image: 'Slika',
+        insert: 'Vstavi sliko',
+        resizeFull: 'Razširi na polno velikost',
+        resizeHalf: 'Razširi na polovico velikosti',
+        resizeQuarter: 'Razširi na četrtino velikosti',
+        floatLeft: 'Leva poravnava',
+        floatRight: 'Desna poravnava',
+        floatNone: 'Brez poravnave',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Sem povlecite sliko',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Izberi sliko za nalaganje',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URL naslov slike',
+        remove: 'Odstrani sliko',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Video povezava',
+        insert: 'Vstavi video',
+        url: 'Povezava do videa',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion ali Youku)'
+      },
+      link: {
+        link: 'Povezava',
+        insert: 'Vstavi povezavo',
+        unlink: 'Odstrani povezavo',
+        edit: 'Uredi',
+        textToDisplay: 'Prikazano besedilo',
+        url: 'Povezava',
+        openInNewWindow: 'Odpri v novem oknu'
+      },
+      table: {
+        table: 'Tabela',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Vstavi horizontalno črto'
+      },
+      style: {
+        style: 'Slogi',
+        p: 'Navadno besedilo',
+        blockquote: 'Citat',
+        pre: 'Koda',
+        h1: 'Naslov 1',
+        h2: 'Naslov 2',
+        h3: 'Naslov 3',
+        h4: 'Naslov 4',
+        h5: 'Naslov 5',
+        h6: 'Naslov 6'
+      },
+      lists: {
+        unordered: 'Označen seznam',
+        ordered: 'Oštevilčen seznam'
+      },
+      options: {
+        help: 'Pomoč',
+        fullscreen: 'Celozaslonski način',
+        codeview: 'Pregled HTML kode'
+      },
+      paragraph: {
+        paragraph: 'Slogi odstavka',
+        outdent: 'Zmanjšaj odmik',
+        indent: 'Povečaj odmik',
+        left: 'Leva poravnava',
+        center: 'Desna poravnava',
+        right: 'Sredinska poravnava',
+        justify: 'Obojestranska poravnava'
+      },
+      color: {
+        recent: 'Uporabi zadnjo barvo',
+        more: 'Več barv',
+        background: 'Barva ozadja',
+        foreground: 'Barva besedila',
+        transparent: 'Brez barve',
+        setTransparent: 'Brez barve',
+        reset: 'Ponastavi',
+        resetToDefault: 'Ponastavi na privzeto'
+      },
+      shortcut: {
+        shortcuts: 'Bljižnice',
+        close: 'Zapri',
+        textFormatting: 'Oblikovanje besedila',
+        action: 'Dejanja',
+        paragraphFormatting: 'Oblikovanje odstavka',
+        documentStyle: 'Oblikovanje naslova',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Razveljavi',
+        redo: 'Uveljavi'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-sr-RS-Latin.js b/static/old/lang/summernote-sr-RS-Latin.js
new file mode 100755
index 0000000..77dd5f0
--- /dev/null
+++ b/static/old/lang/summernote-sr-RS-Latin.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'sr-RS': {
+      font: {
+        bold: 'Podebljano',
+        italic: 'Kurziv',
+        underline: 'Podvučeno',
+        clear: 'Ukloni stilove fonta',
+        height: 'Visina linije',
+        name: 'Font Family',
+        strikethrough: 'Precrtano',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Veličina fonta'
+      },
+      image: {
+        image: 'Slika',
+        insert: 'Umetni sliku',
+        resizeFull: 'Puna veličina',
+        resizeHalf: 'Umanji na 50%',
+        resizeQuarter: 'Umanji na 25%',
+        floatLeft: 'Uz levu ivicu',
+        floatRight: 'Uz desnu ivicu',
+        floatNone: 'Bez ravnanja',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Prevuci sliku ovde',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Izaberi iz datoteke',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'Adresa slike',
+        remove: 'Ukloni sliku',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Veza ka videu',
+        insert: 'Umetni video',
+        url: 'URL video',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion ili Youku)'
+      },
+      link: {
+        link: 'Veza',
+        insert: 'Umetni vezu',
+        unlink: 'Ukloni vezu',
+        edit: 'Uredi',
+        textToDisplay: 'Tekst za prikaz',
+        url: 'Internet adresa',
+        openInNewWindow: 'Otvori u novom prozoru'
+      },
+      table: {
+        table: 'Tabela',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Umetni horizontalnu liniju'
+      },
+      style: {
+        style: 'Stil',
+        p: 'pni',
+        blockquote: 'Citat',
+        pre: 'Kod',
+        h1: 'Zaglavlje 1',
+        h2: 'Zaglavlje 2',
+        h3: 'Zaglavlje 3',
+        h4: 'Zaglavlje 4',
+        h5: 'Zaglavlje 5',
+        h6: 'Zaglavlje 6'
+      },
+      lists: {
+        unordered: 'Obična lista',
+        ordered: 'Numerisana lista'
+      },
+      options: {
+        help: 'Pomoć',
+        fullscreen: 'Preko celog ekrana',
+        codeview: 'Izvorni kod'
+      },
+      paragraph: {
+        paragraph: 'Paragraf',
+        outdent: 'Smanji uvlačenje',
+        indent: 'Povečaj uvlačenje',
+        left: 'Poravnaj u levo',
+        center: 'Centrirano',
+        right: 'Poravnaj u desno',
+        justify: 'Poravnaj obostrano'
+      },
+      color: {
+        recent: 'Poslednja boja',
+        more: 'Više boja',
+        background: 'Boja pozadine',
+        foreground: 'Boja teksta',
+        transparent: 'Providna',
+        setTransparent: 'Providna',
+        reset: 'Opoziv',
+        resetToDefault: 'Podrazumevana'
+      },
+      shortcut: {
+        shortcuts: 'Prečice sa tastature',
+        close: 'Zatvori',
+        textFormatting: 'Formatiranje teksta',
+        action: 'Akcija',
+        paragraphFormatting: 'Formatiranje paragrafa',
+        documentStyle: 'Stil dokumenta',
+        extraKeys: 'Dodatne kombinacije'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Poništi',
+        redo: 'Ponovi'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-sr-RS.js b/static/old/lang/summernote-sr-RS.js
new file mode 100755
index 0000000..7983690
--- /dev/null
+++ b/static/old/lang/summernote-sr-RS.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'sr-RS': {
+      font: {
+        bold: 'Подебљано',
+        italic: 'Курзив',
+        underline: 'Подвучено',
+        clear: 'Уклони стилове фонта',
+        height: 'Висина линије',
+        name: 'Font Family',
+        strikethrough: 'Прецртано',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Величина фонта'
+      },
+      image: {
+        image: 'Слика',
+        insert: 'Уметни слику',
+        resizeFull: 'Пуна величина',
+        resizeHalf: 'Умањи на 50%',
+        resizeQuarter: 'Умањи на 25%',
+        floatLeft: 'Уз леву ивицу',
+        floatRight: 'Уз десну ивицу',
+        floatNone: 'Без равнања',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Превуци слику овде',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Изабери из датотеке',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'Адреса слике',
+        remove: 'Уклони слику',
+        original: 'Original'
+      },
+      video: {
+        video: 'Видео',
+        videoLink: 'Веза ка видеу',
+        insert: 'Уметни видео',
+        url: 'URL видео',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion или Youku)'
+      },
+      link: {
+        link: 'Веза',
+        insert: 'Уметни везу',
+        unlink: 'Уклони везу',
+        edit: 'Уреди',
+        textToDisplay: 'Текст за приказ',
+        url: 'Интернет адреса',
+        openInNewWindow: 'Отвори у новом прозору'
+      },
+      table: {
+        table: 'Табела',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Уметни хоризонталну линију'
+      },
+      style: {
+        style: 'Стил',
+        p: 'Нормални',
+        blockquote: 'Цитат',
+        pre: 'Код',
+        h1: 'Заглавље 1',
+        h2: 'Заглавље 2',
+        h3: 'Заглавље 3',
+        h4: 'Заглавље 4',
+        h5: 'Заглавље 5',
+        h6: 'Заглавље 6'
+      },
+      lists: {
+        unordered: 'Обична листа',
+        ordered: 'Нумерисана листа'
+      },
+      options: {
+        help: 'Помоћ',
+        fullscreen: 'Преко целог екрана',
+        codeview: 'Изворни код'
+      },
+      paragraph: {
+        paragraph: 'Параграф',
+        outdent: 'Смањи увлачење',
+        indent: 'Повечај увлачење',
+        left: 'Поравнај у лево',
+        center: 'Центрирано',
+        right: 'Поравнај у десно',
+        justify: 'Поравнај обострано'
+      },
+      color: {
+        recent: 'Последња боја',
+        more: 'Више боја',
+        background: 'Боја позадине',
+        foreground: 'Боја текста',
+        transparent: 'Провидна',
+        setTransparent: 'Провидна',
+        reset: 'Опозив',
+        resetToDefault: 'Подразумевана'
+      },
+      shortcut: {
+        shortcuts: 'Пречице са тастатуре',
+        close: 'Затвори',
+        textFormatting: 'Форматирање текста',
+        action: 'Акција',
+        paragraphFormatting: 'Форматирање параграфа',
+        documentStyle: 'Стил документа',
+        extraKeys: 'Додатне комбинације'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Поништи',
+        redo: 'Понови'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-sv-SE.js b/static/old/lang/summernote-sv-SE.js
new file mode 100755
index 0000000..7d1a247
--- /dev/null
+++ b/static/old/lang/summernote-sv-SE.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'sv-SE': {
+      font: {
+        bold: 'Fet',
+        italic: 'Kursiv',
+        underline: 'Understruken',
+        clear: 'Radera formatering',
+        height: 'Radavstånd',
+        name: 'Teckensnitt',
+        strikethrough: 'Genomstruken',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Teckenstorlek'
+      },
+      image: {
+        image: 'Bild',
+        insert: 'Infoga bild',
+        resizeFull: 'Full storlek',
+        resizeHalf: 'Halv storlek',
+        resizeQuarter: 'En fjärdedel i storlek',
+        floatLeft: 'Vänsterjusterad',
+        floatRight: 'Högerjusterad',
+        floatNone: 'Ingen justering',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Dra en bild hit',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Välj från filer',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'Länk till bild',
+        remove: 'Ta bort bild',
+        original: 'Original'
+      },
+      video: {
+        video: 'Filmklipp',
+        videoLink: 'Länk till filmklipp',
+        insert: 'Infoga filmklipp',
+        url: 'Länk till filmklipp',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion eller Youku)'
+      },
+      link: {
+        link: 'Länk',
+        insert: 'Infoga länk',
+        unlink: 'Ta bort länk',
+        edit: 'Redigera',
+        textToDisplay: 'Visningstext',
+        url: 'Till vilken URL ska denna länk peka?',
+        openInNewWindow: 'Öppna i ett nytt fönster'
+      },
+      table: {
+        table: 'Tabell',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Infoga horisontell linje'
+      },
+      style: {
+        style: 'Stil',
+        p: 'p',
+        blockquote: 'Citat',
+        pre: 'Kod',
+        h1: 'Rubrik 1',
+        h2: 'Rubrik 2',
+        h3: 'Rubrik 3',
+        h4: 'Rubrik 4',
+        h5: 'Rubrik 5',
+        h6: 'Rubrik 6'
+      },
+      lists: {
+        unordered: 'Punktlista',
+        ordered: 'Numrerad lista'
+      },
+      options: {
+        help: 'Hjälp',
+        fullscreen: 'Fullskärm',
+        codeview: 'HTML-visning'
+      },
+      paragraph: {
+        paragraph: 'Justera text',
+        outdent: 'Minska indrag',
+        indent: 'Öka indrag',
+        left: 'Vänsterjusterad',
+        center: 'Centrerad',
+        right: 'Högerjusterad',
+        justify: 'Justera text'
+      },
+      color: {
+        recent: 'Senast använda färg',
+        more: 'Fler färger',
+        background: 'Bakgrundsfärg',
+        foreground: 'Teckenfärg',
+        transparent: 'Genomskinlig',
+        setTransparent: 'Gör genomskinlig',
+        reset: 'Nollställ',
+        resetToDefault: 'Återställ till standard'
+      },
+      shortcut: {
+        shortcuts: 'Kortkommandon',
+        close: 'Stäng',
+        textFormatting: 'Textformatering',
+        action: 'Funktion',
+        paragraphFormatting: 'Avsnittsformatering',
+        documentStyle: 'Dokumentstil',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Ångra',
+        redo: 'Gör om'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-ta-IN.js b/static/old/lang/summernote-ta-IN.js
new file mode 100755
index 0000000..f793870
--- /dev/null
+++ b/static/old/lang/summernote-ta-IN.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'ta-IN': {
+      font: {
+        bold: 'தடித்த',
+        italic: 'சாய்வு',
+        underline: 'அடிக்கோடு',
+        clear: 'நீக்கு',
+        height: 'வரி  உயரம்',
+        name: 'எழுத்துரு பெயர்',
+        strikethrough: 'குறுக்குக் கோடு',
+        size: 'எழுத்துரு அளவு',
+        superscript: 'மேல் ஒட்டு',
+        subscript: 'கீழ் ஒட்டு'
+      },
+      image: {
+        image: 'படம்',
+        insert: 'படத்தை செருகு',
+        resizeFull: 'முழு அளவை',
+        resizeHalf: 'அரை அளவை',
+        resizeQuarter: 'கால் அளவை',
+        floatLeft: 'இடப்பக்கமாக வை',
+        floatRight: 'வலப்பக்கமாக வை',
+        floatNone: 'இயல்புநிலையில் வை',
+        shapeRounded: 'வட்டமான வடிவம்',
+        shapeCircle: 'வட்ட வடிவம்',
+        shapeThumbnail: 'சிறு வடிவம்',
+        shapeNone: 'வடிவத்தை நீக்கு',
+        dragImageHere: 'படத்தை இங்கே இழுத்துவை',
+        dropImage: 'படத்தை விடு',
+        selectFromFiles: 'கோப்புகளை தேர்வு செய்',
+        maximumFileSize: 'அதிகபட்ச கோப்பு அளவு',
+        maximumFileSizeError: 'கோப்பு அதிகபட்ச அளவை மீறிவிட்டது',
+        url: 'இணையதள முகவரி',
+        remove: 'படத்தை நீக்கு',
+        original: 'Original'
+      },
+      video: {
+        video: 'காணொளி',
+        videoLink: 'காணொளி இணைப்பு',
+        insert: 'காணொளியை செருகு',
+        url: 'இணையதள முகவரி',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)'
+      },
+      link: {
+        link: 'இணைப்பு',
+        insert: 'இணைப்பை செருகு',
+        unlink: 'இணைப்பை நீக்கு',
+        edit: 'இணைப்பை தொகு',
+        textToDisplay: 'காட்சி வாசகம்',
+        url: 'இணையதள முகவரி',
+        openInNewWindow: 'புதிய சாளரத்தில் திறக்க'
+      },
+      table: {
+        table: 'அட்டவணை',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'கிடைமட்ட கோடு'
+      },
+      style: {
+        style: 'தொகுப்பு',
+        p: 'பத்தி',
+        blockquote: 'மேற்கோள்',
+        pre: 'குறியீடு',
+        h1: 'தலைப்பு 1',
+        h2: 'தலைப்பு 2',
+        h3: 'தலைப்பு 3',
+        h4: 'தலைப்பு 4',
+        h5: 'தலைப்பு 5',
+        h6: 'தலைப்பு 6'
+      },
+      lists: {
+        unordered: 'வரிசையிடாத',
+        ordered: 'வரிசையிட்ட'
+      },
+      options: {
+        help: 'உதவி',
+        fullscreen: 'முழுத்திரை',
+        codeview: 'நிரலாக்க காட்சி'
+      },
+      paragraph: {
+        paragraph: 'பத்தி',
+        outdent: 'வெளித்தள்ளு',
+        indent: 'உள்ளே தள்ளு',
+        left: 'இடது சீரமைப்பு',
+        center: 'நடு சீரமைப்பு',
+        right: 'வலது சீரமைப்பு',
+        justify: 'இருபுற சீரமைப்பு'
+      },
+      color: {
+        recent: 'அண்மை நிறம்',
+        more: 'மேலும்',
+        background: 'பின்புல நிறம்',
+        foreground: 'முன்புற நிறம்',
+        transparent: 'தெளிமையான',
+        setTransparent: 'தெளிமையாக்கு',
+        reset: 'மீட்டமைக்க',
+        resetToDefault: 'இயல்புநிலைக்கு மீட்டமை'
+      },
+      shortcut: {
+        shortcuts: 'குறுக்குவழி',
+        close: 'மூடு',
+        textFormatting: 'எழுத்து வடிவமைப்பு',
+        action: 'செயல்படுத்து',
+        paragraphFormatting: 'பத்தி வடிவமைப்பு',
+        documentStyle: 'ஆவண பாணி',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'மீளமை',
+        redo: 'மீண்டும்'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-th-TH.js b/static/old/lang/summernote-th-TH.js
new file mode 100755
index 0000000..3e54b97
--- /dev/null
+++ b/static/old/lang/summernote-th-TH.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'th-TH': {
+      font: {
+        bold: 'ตัวหนา',
+        italic: 'ตัวเอียง',
+        underline: 'ขีดเส้นใต้',
+        clear: 'ล้างรูปแบบตัวอักษร',
+        height: 'ความสูงบรรทัด',
+        name: 'แบบตัวอักษร',
+        strikethrough: 'ขีดฆ่า',
+        subscript: 'ตัวห้อย',
+        superscript: 'ตัวยก',
+        size: 'ขนาดตัวอักษร'
+      },
+      image: {
+        image: 'รูปภาพ',
+        insert: 'แทรกรูปภาพ',
+        resizeFull: 'ปรับขนาดเท่าจริง',
+        resizeHalf: 'ปรับขนาดลง 50%',
+        resizeQuarter: 'ปรับขนาดลง 25%',
+        floatLeft: 'ชิดซ้าย',
+        floatRight: 'ชิดขวา',
+        floatNone: 'ไม่จัดตำแหน่ง',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'ลากรูปภาพที่ต้องการไว้ที่นี่',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'เลือกไฟล์รูปภาพ',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'ที่อยู่ URL ของรูปภาพ',
+        remove: 'ลบรูปภาพ',
+        original: 'Original'
+      },
+      video: {
+        video: 'วีดีโอ',
+        videoLink: 'ลิงก์ของวีดีโอ',
+        insert: 'แทรกวีดีโอ',
+        url: 'ที่อยู่ URL ของวีดีโอ?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion หรือ Youku)'
+      },
+      link: {
+        link: 'ตัวเชื่อมโยง',
+        insert: 'แทรกตัวเชื่อมโยง',
+        unlink: 'ยกเลิกตัวเชื่อมโยง',
+        edit: 'แก้ไข',
+        textToDisplay: 'ข้อความที่ให้แสดง',
+        url: 'ที่อยู่เว็บไซต์ที่ต้องการให้เชื่อมโยงไปถึง?',
+        openInNewWindow: 'เปิดในหน้าต่างใหม่'
+      },
+      table: {
+        table: 'ตาราง',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'แทรกเส้นคั่น'
+      },
+      style: {
+        style: 'รูปแบบ',
+        p: 'ปกติ',
+        blockquote: 'ข้อความ',
+        pre: 'โค้ด',
+        h1: 'หัวข้อ 1',
+        h2: 'หัวข้อ 2',
+        h3: 'หัวข้อ 3',
+        h4: 'หัวข้อ 4',
+        h5: 'หัวข้อ 5',
+        h6: 'หัวข้อ 6'
+      },
+      lists: {
+        unordered: 'รายการแบบไม่มีลำดับ',
+        ordered: 'รายการแบบมีลำดับ'
+      },
+      options: {
+        help: 'ช่วยเหลือ',
+        fullscreen: 'ขยายเต็มหน้าจอ',
+        codeview: 'ซอร์สโค้ด'
+      },
+      paragraph: {
+        paragraph: 'ย่อหน้า',
+        outdent: 'เยื้องซ้าย',
+        indent: 'เยื้องขวา',
+        left: 'จัดหน้าชิดซ้าย',
+        center: 'จัดหน้ากึ่งกลาง',
+        right: 'จัดหน้าชิดขวา',
+        justify: 'จัดบรรทัดเสมอกัน'
+      },
+      color: {
+        recent: 'สีที่ใช้ล่าสุด',
+        more: 'สีอื่นๆ',
+        background: 'สีพื้นหลัง',
+        foreground: 'สีพื้นหน้า',
+        transparent: 'โปร่งแสง',
+        setTransparent: 'ตั้งค่าความโปร่งแสง',
+        reset: 'คืนค่า',
+        resetToDefault: 'คืนค่ามาตรฐาน'
+      },
+      shortcut: {
+        shortcuts: 'แป้นลัด',
+        close: 'ปิด',
+        textFormatting: 'การจัดรูปแบบข้อความ',
+        action: 'การกระทำ',
+        paragraphFormatting: 'การจัดรูปแบบย่อหน้า',
+        documentStyle: 'รูปแบบของเอกสาร',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'ยกเลิกการกระทำ',
+        redo: 'ทำซ้ำการกระทำ'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-tr-TR.js b/static/old/lang/summernote-tr-TR.js
new file mode 100755
index 0000000..f119a80
--- /dev/null
+++ b/static/old/lang/summernote-tr-TR.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'tr-TR': {
+      font: {
+        bold: 'Kalın',
+        italic: 'İtalik',
+        underline: 'Altı çizili',
+        clear: 'Temizle',
+        height: 'Satır yüksekliği',
+        name: 'Yazı Tipi',
+        strikethrough: 'Üstü çizili',
+        subscript: 'Alt Simge',
+        superscript: 'Üst Simge',
+        size: 'Yazı tipi boyutu'
+      },
+      image: {
+        image: 'Resim',
+        insert: 'Resim ekle',
+        resizeFull: 'Orjinal boyut',
+        resizeHalf: '1/2 boyut',
+        resizeQuarter: '1/4 boyut',
+        floatLeft: 'Sola hizala',
+        floatRight: 'Sağa hizala',
+        floatNone: 'Hizalamayı kaldır',
+        shapeRounded: 'Şekil: Yuvarlatılmış Köşe',
+        shapeCircle: 'Şekil: Daire',
+        shapeThumbnail: 'Şekil: K.Resim',
+        shapeNone: 'Şekil: Yok',
+        dragImageHere: 'Buraya sürükleyin',
+        dropImage: 'Resim veya metni bırakın',
+        selectFromFiles: 'Dosya seçin',
+        maximumFileSize: 'Maksimum dosya boyutu',
+        maximumFileSizeError: 'Maksimum dosya boyutu aşıldı.',
+        url: 'Resim bağlantısı',
+        remove: 'Resimi Kaldır',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Video bağlantısı',
+        insert: 'Video ekle',
+        url: 'Video bağlantısı?',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion veya Youku)'
+      },
+      link: {
+        link: 'Bağlantı',
+        insert: 'Bağlantı ekle',
+        unlink: 'Bağlantıyı kaldır',
+        edit: 'Bağlantıyı düzenle',
+        textToDisplay: 'Görüntülemek için',
+        url: 'Bağlantı adresi?',
+        openInNewWindow: 'Yeni pencerede aç'
+      },
+      table: {
+        table: 'Tablo',
+        addRowAbove: 'Yukarı satır ekle',
+        addRowBelow: 'Aşağı satır ekle',
+        addColLeft: 'Sola sütun ekle',
+        addColRight: 'Sağa sütun ekle',
+        delRow: 'Satırı sil',
+        delCol: 'Sütunu sil',
+        delTable: 'Tabloyu sil'
+      },
+      hr: {
+        insert: 'Yatay çizgi ekle'
+      },
+      style: {
+        style: 'Biçim',
+        p: 'p',
+        blockquote: 'Alıntı',
+        pre: 'Önbiçimli',
+        h1: 'Başlık 1',
+        h2: 'Başlık 2',
+        h3: 'Başlık 3',
+        h4: 'Başlık 4',
+        h5: 'Başlık 5',
+        h6: 'Başlık 6'
+      },
+      lists: {
+        unordered: 'Madde işaretli liste',
+        ordered: 'Numaralı liste'
+      },
+      options: {
+        help: 'Yardım',
+        fullscreen: 'Tam ekran',
+        codeview: 'HTML Kodu'
+      },
+      paragraph: {
+        paragraph: 'Paragraf',
+        outdent: 'Girintiyi artır',
+        indent: 'Girintiyi azalt',
+        left: 'Sola hizala',
+        center: 'Ortaya hizala',
+        right: 'Sağa hizala',
+        justify: 'Yasla'
+      },
+      color: {
+        recent: 'Son renk',
+        more: 'Daha fazla renk',
+        background: 'Arka plan rengi',
+        foreground: 'Yazı rengi',
+        transparent: 'Seffaflık',
+        setTransparent: 'Şeffaflığı ayarla',
+        reset: 'Sıfırla',
+        resetToDefault: 'Varsayılanlara sıfırla'
+      },
+      shortcut: {
+        shortcuts: 'Kısayollar',
+        close: 'Kapat',
+        textFormatting: 'Yazı biçimlendirme',
+        action: 'Eylem',
+        paragraphFormatting: 'Paragraf biçimlendirme',
+        documentStyle: 'Biçim',
+        extraKeys: 'İlave anahtarlar'
+      },
+      help: {
+        'insertParagraph': 'Paragraf ekler',
+        'undo': 'Son komudu geri alır',
+        'redo': 'Son komudu yineler',
+        'tab': 'Girintiyi artırır',
+        'untab': 'Girintiyi azaltır',
+        'bold': 'Kalın yazma stilini ayarlar',
+        'italic': 'İtalik yazma stilini ayarlar',
+        'underline': 'Altı çizgili yazma stilini ayarlar',
+        'strikethrough': 'Üstü çizgili yazma stilini ayarlar',
+        'removeFormat': 'Biçimlendirmeyi temizler',
+        'justifyLeft': 'Yazıyı sola hizalar',
+        'justifyCenter': 'Yazıyı ortalar',
+        'justifyRight': 'Yazıyı sağa hizalar',
+        'justifyFull': 'Yazıyı her iki tarafa yazlar',
+        'insertUnorderedList': 'Madde işaretli liste ekler',
+        'insertOrderedList': 'Numaralı liste ekler',
+        'outdent': 'Aktif paragrafın girintisini azaltır',
+        'indent': 'Aktif paragrafın girintisini artırır',
+        'formatPara': 'Aktif bloğun biçimini paragraf (p) olarak değiştirir',
+        'formatH1': 'Aktif bloğun biçimini başlık 1 (h1) olarak değiştirir',
+        'formatH2': 'Aktif bloğun biçimini başlık 2 (h2) olarak değiştirir',
+        'formatH3': 'Aktif bloğun biçimini başlık 3 (h3) olarak değiştirir',
+        'formatH4': 'Aktif bloğun biçimini başlık 4 (h4) olarak değiştirir',
+        'formatH5': 'Aktif bloğun biçimini başlık 5 (h5) olarak değiştirir',
+        'formatH6': 'Aktif bloğun biçimini başlık 6 (h6) olarak değiştirir',
+        'insertHorizontalRule': 'Yatay çizgi ekler',
+        'linkDialog.show': 'Bağlantı ayar kutusunu gösterir'
+      },
+      history: {
+        undo: 'Geri al',
+        redo: 'Yinele'
+      },
+      specialChar: {
+        specialChar: 'ÖZEL KARAKTERLER',
+        select: 'Özel Karakterleri seçin'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-uk-UA.js b/static/old/lang/summernote-uk-UA.js
new file mode 100755
index 0000000..b41d176
--- /dev/null
+++ b/static/old/lang/summernote-uk-UA.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'uk-UA': {
+      font: {
+        bold: 'Напівжирний',
+        italic: 'Курсив',
+        underline: 'Підкреслений',
+        clear: 'Прибрати стилі шрифту',
+        height: 'Висота лінії',
+        name: 'Шрифт',
+        strikethrough: 'Закреслений',
+        subscript: 'Нижній індекс',
+        superscript: 'Верхній індекс',
+        size: 'Розмір шрифту'
+      },
+      image: {
+        image: 'Картинка',
+        insert: 'Вставити картинку',
+        resizeFull: 'Відновити розмір',
+        resizeHalf: 'Зменшити до 50%',
+        resizeQuarter: 'Зменшити до 25%',
+        floatLeft: 'Розташувати ліворуч',
+        floatRight: 'Розташувати праворуч',
+        floatNone: 'Початкове розташування',
+        shapeRounded: 'Форма: Заокруглена',
+        shapeCircle: 'Форма: Коло',
+        shapeThumbnail: 'Форма: Мініатюра',
+        shapeNone: 'Форма: Немає',
+        dragImageHere: 'Перетягніть сюди картинку',
+        dropImage: 'Перетягніть картинку',
+        selectFromFiles: 'Вибрати з файлів',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URL картинки',
+        remove: 'Видалити картинку',
+        original: 'Original'
+      },
+      video: {
+        video: 'Відео',
+        videoLink: 'Посилання на відео',
+        insert: 'Вставити відео',
+        url: 'URL відео',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion чи Youku)'
+      },
+      link: {
+        link: 'Посилання',
+        insert: 'Вставити посилання',
+        unlink: 'Прибрати посилання',
+        edit: 'Редагувати',
+        textToDisplay: 'Текст, що відображається',
+        url: 'URL для переходу',
+        openInNewWindow: 'Відкривати у новому вікні'
+      },
+      table: {
+        table: 'Таблиця',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Вставити горизонтальну лінію'
+      },
+      style: {
+        style: 'Стиль',
+        p: 'Нормальний',
+        blockquote: 'Цитата',
+        pre: 'Код',
+        h1: 'Заголовок 1',
+        h2: 'Заголовок 2',
+        h3: 'Заголовок 3',
+        h4: 'Заголовок 4',
+        h5: 'Заголовок 5',
+        h6: 'Заголовок 6'
+      },
+      lists: {
+        unordered: 'Маркований список',
+        ordered: 'Нумерований список'
+      },
+      options: {
+        help: 'Допомога',
+        fullscreen: 'На весь екран',
+        codeview: 'Початковий код'
+      },
+      paragraph: {
+        paragraph: 'Параграф',
+        outdent: 'Зменшити відступ',
+        indent: 'Збільшити відступ',
+        left: 'Вирівняти по лівому краю',
+        center: 'Вирівняти по центру',
+        right: 'Вирівняти по правому краю',
+        justify: 'Розтягнути по ширині'
+      },
+      color: {
+        recent: 'Останній колір',
+        more: 'Ще кольори',
+        background: 'Колір фону',
+        foreground: 'Колір шрифту',
+        transparent: 'Прозорий',
+        setTransparent: 'Зробити прозорим',
+        reset: 'Відновити',
+        resetToDefault: 'Відновити початкові'
+      },
+      shortcut: {
+        shortcuts: 'Комбінації клавіш',
+        close: 'Закрити',
+        textFormatting: 'Форматування тексту',
+        action: 'Дія',
+        paragraphFormatting: 'Форматування параграфу',
+        documentStyle: 'Стиль документу',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Відмінити',
+        redo: 'Повторити'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-vi-VN.js b/static/old/lang/summernote-vi-VN.js
new file mode 100755
index 0000000..2f756de
--- /dev/null
+++ b/static/old/lang/summernote-vi-VN.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'vi-VN': {
+      font: {
+        bold: 'In Đậm',
+        italic: 'In Nghiêng',
+        underline: 'Gạch dưới',
+        clear: 'Bỏ định dạng',
+        height: 'Chiều cao dòng',
+        name: 'Phông chữ',
+        strikethrough: 'Gạch ngang',
+        subscript: 'Subscript',
+        superscript: 'Superscript',
+        size: 'Cỡ chữ'
+      },
+      image: {
+        image: 'Hình ảnh',
+        insert: 'Chèn',
+        resizeFull: '100%',
+        resizeHalf: '50%',
+        resizeQuarter: '25%',
+        floatLeft: 'Trôi về trái',
+        floatRight: 'Trôi về phải',
+        floatNone: 'Không trôi',
+        shapeRounded: 'Shape: Rounded',
+        shapeCircle: 'Shape: Circle',
+        shapeThumbnail: 'Shape: Thumbnail',
+        shapeNone: 'Shape: None',
+        dragImageHere: 'Thả Ảnh ở vùng này',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: 'Chọn từ File',
+        maximumFileSize: 'Maximum file size',
+        maximumFileSizeError: 'Maximum file size exceeded.',
+        url: 'URL',
+        remove: 'Xóa',
+        original: 'Original'
+      },
+      video: {
+        video: 'Video',
+        videoLink: 'Link đến Video',
+        insert: 'Chèn Video',
+        url: 'URL',
+        providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion và Youku)'
+      },
+      link: {
+        link: 'Link',
+        insert: 'Chèn Link',
+        unlink: 'Gỡ Link',
+        edit: 'Sửa',
+        textToDisplay: 'Văn bản hiển thị',
+        url: 'URL',
+        openInNewWindow: 'Mở ở Cửa sổ mới'
+      },
+      table: {
+        table: 'Bảng',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: 'Chèn'
+      },
+      style: {
+        style: 'Kiểu chữ',
+        p: 'Chữ thường',
+        blockquote: 'Đoạn trích',
+        pre: 'Mã Code',
+        h1: 'H1',
+        h2: 'H2',
+        h3: 'H3',
+        h4: 'H4',
+        h5: 'H5',
+        h6: 'H6'
+      },
+      lists: {
+        unordered: 'Liệt kê danh sách',
+        ordered: 'Liệt kê theo thứ tự'
+      },
+      options: {
+        help: 'Trợ giúp',
+        fullscreen: 'Toàn Màn hình',
+        codeview: 'Xem Code'
+      },
+      paragraph: {
+        paragraph: 'Canh lề',
+        outdent: 'Dịch sang trái',
+        indent: 'Dịch sang phải',
+        left: 'Canh trái',
+        center: 'Canh giữa',
+        right: 'Canh phải',
+        justify: 'Canh đều'
+      },
+      color: {
+        recent: 'Màu chữ',
+        more: 'Mở rộng',
+        background: 'Màu nền',
+        foreground: 'Màu chữ',
+        transparent: 'trong suốt',
+        setTransparent: 'Nền trong suốt',
+        reset: 'Thiết lập lại',
+        resetToDefault: 'Trở lại ban đầu'
+      },
+      shortcut: {
+        shortcuts: 'Phím tắt',
+        close: 'Đóng',
+        textFormatting: 'Định dạng Văn bản',
+        action: 'Hành động',
+        paragraphFormatting: 'Định dạng',
+        documentStyle: 'Kiểu văn bản',
+        extraKeys: 'Extra keys'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: 'Lùi lại',
+        redo: 'Làm lại'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-zh-CN.js b/static/old/lang/summernote-zh-CN.js
new file mode 100755
index 0000000..d20fb2c
--- /dev/null
+++ b/static/old/lang/summernote-zh-CN.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'zh-CN': {
+      font: {
+        bold: '粗体',
+        italic: '斜体',
+        underline: '下划线',
+        clear: '清除格式',
+        height: '行高',
+        name: '字体',
+        strikethrough: '删除线',
+        subscript: '下标',
+        superscript: '上标',
+        size: '字号'
+      },
+      image: {
+        image: '图片',
+        insert: '插入图片',
+        resizeFull: '缩放至 100%',
+        resizeHalf: '缩放至 50%',
+        resizeQuarter: '缩放至 25%',
+        floatLeft: '靠左浮动',
+        floatRight: '靠右浮动',
+        floatNone: '取消浮动',
+        shapeRounded: '形状: 圆角',
+        shapeCircle: '形状: 圆',
+        shapeThumbnail: '形状: 缩略图',
+        shapeNone: '形状: 无',
+        dragImageHere: '将图片拖拽至此处',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: '从本地上传',
+        maximumFileSize: '文件大小最大值',
+        maximumFileSizeError: '文件大小超出最大值。',
+        url: '图片地址',
+        remove: '移除图片',
+        original: 'Original'
+      },
+      video: {
+        video: '视频',
+        videoLink: '视频链接',
+        insert: '插入视频',
+        url: '视频地址',
+        providers: '(优酷, 腾讯, Instagram, DailyMotion, Youtube等)'
+      },
+      link: {
+        link: '链接',
+        insert: '插入链接',
+        unlink: '去除链接',
+        edit: '编辑链接',
+        textToDisplay: '显示文本',
+        url: '链接地址',
+        openInNewWindow: '在新窗口打开'
+      },
+      table: {
+        table: '表格',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: '水平线'
+      },
+      style: {
+        style: '样式',
+        p: '普通',
+        blockquote: '引用',
+        pre: '代码',
+        h1: '标题 1',
+        h2: '标题 2',
+        h3: '标题 3',
+        h4: '标题 4',
+        h5: '标题 5',
+        h6: '标题 6'
+      },
+      lists: {
+        unordered: '无序列表',
+        ordered: '有序列表'
+      },
+      options: {
+        help: '帮助',
+        fullscreen: '全屏',
+        codeview: '源代码'
+      },
+      paragraph: {
+        paragraph: '段落',
+        outdent: '减少缩进',
+        indent: '增加缩进',
+        left: '左对齐',
+        center: '居中对齐',
+        right: '右对齐',
+        justify: '两端对齐'
+      },
+      color: {
+        recent: '最近使用',
+        more: '更多',
+        background: '背景',
+        foreground: '前景',
+        transparent: '透明',
+        setTransparent: '透明',
+        reset: '重置',
+        resetToDefault: '默认'
+      },
+      shortcut: {
+        shortcuts: '快捷键',
+        close: '关闭',
+        textFormatting: '文本格式',
+        action: '动作',
+        paragraphFormatting: '段落格式',
+        documentStyle: '文档样式',
+        extraKeys: '额外按键'
+      },
+      help: {
+        insertParagraph: '插入段落',
+        undo: '撤销',
+        redo: '重做',
+        tab: '增加缩进',
+        untab: '减少缩进',
+        bold: '粗体',
+        italic: '斜体',
+        underline: '下划线',
+        strikethrough: '删除线',
+        removeFormat: '清除格式',
+        justifyLeft: '左对齐',
+        justifyCenter: '居中对齐',
+        justifyRight: '右对齐',
+        justifyFull: '两端对齐',
+        insertUnorderedList: '无序列表',
+        insertOrderedList: '有序列表',
+        outdent: '减少缩进',
+        indent: '增加缩进',
+        formatPara: '设置选中内容样式为 普通',
+        formatH1: '设置选中内容样式为 标题1',
+        formatH2: '设置选中内容样式为 标题2',
+        formatH3: '设置选中内容样式为 标题3',
+        formatH4: '设置选中内容样式为 标题4',
+        formatH5: '设置选中内容样式为 标题5',
+        formatH6: '设置选中内容样式为 标题6',
+        insertHorizontalRule: '插入水平线',
+        'linkDialog.show': '显示链接对话框'
+      },
+      history: {
+        undo: '撤销',
+        redo: '重做'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/lang/summernote-zh-TW.js b/static/old/lang/summernote-zh-TW.js
new file mode 100755
index 0000000..bb39e29
--- /dev/null
+++ b/static/old/lang/summernote-zh-TW.js
@@ -0,0 +1,155 @@
+(function($) {
+  $.extend($.summernote.lang, {
+    'zh-TW': {
+      font: {
+        bold: '粗體',
+        italic: '斜體',
+        underline: '底線',
+        clear: '清除格式',
+        height: '行高',
+        name: '字體',
+        strikethrough: '刪除線',
+        subscript: '下標',
+        superscript: '上標',
+        size: '字號'
+      },
+      image: {
+        image: '圖片',
+        insert: '插入圖片',
+        resizeFull: '縮放至100%',
+        resizeHalf: '縮放至 50%',
+        resizeQuarter: '縮放至 25%',
+        floatLeft: '靠左浮動',
+        floatRight: '靠右浮動',
+        floatNone: '取消浮動',
+        shapeRounded: '形狀: 圓角',
+        shapeCircle: '形狀: 圓',
+        shapeThumbnail: '形狀: 縮略圖',
+        shapeNone: '形狀: 無',
+        dragImageHere: '將圖片拖曳至此處',
+        dropImage: 'Drop image or Text',
+        selectFromFiles: '從本機上傳',
+        maximumFileSize: '文件大小最大值',
+        maximumFileSizeError: '文件大小超出最大值。',
+        url: '圖片網址',
+        remove: '移除圖片',
+        original: 'Original'
+      },
+      video: {
+        video: '影片',
+        videoLink: '影片連結',
+        insert: '插入影片',
+        url: '影片網址',
+        providers: '(優酷, Instagram, DailyMotion, Youtube等)'
+      },
+      link: {
+        link: '連結',
+        insert: '插入連結',
+        unlink: '取消連結',
+        edit: '編輯連結',
+        textToDisplay: '顯示文字',
+        url: '連結網址',
+        openInNewWindow: '在新視窗開啟'
+      },
+      table: {
+        table: '表格',
+        addRowAbove: 'Add row above',
+        addRowBelow: 'Add row below',
+        addColLeft: 'Add column left',
+        addColRight: 'Add column right',
+        delRow: 'Delete row',
+        delCol: 'Delete column',
+        delTable: 'Delete table'
+      },
+      hr: {
+        insert: '水平線'
+      },
+      style: {
+        style: '樣式',
+        p: '一般',
+        blockquote: '引用區塊',
+        pre: '程式碼區塊',
+        h1: '標題 1',
+        h2: '標題 2',
+        h3: '標題 3',
+        h4: '標題 4',
+        h5: '標題 5',
+        h6: '標題 6'
+      },
+      lists: {
+        unordered: '項目清單',
+        ordered: '編號清單'
+      },
+      options: {
+        help: '幫助',
+        fullscreen: '全螢幕',
+        codeview: '原始碼'
+      },
+      paragraph: {
+        paragraph: '段落',
+        outdent: '取消縮排',
+        indent: '增加縮排',
+        left: '靠右對齊',
+        center: '靠中對齊',
+        right: '靠右對齊',
+        justify: '左右對齊'
+      },
+      color: {
+        recent: '字型顏色',
+        more: '更多',
+        background: '背景',
+        foreground: '前景',
+        transparent: '透明',
+        setTransparent: '透明',
+        reset: '重設',
+        resetToDefault: '默認'
+      },
+      shortcut: {
+        shortcuts: '快捷鍵',
+        close: '關閉',
+        textFormatting: '文字格式',
+        action: '動作',
+        paragraphFormatting: '段落格式',
+        documentStyle: '文件格式',
+        extraKeys: '額外按鍵'
+      },
+      help: {
+        'insertParagraph': 'Insert Paragraph',
+        'undo': 'Undoes the last command',
+        'redo': 'Redoes the last command',
+        'tab': 'Tab',
+        'untab': 'Untab',
+        'bold': 'Set a bold style',
+        'italic': 'Set a italic style',
+        'underline': 'Set a underline style',
+        'strikethrough': 'Set a strikethrough style',
+        'removeFormat': 'Clean a style',
+        'justifyLeft': 'Set left align',
+        'justifyCenter': 'Set center align',
+        'justifyRight': 'Set right align',
+        'justifyFull': 'Set full align',
+        'insertUnorderedList': 'Toggle unordered list',
+        'insertOrderedList': 'Toggle ordered list',
+        'outdent': 'Outdent on current paragraph',
+        'indent': 'Indent on current paragraph',
+        'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+        'formatH1': 'Change current block\'s format as H1',
+        'formatH2': 'Change current block\'s format as H2',
+        'formatH3': 'Change current block\'s format as H3',
+        'formatH4': 'Change current block\'s format as H4',
+        'formatH5': 'Change current block\'s format as H5',
+        'formatH6': 'Change current block\'s format as H6',
+        'insertHorizontalRule': 'Insert horizontal rule',
+        'linkDialog.show': 'Show Link Dialog'
+      },
+      history: {
+        undo: '復原',
+        redo: '取消復原'
+      },
+      specialChar: {
+        specialChar: 'SPECIAL CHARACTERS',
+        select: 'Select Special characters'
+      }
+    }
+  });
+})(jQuery);
diff --git a/static/old/plugin/databasic/summernote-ext-databasic.css b/static/old/plugin/databasic/summernote-ext-databasic.css
new file mode 100755
index 0000000..6232dde
--- /dev/null
+++ b/static/old/plugin/databasic/summernote-ext-databasic.css
@@ -0,0 +1,16 @@
+.ext-databasic {
+	position: relative;
+	display: block;
+	min-height: 50px;
+	background-color: cyan;
+	text-align: center;
+	padding: 20px;
+	border: 1px solid white;
+	border-radius: 10px;
+}
+
+.ext-databasic p {
+	color: white;
+	font-size: 1.2em;
+	margin: 0;
+}
diff --git a/static/old/plugin/databasic/summernote-ext-databasic.js b/static/old/plugin/databasic/summernote-ext-databasic.js
new file mode 100755
index 0000000..efe0d4d
--- /dev/null
+++ b/static/old/plugin/databasic/summernote-ext-databasic.js
@@ -0,0 +1,292 @@
+(function(factory) {
+  /* global define */
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module.
+    define(['jquery'], factory);
+  } else if (typeof module === 'object' && module.exports) {
+    // Node/CommonJS
+    module.exports = factory(require('jquery'));
+  } else {
+    // Browser globals
+    factory(window.jQuery);
+  }
+}(function($) {
+  // pull in some summernote core functions
+  var ui = $.summernote.ui;
+  var dom = $.summernote.dom;
+
+  // define the popover plugin
+  var DataBasicPlugin = function(context) {
+    var self = this;
+    var options = context.options;
+    var lang = options.langInfo;
+
+    self.icon = '<i class="fa fa-object-group"/>';
+
+    // add context menu button for dialog
+    context.memo('button.databasic', function() {
+      return ui.button({
+        contents: self.icon,
+        tooltip: lang.databasic.insert,
+        click: context.createInvokeHandler('databasic.showDialog')
+      }).render();
+    });
+
+    // add popover edit button
+    context.memo('button.databasicDialog', function() {
+      return ui.button({
+        contents: self.icon,
+        tooltip: lang.databasic.edit,
+        click: context.createInvokeHandler('databasic.showDialog')
+      }).render();
+    });
+
+    //  add popover size buttons
+    context.memo('button.databasicSize100', function() {
+      return ui.button({
+        contents: '<span class="note-fontsize-10">100%</span>',
+        tooltip: lang.image.resizeFull,
+        click: context.createInvokeHandler('editor.resize', '1')
+      }).render();
+    });
+    context.memo('button.databasicSize50', function() {
+      return ui.button({
+        contents: '<span class="note-fontsize-10">50%</span>',
+        tooltip: lang.image.resizeHalf,
+        click: context.createInvokeHandler('editor.resize', '0.5')
+      }).render();
+    });
+    context.memo('button.databasicSize25', function() {
+      return ui.button({
+        contents: '<span class="note-fontsize-10">25%</span>',
+        tooltip: lang.image.resizeQuarter,
+        click: context.createInvokeHandler('editor.resize', '0.25')
+      }).render();
+    });
+
+    self.events = {
+      'summernote.init': function(we, e) {
+        // update existing containers
+        $('data.ext-databasic', e.editable).each(function() { self.setContent($(this)); });
+        // TODO: make this an undo snapshot...
+      },
+      'summernote.keyup summernote.mouseup summernote.change summernote.scroll': function() {
+        self.update();
+      },
+      'summernote.dialog.shown': function() {
+        self.hidePopover();
+      }
+    };
+
+    self.initialize = function() {
+      // create dialog markup
+      var $container = options.dialogsInBody ? $(document.body) : context.layoutInfo.editor;
+
+      var body = '<div class="form-group row-fluid">' +
+          '<label>' + lang.databasic.testLabel + '</label>' +
+          '<input class="ext-databasic-test form-control" type="text" />' +
+          '</div>';
+      var footer = '<button href="#" class="btn btn-primary ext-databasic-save">' + lang.databasic.insert + '</button>';
+
+      self.$dialog = ui.dialog({
+        title: lang.databasic.name,
+        fade: options.dialogsFade,
+        body: body,
+        footer: footer
+      }).render().appendTo($container);
+
+      // create popover
+      self.$popover = ui.popover({
+        className: 'ext-databasic-popover'
+      }).render().appendTo('body');
+      var $content = self.$popover.find('.popover-content');
+
+      context.invoke('buttons.build', $content, options.popover.databasic);
+    };
+
+    self.destroy = function() {
+      self.$popover.remove();
+      self.$popover = null;
+      self.$dialog.remove();
+      self.$dialog = null;
+    };
+
+    self.update = function() {
+      // Prevent focusing on editable when invoke('code') is executed
+      if (!context.invoke('editor.hasFocus')) {
+        self.hidePopover();
+        return;
+      }
+
+      var rng = context.invoke('editor.createRange');
+      var visible = false;
+
+      if (rng.isOnData()) {
+        var $data = $(rng.sc).closest('data.ext-databasic');
+
+        if ($data.length) {
+          var pos = dom.posFromPlaceholder($data[0]);
+
+          self.$popover.css({
+            display: 'block',
+            left: pos.left,
+            top: pos.top
+          });
+
+          // save editor target to let size buttons resize the container
+          context.invoke('editor.saveTarget', $data[0]);
+
+          visible = true;
+        }
+      }
+
+      // hide if not visible
+      if (!visible) {
+        self.hidePopover();
+      }
+    };
+
+    self.hidePopover = function() {
+      self.$popover.hide();
+    };
+
+    // define plugin dialog
+    self.getInfo = function() {
+      var rng = context.invoke('editor.createRange');
+
+      if (rng.isOnData()) {
+        var $data = $(rng.sc).closest('data.ext-databasic');
+
+        if ($data.length) {
+          // Get the first node on range(for edit).
+          return {
+            node: $data,
+            test: $data.attr('data-test')
+          };
+        }
+      }
+
+      return {};
+    };
+
+    self.setContent = function($node) {
+      $node.html('<p contenteditable="false">' + self.icon + ' ' + lang.databasic.name + ': ' +
+        $node.attr('data-test') + '</p>');
+    };
+
+    self.updateNode = function(info) {
+      self.setContent(info.node
+        .attr('data-test', info.test));
+    };
+
+    self.createNode = function(info) {
+      var $node = $('<data class="ext-databasic"></data>');
+
+      if ($node) {
+        // save node to info structure
+        info.node = $node;
+        // insert node into editor dom
+        context.invoke('editor.insertNode', $node[0]);
+      }
+
+      return $node;
+    };
+
+    self.showDialog = function() {
+      var info = self.getInfo();
+      var newNode = !info.node;
+      context.invoke('editor.saveRange');
+
+      self
+        .openDialog(info)
+        .then(function(dialogInfo) {
+          // [workaround] hide dialog before restore range for IE range focus
+          ui.hideDialog(self.$dialog);
+          context.invoke('editor.restoreRange');
+
+          // insert a new node
+          if (newNode) {
+            self.createNode(info);
+          }
+
+          // update info with dialog info
+          $.extend(info, dialogInfo);
+
+          self.updateNode(info);
+        })
+        .fail(function() {
+          context.invoke('editor.restoreRange');
+        });
+    };
+
+    self.openDialog = function(info) {
+      return $.Deferred(function(deferred) {
+        var $inpTest = self.$dialog.find('.ext-databasic-test');
+        var $saveBtn = self.$dialog.find('.ext-databasic-save');
+        var onKeyup = function(event) {
+          if (event.keyCode === 13) {
+            $saveBtn.trigger('click');
+          }
+        };
+
+        ui.onDialogShown(self.$dialog, function() {
+          context.triggerEvent('dialog.shown');
+
+          $inpTest.val(info.test).on('input', function() {
+            ui.toggleBtn($saveBtn, $inpTest.val());
+          }).trigger('focus').on('keyup', onKeyup);
+
+          $saveBtn
+            .text(info.node ? lang.databasic.edit : lang.databasic.insert)
+            .click(function(event) {
+              event.preventDefault();
+
+              deferred.resolve({ test: $inpTest.val() });
+            });
+
+          // init save button
+          ui.toggleBtn($saveBtn, $inpTest.val());
+        });
+
+        ui.onDialogHidden(self.$dialog, function() {
+          $inpTest.off('input keyup');
+          $saveBtn.off('click');
+
+          if (deferred.state() === 'pending') {
+            deferred.reject();
+          }
+        });
+
+        ui.showDialog(self.$dialog);
+      });
+    };
+  };
+
+  // Extends summernote
+  $.extend(true, $.summernote, {
+    plugins: {
+      databasic: DataBasicPlugin
+    },
+
+    options: {
+      popover: {
+        databasic: [
+          ['databasic', ['databasicDialog', 'databasicSize100', 'databasicSize50', 'databasicSize25']]
+        ]
+      }
+    },
+
+    // add localization texts
+    lang: {
+      'en-US': {
+        databasic: {
+          name: 'Basic Data Container',
+          insert: 'insert basic data container',
+          edit: 'edit basic data container',
+          testLabel: 'test input'
+        }
+      }
+    }
+
+  });
+}));
diff --git a/static/old/plugin/hello/summernote-ext-hello.js b/static/old/plugin/hello/summernote-ext-hello.js
new file mode 100755
index 0000000..22e4f6a
--- /dev/null
+++ b/static/old/plugin/hello/summernote-ext-hello.js
@@ -0,0 +1,81 @@
+(function(factory) {
+  /* global define */
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module.
+    define(['jquery'], factory);
+  } else if (typeof module === 'object' && module.exports) {
+    // Node/CommonJS
+    module.exports = factory(require('jquery'));
+  } else {
+    // Browser globals
+    factory(window.jQuery);
+  }
+}(function($) {
+  // Extends plugins for adding hello.
+  //  - plugin is external module for customizing.
+  $.extend($.summernote.plugins, {
+    /**
+     * @param {Object} context - context object has status of editor.
+     */
+    'hello': function(context) {
+      var self = this;
+
+      // ui has renders to build ui elements.
+      //  - you can create a button with `ui.button`
+      var ui = $.summernote.ui;
+
+      // add hello button
+      context.memo('button.hello', function() {
+        // create button
+        var button = ui.button({
+          contents: '<i class="fa fa-child"/> Hello',
+          tooltip: 'hello',
+          click: function() {
+            self.$panel.show();
+            self.$panel.hide(500);
+            // invoke insertText method with 'hello' on editor module.
+            context.invoke('editor.insertText', 'hello');
+          }
+        });
+
+        // create jQuery object from button instance.
+        var $hello = button.render();
+        return $hello;
+      });
+
+      // This events will be attached when editor is initialized.
+      this.events = {
+        // This will be called after modules are initialized.
+        'summernote.init': function(we, e) {
+          console.log('summernote initialized', we, e);
+        },
+        // This will be called when user releases a key on editable.
+        'summernote.keyup': function(we, e) {
+          console.log('summernote keyup', we, e);
+        }
+      };
+
+      // This method will be called when editor is initialized by $('..').summernote();
+      // You can create elements for plugin
+      this.initialize = function() {
+        this.$panel = $('<div class="hello-panel"/>').css({
+          position: 'absolute',
+          width: 100,
+          height: 100,
+          left: '50%',
+          top: '50%',
+          background: 'red'
+        }).hide();
+
+        this.$panel.appendTo('body');
+      };
+
+      // This methods will be called when editor is destroyed by $('..').summernote('destroy');
+      // You should remove elements on `initialize`.
+      this.destroy = function() {
+        this.$panel.remove();
+        this.$panel = null;
+      };
+    }
+  });
+}));
diff --git a/static/old/plugin/specialchars/summernote-ext-specialchars.js b/static/old/plugin/specialchars/summernote-ext-specialchars.js
new file mode 100755
index 0000000..2ee4e51
--- /dev/null
+++ b/static/old/plugin/specialchars/summernote-ext-specialchars.js
@@ -0,0 +1,312 @@
+(function(factory) {
+  /* global define */
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module.
+    define(['jquery'], factory);
+  } else if (typeof module === 'object' && module.exports) {
+    // Node/CommonJS
+    module.exports = factory(require('jquery'));
+  } else {
+    // Browser globals
+    factory(window.jQuery);
+  }
+}(function($) {
+  $.extend($.summernote.plugins, {
+    'specialchars': function(context) {
+      var self = this;
+      var ui = $.summernote.ui;
+
+      var $editor = context.layoutInfo.editor;
+      var options = context.options;
+      var lang = options.langInfo;
+
+      var KEY = {
+        UP: 38,
+        DOWN: 40,
+        LEFT: 37,
+        RIGHT: 39,
+        ENTER: 13
+      };
+      var COLUMN_LENGTH = 15;
+      var COLUMN_WIDTH = 35;
+
+      var currentColumn = 0;
+      var currentRow = 0;
+      var totalColumn = 0;
+      var totalRow = 0;
+
+      // special characters data set
+      var specialCharDataSet = [
+        '&quot;', '&amp;', '&lt;', '&gt;', '&iexcl;', '&cent;',
+        '&pound;', '&curren;', '&yen;', '&brvbar;', '&sect;',
+        '&uml;', '&copy;', '&ordf;', '&laquo;', '&not;',
+        '&reg;', '&macr;', '&deg;', '&plusmn;', '&sup2;',
+        '&sup3;', '&acute;', '&micro;', '&para;', '&middot;',
+        '&cedil;', '&sup1;', '&ordm;', '&raquo;', '&frac14;',
+        '&frac12;', '&frac34;', '&iquest;', '&times;', '&divide;',
+        '&fnof;', '&circ;', '&tilde;', '&ndash;', '&mdash;',
+        '&lsquo;', '&rsquo;', '&sbquo;', '&ldquo;', '&rdquo;',
+        '&bdquo;', '&dagger;', '&Dagger;', '&bull;', '&hellip;',
+        '&permil;', '&prime;', '&Prime;', '&lsaquo;', '&rsaquo;',
+        '&oline;', '&frasl;', '&euro;', '&image;', '&weierp;',
+        '&real;', '&trade;', '&alefsym;', '&larr;', '&uarr;',
+        '&rarr;', '&darr;', '&harr;', '&crarr;', '&lArr;',
+        '&uArr;', '&rArr;', '&dArr;', '&hArr;', '&forall;',
+        '&part;', '&exist;', '&empty;', '&nabla;', '&isin;',
+        '&notin;', '&ni;', '&prod;', '&sum;', '&minus;',
+        '&lowast;', '&radic;', '&prop;', '&infin;', '&ang;',
+        '&and;', '&or;', '&cap;', '&cup;', '&int;',
+        '&there4;', '&sim;', '&cong;', '&asymp;', '&ne;',
+        '&equiv;', '&le;', '&ge;', '&sub;', '&sup;',
+        '&nsub;', '&sube;', '&supe;', '&oplus;', '&otimes;',
+        '&perp;', '&sdot;', '&lceil;', '&rceil;', '&lfloor;',
+        '&rfloor;', '&loz;', '&spades;', '&clubs;', '&hearts;',
+        '&diams;'
+      ];
+
+      context.memo('button.specialchars', function() {
+        return ui.button({
+          contents: '<i class="fa fa-font fa-flip-vertical">',
+          tooltip: lang.specialChar.specialChar,
+          click: function() {
+            self.show();
+          }
+        }).render();
+      });
+
+      /**
+       * Make Special Characters Table
+       *
+       * @member plugin.specialChar
+       * @private
+       * @return {jQuery}
+       */
+      this.makeSpecialCharSetTable = function() {
+        var $table = $('<table/>');
+        $.each(specialCharDataSet, function(idx, text) {
+          var $td = $('<td/>').addClass('note-specialchar-node');
+          var $tr = (idx % COLUMN_LENGTH === 0) ? $('<tr/>') : $table.find('tr').last();
+
+          var $button = ui.button({
+            callback: function($node) {
+              $node.html(text);
+              $node.attr('title', text);
+              $node.attr('data-value', encodeURIComponent(text));
+              $node.css({
+                width: COLUMN_WIDTH,
+                'margin-right': '2px',
+                'margin-bottom': '2px'
+              });
+            }
+          }).render();
+
+          $td.append($button);
+
+          $tr.append($td);
+          if (idx % COLUMN_LENGTH === 0) {
+            $table.append($tr);
+          }
+        });
+
+        totalRow = $table.find('tr').length;
+        totalColumn = COLUMN_LENGTH;
+
+        return $table;
+      };
+
+      this.initialize = function() {
+        var $container = options.dialogsInBody ? $(document.body) : $editor;
+
+        var body = '<div class="form-group row-fluid">' + this.makeSpecialCharSetTable()[0].outerHTML + '</div>';
+
+        this.$dialog = ui.dialog({
+          title: lang.specialChar.select,
+          body: body
+        }).render().appendTo($container);
+      };
+
+      this.show = function() {
+        var text = context.invoke('editor.getSelectedText');
+        context.invoke('editor.saveRange');
+        this.showSpecialCharDialog(text).then(function(selectChar) {
+          context.invoke('editor.restoreRange');
+
+          // build node
+          var $node = $('<span></span>').html(selectChar)[0];
+
+          if ($node) {
+            // insert video node
+            context.invoke('editor.insertNode', $node);
+          }
+        }).fail(function() {
+          context.invoke('editor.restoreRange');
+        });
+      };
+
+      /**
+       * show image dialog
+       *
+       * @param {jQuery} $dialog
+       * @return {Promise}
+       */
+      this.showSpecialCharDialog = function(text) {
+        return $.Deferred(function(deferred) {
+          var $specialCharDialog = self.$dialog;
+          var $specialCharNode = $specialCharDialog.find('.note-specialchar-node');
+          var $selectedNode = null;
+          var ARROW_KEYS = [KEY.UP, KEY.DOWN, KEY.LEFT, KEY.RIGHT];
+          var ENTER_KEY = KEY.ENTER;
+
+          function addActiveClass($target) {
+            if (!$target) {
+              return;
+            }
+            $target.find('button').addClass('active');
+            $selectedNode = $target;
+          }
+
+          function removeActiveClass($target) {
+            $target.find('button').removeClass('active');
+            $selectedNode = null;
+          }
+
+          // find next node
+          function findNextNode(row, column) {
+            var findNode = null;
+            $.each($specialCharNode, function(idx, $node) {
+              var findRow = Math.ceil((idx + 1) / COLUMN_LENGTH);
+              var findColumn = ((idx + 1) % COLUMN_LENGTH === 0) ? COLUMN_LENGTH : (idx + 1) % COLUMN_LENGTH;
+              if (findRow === row && findColumn === column) {
+                findNode = $node;
+                return false;
+              }
+            });
+            return $(findNode);
+          }
+
+          function arrowKeyHandler(keyCode) {
+            // left, right, up, down key
+            var $nextNode;
+            var lastRowColumnLength = $specialCharNode.length % totalColumn;
+
+            if (KEY.LEFT === keyCode) {
+              if (currentColumn > 1) {
+                currentColumn = currentColumn - 1;
+              } else if (currentRow === 1 && currentColumn === 1) {
+                currentColumn = lastRowColumnLength;
+                currentRow = totalRow;
+              } else {
+                currentColumn = totalColumn;
+                currentRow = currentRow - 1;
+              }
+            } else if (KEY.RIGHT === keyCode) {
+              if (currentRow === totalRow && lastRowColumnLength === currentColumn) {
+                currentColumn = 1;
+                currentRow = 1;
+              } else if (currentColumn < totalColumn) {
+                currentColumn = currentColumn + 1;
+              } else {
+                currentColumn = 1;
+                currentRow = currentRow + 1;
+              }
+            } else if (KEY.UP === keyCode) {
+              if (currentRow === 1 && lastRowColumnLength < currentColumn) {
+                currentRow = totalRow - 1;
+              } else {
+                currentRow = currentRow - 1;
+              }
+            } else if (KEY.DOWN === keyCode) {
+              currentRow = currentRow + 1;
+            }
+
+            if (currentRow === totalRow && currentColumn > lastRowColumnLength) {
+              currentRow = 1;
+            } else if (currentRow > totalRow) {
+              currentRow = 1;
+            } else if (currentRow < 1) {
+              currentRow = totalRow;
+            }
+
+            $nextNode = findNextNode(currentRow, currentColumn);
+
+            if ($nextNode) {
+              removeActiveClass($selectedNode);
+              addActiveClass($nextNode);
+            }
+          }
+
+          function enterKeyHandler() {
+            if (!$selectedNode) {
+              return;
+            }
+
+            deferred.resolve(decodeURIComponent($selectedNode.find('button').attr('data-value')));
+            $specialCharDialog.modal('hide');
+          }
+
+          function keyDownEventHandler(event) {
+            event.preventDefault();
+            var keyCode = event.keyCode;
+            if (keyCode === undefined || keyCode === null) {
+              return;
+            }
+            // check arrowKeys match
+            if (ARROW_KEYS.indexOf(keyCode) > -1) {
+              if ($selectedNode === null) {
+                addActiveClass($specialCharNode.eq(0));
+                currentColumn = 1;
+                currentRow = 1;
+                return;
+              }
+              arrowKeyHandler(keyCode);
+            } else if (keyCode === ENTER_KEY) {
+              enterKeyHandler();
+            }
+            return false;
+          }
+
+          // remove class
+          removeActiveClass($specialCharNode);
+
+          // find selected node
+          if (text) {
+            for (var i = 0; i < $specialCharNode.length; i++) {
+              var $checkNode = $($specialCharNode[i]);
+              if ($checkNode.text() === text) {
+                addActiveClass($checkNode);
+                currentRow = Math.ceil((i + 1) / COLUMN_LENGTH);
+                currentColumn = (i + 1) % COLUMN_LENGTH;
+              }
+            }
+          }
+
+          ui.onDialogShown(self.$dialog, function() {
+            $(document).on('keydown', keyDownEventHandler);
+
+            self.$dialog.find('button').tooltip();
+
+            $specialCharNode.on('click', function(event) {
+              event.preventDefault();
+              deferred.resolve(decodeURIComponent($(event.currentTarget).find('button').attr('data-value')));
+              ui.hideDialog(self.$dialog);
+            });
+          });
+
+          ui.onDialogHidden(self.$dialog, function() {
+            $specialCharNode.off('click');
+
+            self.$dialog.find('button').tooltip('destroy');
+
+            $(document).off('keydown', keyDownEventHandler);
+
+            if (deferred.state() === 'pending') {
+              deferred.reject();
+            }
+          });
+
+          ui.showDialog(self.$dialog);
+        });
+      };
+    }
+  });
+}));
diff --git a/static/old/summernote-bs4.css b/static/old/summernote-bs4.css
new file mode 100755
index 0000000..85492bd
--- /dev/null
+++ b/static/old/summernote-bs4.css
@@ -0,0 +1 @@
+@font-face{font-family:"summernote";font-style:normal;font-weight:normal;src:url("./font/summernote.eot?e557617934c52ea068954af79ed7c221");src:url("./font/summernote.eot?#iefix") format("embedded-opentype"),url("./font/summernote.woff?e557617934c52ea068954af79ed7c221") format("woff"),url("./font/summernote.ttf?e557617934c52ea068954af79ed7c221") format("truetype")}[class^="note-icon-"]:before,[class*=" note-icon-"]:before{display:inline-block;font:normal normal normal 14px summernote;font-size:inherit;-webkit-font-smoothing:antialiased;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;speak:none;-moz-osx-font-smoothing:grayscale}.note-icon-align-center:before,.note-icon-align-indent:before,.note-icon-align-justify:before,.note-icon-align-left:before,.note-icon-align-outdent:before,.note-icon-align-right:before,.note-icon-align:before,.note-icon-arrow-circle-down:before,.note-icon-arrow-circle-left:before,.note-icon-arrow-circle-right:before,.note-icon-arrow-circle-up:before,.note-icon-arrows-alt:before,.note-icon-arrows-h:before,.note-icon-arrows-v:before,.note-icon-bold:before,.note-icon-caret:before,.note-icon-chain-broken:before,.note-icon-circle:before,.note-icon-close:before,.note-icon-code:before,.note-icon-col-after:before,.note-icon-col-before:before,.note-icon-col-remove:before,.note-icon-eraser:before,.note-icon-font:before,.note-icon-frame:before,.note-icon-italic:before,.note-icon-link:before,.note-icon-magic:before,.note-icon-menu-check:before,.note-icon-minus:before,.note-icon-orderedlist:before,.note-icon-pencil:before,.note-icon-picture:before,.note-icon-question:before,.note-icon-redo:before,.note-icon-row-above:before,.note-icon-row-below:before,.note-icon-row-remove:before,.note-icon-special-character:before,.note-icon-square:before,.note-icon-strikethrough:before,.note-icon-subscript:before,.note-icon-summernote:before,.note-icon-superscript:before,.note-icon-table:before,.note-icon-text-height:before,.note-icon-trash:before,.note-icon-underline:before,.note-icon-undo:before,.note-icon-unorderedlist:before,.note-icon-video:before{display:inline-block;font-family:"summernote";font-style:normal;font-weight:normal;text-decoration:inherit}.note-icon-align-center:before{content:"\f101"}.note-icon-align-indent:before{content:"\f102"}.note-icon-align-justify:before{content:"\f103"}.note-icon-align-left:before{content:"\f104"}.note-icon-align-outdent:before{content:"\f105"}.note-icon-align-right:before{content:"\f106"}.note-icon-align:before{content:"\f107"}.note-icon-arrow-circle-down:before{content:"\f108"}.note-icon-arrow-circle-left:before{content:"\f109"}.note-icon-arrow-circle-right:before{content:"\f10a"}.note-icon-arrow-circle-up:before{content:"\f10b"}.note-icon-arrows-alt:before{content:"\f10c"}.note-icon-arrows-h:before{content:"\f10d"}.note-icon-arrows-v:before{content:"\f10e"}.note-icon-bold:before{content:"\f10f"}.note-icon-caret:before{content:"\f110"}.note-icon-chain-broken:before{content:"\f111"}.note-icon-circle:before{content:"\f112"}.note-icon-close:before{content:"\f113"}.note-icon-code:before{content:"\f114"}.note-icon-col-after:before{content:"\f115"}.note-icon-col-before:before{content:"\f116"}.note-icon-col-remove:before{content:"\f117"}.note-icon-eraser:before{content:"\f118"}.note-icon-font:before{content:"\f119"}.note-icon-frame:before{content:"\f11a"}.note-icon-italic:before{content:"\f11b"}.note-icon-link:before{content:"\f11c"}.note-icon-magic:before{content:"\f11d"}.note-icon-menu-check:before{content:"\f11e"}.note-icon-minus:before{content:"\f11f"}.note-icon-orderedlist:before{content:"\f120"}.note-icon-pencil:before{content:"\f121"}.note-icon-picture:before{content:"\f122"}.note-icon-question:before{content:"\f123"}.note-icon-redo:before{content:"\f124"}.note-icon-row-above:before{content:"\f125"}.note-icon-row-below:before{content:"\f126"}.note-icon-row-remove:before{content:"\f127"}.note-icon-special-character:before{content:"\f128"}.note-icon-square:before{content:"\f129"}.note-icon-strikethrough:before{content:"\f12a"}.note-icon-subscript:before{content:"\f12b"}.note-icon-summernote:before{content:"\f12c"}.note-icon-superscript:before{content:"\f12d"}.note-icon-table:before{content:"\f12e"}.note-icon-text-height:before{content:"\f12f"}.note-icon-trash:before{content:"\f130"}.note-icon-underline:before{content:"\f131"}.note-icon-undo:before{content:"\f132"}.note-icon-unorderedlist:before{content:"\f133"}.note-icon-video:before{content:"\f134"}.note-editor{position:relative}.note-editor .note-dropzone{position:absolute;z-index:100;display:none;color:#87cefa;background-color:white;opacity:.95}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:bold;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:0}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area img.note-float-left{margin-right:10px}.note-editor .note-editing-area img.note-float-right{margin-left:10px}.note-editor.note-frame{border:1px solid #a9a9a9}.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;color:#000;word-wrap:break-word;background-color:#fff}.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"]{background-color:#e5e5e5}.note-editor.note-frame .note-editing-area .note-codable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-editor.note-frame.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%!important}.note-editor.note-frame.fullscreen .note-editable{background-color:white}.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-frame .note-statusbar{background-color:#f5f5f5;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.note-editor.note-frame .note-statusbar .note-resizebar{width:100%;height:8px;padding-top:1px;cursor:ns-resize}.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor.note-frame .note-placeholder{padding:10px}.note-popover.popover{display:none;max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative;z-index:500}.note-popover .popover-content,.card-header.note-toolbar{padding:0 0 5px 5px;margin:0}.note-popover .popover-content>.btn-group,.card-header.note-toolbar>.btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-popover .popover-content .btn-group .note-table,.card-header.note-toolbar .btn-group .note-table{min-width:0;padding:5px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker{font-size:18px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.card-header.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .note-style .dropdown-style blockquote,.card-header.note-toolbar .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre,.card-header.note-toolbar .note-style .dropdown-style pre{padding:5px 10px;margin:0}.note-popover .popover-content .note-style .dropdown-style h1,.card-header.note-toolbar .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.card-header.note-toolbar .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.card-header.note-toolbar .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.card-header.note-toolbar .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.card-header.note-toolbar .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.card-header.note-toolbar .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p,.card-header.note-toolbar .note-style .dropdown-style p{padding:0;margin:0}.note-popover .popover-content .note-color .dropdown-toggle,.card-header.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover-content .note-color .dropdown-menu,.card-header.note-toolbar .note-color .dropdown-menu{min-width:337px}.note-popover .popover-content .note-color .dropdown-menu .note-palette,.card-header.note-toolbar .note-color .dropdown-menu .note-palette{display:inline-block;width:160px;margin:0}.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child,.card-header.note-toolbar .note-color .dropdown-menu .note-palette:first-child{margin:0 5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset{width:100%;padding:0 3px;margin:3px;font-size:11px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row{height:20px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover,.card-header.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover{background:#eee}.note-popover .popover-content .note-para .dropdown-menu,.card-header.note-toolbar .note-para .dropdown-menu{min-width:216px;padding:5px}.note-popover .popover-content .note-para .dropdown-menu>div:first-child,.card-header.note-toolbar .note-para .dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover-content .dropdown-menu,.card-header.note-toolbar .dropdown-menu{min-width:90px}.note-popover .popover-content .dropdown-menu.right,.card-header.note-toolbar .dropdown-menu.right{right:0;left:auto}.note-popover .popover-content .dropdown-menu.right::before,.card-header.note-toolbar .dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .popover-content .dropdown-menu.right::after,.card-header.note-toolbar .dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .popover-content .dropdown-menu.note-check a i,.card-header.note-toolbar .dropdown-menu.note-check a i{color:deepskyblue;visibility:hidden}.note-popover .popover-content .dropdown-menu.note-check a.checked i,.card-header.note-toolbar .dropdown-menu.note-check a.checked i{visibility:visible}.note-popover .popover-content .note-fontsize-10,.card-header.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover-content .note-color-palette,.card-header.note-toolbar .note-color-palette{line-height:1}.note-popover .popover-content .note-color-palette div .note-color-btn,.card-header.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover-content .note-color-palette div .note-color-btn:hover,.card-header.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-dialog>div{display:none}.note-dialog .form-group{margin-right:0;margin-left:0}.note-dialog .note-modal-form{margin:0}.note-dialog .note-image-dialog .note-dropzone{min-height:100px;margin-bottom:10px;font-size:30px;line-height:4;color:lightgray;text-align:center;border:4px dashed lightgray}@-moz-document url-prefix(){.note-image-input{height:auto}}.note-placeholder{position:absolute;display:none;color:gray}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid black}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:black;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:white;border:1px solid black}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:0;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:white;background-color:black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;padding:3px;overflow:auto}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:white;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#428bca;outline:0}
\ No newline at end of file
diff --git a/static/old/summernote-bs4.js b/static/old/summernote-bs4.js
new file mode 100755
index 0000000..163c574
--- /dev/null
+++ b/static/old/summernote-bs4.js
@@ -0,0 +1,7285 @@
+/**
+ * Super simple wysiwyg editor v0.8.9
+ * https://summernote.org
+ *
+ * Copyright 2013- Alan Hong. and other contributors
+ * summernote may be freely distributed under the MIT license.
+ *
+ * Date: 2017-12-25T06:39Z
+ */
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery')) :
+	typeof define === 'function' && define.amd ? define(['jquery'], factory) :
+	(factory(global.jQuery));
+}(this, (function ($$1) { 'use strict';
+
+$$1 = $$1 && $$1.hasOwnProperty('default') ? $$1['default'] : $$1;
+
+var Renderer = /** @class */ (function () {
+    function Renderer(markup, children, options, callback) {
+        this.markup = markup;
+        this.children = children;
+        this.options = options;
+        this.callback = callback;
+    }
+    Renderer.prototype.render = function ($parent) {
+        var $node = $$1(this.markup);
+        if (this.options && this.options.contents) {
+            $node.html(this.options.contents);
+        }
+        if (this.options && this.options.className) {
+            $node.addClass(this.options.className);
+        }
+        if (this.options && this.options.data) {
+            $$1.each(this.options.data, function (k, v) {
+                $node.attr('data-' + k, v);
+            });
+        }
+        if (this.options && this.options.click) {
+            $node.on('click', this.options.click);
+        }
+        if (this.children) {
+            var $container_1 = $node.find('.note-children-container');
+            this.children.forEach(function (child) {
+                child.render($container_1.length ? $container_1 : $node);
+            });
+        }
+        if (this.callback) {
+            this.callback($node, this.options);
+        }
+        if (this.options && this.options.callback) {
+            this.options.callback($node);
+        }
+        if ($parent) {
+            $parent.append($node);
+        }
+        return $node;
+    };
+    return Renderer;
+}());
+var renderer = {
+    create: function (markup, callback) {
+        return function () {
+            var options = typeof arguments[1] === 'object' ? arguments[1] : arguments[0];
+            var children = $$1.isArray(arguments[0]) ? arguments[0] : [];
+            if (options && options.children) {
+                children = options.children;
+            }
+            return new Renderer(markup, children, options, callback);
+        };
+    }
+};
+
+var editor = renderer.create('<div class="note-editor note-frame card"/>');
+var toolbar = renderer.create('<div class="note-toolbar-wrapper"><div class="note-toolbar card-header"></div></div>');
+var editingArea = renderer.create('<div class="note-editing-area"/>');
+var codable = renderer.create('<textarea class="note-codable"/>');
+var editable = renderer.create('<div class="note-editable card-block" contentEditable="true"/>');
+var statusbar = renderer.create([
+    '<div class="note-statusbar">',
+    '  <div class="note-resizebar">',
+    '    <div class="note-icon-bar"/>',
+    '    <div class="note-icon-bar"/>',
+    '    <div class="note-icon-bar"/>',
+    '  </div>',
+    '</div>'
+].join(''));
+var airEditor = renderer.create('<div class="note-editor"/>');
+var airEditable = renderer.create('<div class="note-editable" contentEditable="true"/>');
+var buttonGroup = renderer.create('<div class="note-btn-group btn-group">');
+var dropdown = renderer.create('<div class="dropdown-menu">', function ($node, options) {
+    var markup = $$1.isArray(options.items) ? options.items.map(function (item) {
+        var value = (typeof item === 'string') ? item : (item.value || '');
+        var content = options.template ? options.template(item) : item;
+        var option = (typeof item === 'object') ? item.option : undefined;
+        var dataValue = 'data-value="' + value + '"';
+        var dataOption = (option !== undefined) ? ' data-option="' + option + '"' : '';
+        return '<a class="dropdown-item" href="#" ' + (dataValue + dataOption) + '>' + content + '</a>';
+    }).join('') : options.items;
+    $node.html(markup);
+});
+var dropdownButtonContents = function (contents) {
+    return contents;
+};
+var dropdownCheck = renderer.create('<div class="dropdown-menu note-check">', function ($node, options) {
+    var markup = $$1.isArray(options.items) ? options.items.map(function (item) {
+        var value = (typeof item === 'string') ? item : (item.value || '');
+        var content = options.template ? options.template(item) : item;
+        return '<a class="dropdown-item" href="#" data-value="' + value + '">' + icon(options.checkClassName) + ' ' + content + '</a>';
+    }).join('') : options.items;
+    $node.html(markup);
+});
+var palette = renderer.create('<div class="note-color-palette"/>', function ($node, options) {
+    var contents = [];
+    for (var row = 0, rowSize = options.colors.length; row < rowSize; row++) {
+        var eventName = options.eventName;
+        var colors = options.colors[row];
+        var buttons = [];
+        for (var col = 0, colSize = colors.length; col < colSize; col++) {
+            var color = colors[col];
+            buttons.push([
+                '<button type="button" class="note-color-btn"',
+                'style="background-color:', color, '" ',
+                'data-event="', eventName, '" ',
+                'data-value="', color, '" ',
+                'title="', color, '" ',
+                'data-toggle="button" tabindex="-1"></button>'
+            ].join(''));
+        }
+        contents.push('<div class="note-color-row">' + buttons.join('') + '</div>');
+    }
+    $node.html(contents.join(''));
+    if (options.tooltip) {
+        $node.find('.note-color-btn').tooltip({
+            container: options.container,
+            trigger: 'hover',
+            placement: 'bottom'
+        });
+    }
+});
+var dialog = renderer.create('<div class="modal" aria-hidden="false" tabindex="-1"/>', function ($node, options) {
+    if (options.fade) {
+        $node.addClass('fade');
+    }
+    $node.html([
+        '<div class="modal-dialog">',
+        '  <div class="modal-content">',
+        (options.title
+            ? '    <div class="modal-header">' +
+                '      <h4 class="modal-title">' + options.title + '</h4>' +
+                '      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>' +
+                '    </div>' : ''),
+        '    <div class="modal-body">' + options.body + '</div>',
+        (options.footer
+            ? '    <div class="modal-footer">' + options.footer + '</div>' : ''),
+        '  </div>',
+        '</div>'
+    ].join(''));
+});
+var popover = renderer.create([
+    '<div class="note-popover popover in">',
+    '  <div class="arrow"/>',
+    '  <div class="popover-content note-children-container"/>',
+    '</div>'
+].join(''), function ($node, options) {
+    var direction = typeof options.direction !== 'undefined' ? options.direction : 'bottom';
+    $node.addClass(direction);
+    if (options.hideArrow) {
+        $node.find('.arrow').hide();
+    }
+});
+var checkbox = renderer.create('<label class="custom-control custom-checkbox"></label>', function ($node, options) {
+    if (options.id) {
+        $node.attr('for', options.id);
+    }
+    $node.html([
+        ' <input type="checkbox" class="custom-control-input"' + (options.id ? ' id="' + options.id + '"' : ''),
+        (options.checked ? ' checked' : '') + '/>',
+        ' <span class="custom-control-indicator"></span>',
+        ' <span class="custom-control-description">' + (options.text ? options.text : '') + '</span>',
+        '</label>'
+    ].join(''));
+});
+var icon = function (iconClassName, tagName) {
+    tagName = tagName || 'i';
+    return '<' + tagName + ' class="' + iconClassName + '"/>';
+};
+var ui = {
+    editor: editor,
+    toolbar: toolbar,
+    editingArea: editingArea,
+    codable: codable,
+    editable: editable,
+    statusbar: statusbar,
+    airEditor: airEditor,
+    airEditable: airEditable,
+    buttonGroup: buttonGroup,
+    dropdown: dropdown,
+    dropdownButtonContents: dropdownButtonContents,
+    dropdownCheck: dropdownCheck,
+    palette: palette,
+    dialog: dialog,
+    popover: popover,
+    icon: icon,
+    checkbox: checkbox,
+    options: {},
+    button: function ($node, options) {
+        return renderer.create('<button type="button" class="note-btn btn btn-light btn-sm" tabindex="-1">', function ($node, options) {
+            if (options && options.tooltip) {
+                $node.attr({
+                    title: options.tooltip
+                }).tooltip({
+                    container: options.container,
+                    trigger: 'hover',
+                    placement: 'bottom'
+                });
+            }
+        })($node, options);
+    },
+    toggleBtn: function ($btn, isEnable) {
+        $btn.toggleClass('disabled', !isEnable);
+        $btn.attr('disabled', !isEnable);
+    },
+    toggleBtnActive: function ($btn, isActive) {
+        $btn.toggleClass('active', isActive);
+    },
+    onDialogShown: function ($dialog, handler) {
+        $dialog.one('shown.bs.modal', handler);
+    },
+    onDialogHidden: function ($dialog, handler) {
+        $dialog.one('hidden.bs.modal', handler);
+    },
+    showDialog: function ($dialog) {
+        $dialog.modal('show');
+    },
+    hideDialog: function ($dialog) {
+        $dialog.modal('hide');
+    },
+    createLayout: function ($note, options) {
+        var $editor = (options.airMode ? ui.airEditor([
+            ui.editingArea([
+                ui.airEditable()
+            ])
+        ]) : ui.editor([
+            ui.toolbar(),
+            ui.editingArea([
+                ui.codable(),
+                ui.editable()
+            ]),
+            ui.statusbar()
+        ])).render();
+        $editor.insertAfter($note);
+        return {
+            note: $note,
+            editor: $editor,
+            toolbar: $editor.find('.note-toolbar'),
+            editingArea: $editor.find('.note-editing-area'),
+            editable: $editor.find('.note-editable'),
+            codable: $editor.find('.note-codable'),
+            statusbar: $editor.find('.note-statusbar')
+        };
+    },
+    removeLayout: function ($note, layoutInfo) {
+        $note.html(layoutInfo.editable.html());
+        layoutInfo.editor.remove();
+        $note.show();
+    }
+};
+
+/**
+ * @class core.func
+ *
+ * func utils (for high-order func's arg)
+ *
+ * @singleton
+ * @alternateClassName func
+ */
+function eq(itemA) {
+    return function (itemB) {
+        return itemA === itemB;
+    };
+}
+function eq2(itemA, itemB) {
+    return itemA === itemB;
+}
+function peq2(propName) {
+    return function (itemA, itemB) {
+        return itemA[propName] === itemB[propName];
+    };
+}
+function ok() {
+    return true;
+}
+function fail() {
+    return false;
+}
+function not(f) {
+    return function () {
+        return !f.apply(f, arguments);
+    };
+}
+function and(fA, fB) {
+    return function (item) {
+        return fA(item) && fB(item);
+    };
+}
+function self(a) {
+    return a;
+}
+function invoke(obj, method) {
+    return function () {
+        return obj[method].apply(obj, arguments);
+    };
+}
+var idCounter = 0;
+/**
+ * generate a globally-unique id
+ *
+ * @param {String} [prefix]
+ */
+function uniqueId(prefix) {
+    var id = ++idCounter + '';
+    return prefix ? prefix + id : id;
+}
+/**
+ * returns bnd (bounds) from rect
+ *
+ * - IE Compatibility Issue: http://goo.gl/sRLOAo
+ * - Scroll Issue: http://goo.gl/sNjUc
+ *
+ * @param {Rect} rect
+ * @return {Object} bounds
+ * @return {Number} bounds.top
+ * @return {Number} bounds.left
+ * @return {Number} bounds.width
+ * @return {Number} bounds.height
+ */
+function rect2bnd(rect) {
+    var $document = $(document);
+    return {
+        top: rect.top + $document.scrollTop(),
+        left: rect.left + $document.scrollLeft(),
+        width: rect.right - rect.left,
+        height: rect.bottom - rect.top
+    };
+}
+/**
+ * returns a copy of the object where the keys have become the values and the values the keys.
+ * @param {Object} obj
+ * @return {Object}
+ */
+function invertObject(obj) {
+    var inverted = {};
+    for (var key in obj) {
+        if (obj.hasOwnProperty(key)) {
+            inverted[obj[key]] = key;
+        }
+    }
+    return inverted;
+}
+/**
+ * @param {String} namespace
+ * @param {String} [prefix]
+ * @return {String}
+ */
+function namespaceToCamel(namespace, prefix) {
+    prefix = prefix || '';
+    return prefix + namespace.split('.').map(function (name) {
+        return name.substring(0, 1).toUpperCase() + name.substring(1);
+    }).join('');
+}
+/**
+ * Returns a function, that, as long as it continues to be invoked, will not
+ * be triggered. The function will be called after it stops being called for
+ * N milliseconds. If `immediate` is passed, trigger the function on the
+ * leading edge, instead of the trailing.
+ * @param {Function} func
+ * @param {Number} wait
+ * @param {Boolean} immediate
+ * @return {Function}
+ */
+function debounce(func, wait, immediate) {
+    var _this = this;
+    var timeout;
+    return function () {
+        var context = _this;
+        var args = arguments;
+        var later = function () {
+            timeout = null;
+            if (!immediate) {
+                func.apply(context, args);
+            }
+        };
+        var callNow = immediate && !timeout;
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+        if (callNow) {
+            func.apply(context, args);
+        }
+    };
+}
+var func = {
+    eq: eq,
+    eq2: eq2,
+    peq2: peq2,
+    ok: ok,
+    fail: fail,
+    self: self,
+    not: not,
+    and: and,
+    invoke: invoke,
+    uniqueId: uniqueId,
+    rect2bnd: rect2bnd,
+    invertObject: invertObject,
+    namespaceToCamel: namespaceToCamel,
+    debounce: debounce
+};
+
+/**
+ * returns the first item of an array.
+ *
+ * @param {Array} array
+ */
+function head(array) {
+    return array[0];
+}
+/**
+ * returns the last item of an array.
+ *
+ * @param {Array} array
+ */
+function last(array) {
+    return array[array.length - 1];
+}
+/**
+ * returns everything but the last entry of the array.
+ *
+ * @param {Array} array
+ */
+function initial(array) {
+    return array.slice(0, array.length - 1);
+}
+/**
+ * returns the rest of the items in an array.
+ *
+ * @param {Array} array
+ */
+function tail(array) {
+    return array.slice(1);
+}
+/**
+ * returns item of array
+ */
+function find(array, pred) {
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        var item = array[idx];
+        if (pred(item)) {
+            return item;
+        }
+    }
+}
+/**
+ * returns true if all of the values in the array pass the predicate truth test.
+ */
+function all(array, pred) {
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        if (!pred(array[idx])) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * returns index of item
+ */
+function indexOf(array, item) {
+    return $$1.inArray(item, array);
+}
+/**
+ * returns true if the value is present in the list.
+ */
+function contains(array, item) {
+    return indexOf(array, item) !== -1;
+}
+/**
+ * get sum from a list
+ *
+ * @param {Array} array - array
+ * @param {Function} fn - iterator
+ */
+function sum(array, fn) {
+    fn = fn || func.self;
+    return array.reduce(function (memo, v) {
+        return memo + fn(v);
+    }, 0);
+}
+/**
+ * returns a copy of the collection with array type.
+ * @param {Collection} collection - collection eg) node.childNodes, ...
+ */
+function from(collection) {
+    var result = [];
+    var length = collection.length;
+    var idx = -1;
+    while (++idx < length) {
+        result[idx] = collection[idx];
+    }
+    return result;
+}
+/**
+ * returns whether list is empty or not
+ */
+function isEmpty$1(array) {
+    return !array || !array.length;
+}
+/**
+ * cluster elements by predicate function.
+ *
+ * @param {Array} array - array
+ * @param {Function} fn - predicate function for cluster rule
+ * @param {Array[]}
+ */
+function clusterBy(array, fn) {
+    if (!array.length) {
+        return [];
+    }
+    var aTail = tail(array);
+    return aTail.reduce(function (memo, v) {
+        var aLast = last(memo);
+        if (fn(last(aLast), v)) {
+            aLast[aLast.length] = v;
+        }
+        else {
+            memo[memo.length] = [v];
+        }
+        return memo;
+    }, [[head(array)]]);
+}
+/**
+ * returns a copy of the array with all false values removed
+ *
+ * @param {Array} array - array
+ * @param {Function} fn - predicate function for cluster rule
+ */
+function compact(array) {
+    var aResult = [];
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        if (array[idx]) {
+            aResult.push(array[idx]);
+        }
+    }
+    return aResult;
+}
+/**
+ * produces a duplicate-free version of the array
+ *
+ * @param {Array} array
+ */
+function unique(array) {
+    var results = [];
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        if (!contains(results, array[idx])) {
+            results.push(array[idx]);
+        }
+    }
+    return results;
+}
+/**
+ * returns next item.
+ * @param {Array} array
+ */
+function next(array, item) {
+    var idx = indexOf(array, item);
+    if (idx === -1) {
+        return null;
+    }
+    return array[idx + 1];
+}
+/**
+ * returns prev item.
+ * @param {Array} array
+ */
+function prev(array, item) {
+    var idx = indexOf(array, item);
+    if (idx === -1) {
+        return null;
+    }
+    return array[idx - 1];
+}
+/**
+ * @class core.list
+ *
+ * list utils
+ *
+ * @singleton
+ * @alternateClassName list
+ */
+var lists = {
+    head: head,
+    last: last,
+    initial: initial,
+    tail: tail,
+    prev: prev,
+    next: next,
+    find: find,
+    contains: contains,
+    all: all,
+    sum: sum,
+    from: from,
+    isEmpty: isEmpty$1,
+    clusterBy: clusterBy,
+    compact: compact,
+    unique: unique
+};
+
+var isSupportAmd = typeof define === 'function' && define.amd; // eslint-disable-line
+/**
+ * returns whether font is installed or not.
+ *
+ * @param {String} fontName
+ * @return {Boolean}
+ */
+function isFontInstalled(fontName) {
+    var testFontName = fontName === 'Comic Sans MS' ? 'Courier New' : 'Comic Sans MS';
+    var $tester = $$1('<div>').css({
+        position: 'absolute',
+        left: '-9999px',
+        top: '-9999px',
+        fontSize: '200px'
+    }).text('mmmmmmmmmwwwwwww').appendTo(document.body);
+    var originalWidth = $tester.css('fontFamily', testFontName).width();
+    var width = $tester.css('fontFamily', fontName + ',' + testFontName).width();
+    $tester.remove();
+    return originalWidth !== width;
+}
+var userAgent = navigator.userAgent;
+var isMSIE = /MSIE|Trident/i.test(userAgent);
+var browserVersion;
+if (isMSIE) {
+    var matches = /MSIE (\d+[.]\d+)/.exec(userAgent);
+    if (matches) {
+        browserVersion = parseFloat(matches[1]);
+    }
+    matches = /Trident\/.*rv:([0-9]{1,}[.0-9]{0,})/.exec(userAgent);
+    if (matches) {
+        browserVersion = parseFloat(matches[1]);
+    }
+}
+var isEdge = /Edge\/\d+/.test(userAgent);
+var hasCodeMirror = !!window.CodeMirror;
+if (!hasCodeMirror && isSupportAmd) {
+    // Webpack
+    if (typeof __webpack_require__ === 'function') {
+        try {
+            // If CodeMirror can't be resolved, `require.resolve` will throw an
+            // exception and `hasCodeMirror` won't be set to `true`.
+            require.resolve('codemirror');
+            hasCodeMirror = true;
+        }
+        catch (e) {
+            // do nothing
+        }
+    }
+    else if (typeof require !== 'undefined') {
+        // Browserify
+        if (typeof require.resolve !== 'undefined') {
+            try {
+                // If CodeMirror can't be resolved, `require.resolve` will throw an
+                // exception and `hasCodeMirror` won't be set to `true`.
+                require.resolve('codemirror');
+                hasCodeMirror = true;
+            }
+            catch (e) {
+                // do nothing
+            }
+            // Almond/Require
+        }
+        else if (typeof require.specified !== 'undefined') {
+            hasCodeMirror = require.specified('codemirror');
+        }
+    }
+}
+var isSupportTouch = (('ontouchstart' in window) ||
+    (navigator.MaxTouchPoints > 0) ||
+    (navigator.msMaxTouchPoints > 0));
+// [workaround] IE doesn't have input events for contentEditable
+// - see: https://goo.gl/4bfIvA
+var inputEventName = (isMSIE || isEdge) ? 'DOMCharacterDataModified DOMSubtreeModified DOMNodeInserted' : 'input';
+/**
+ * @class core.env
+ *
+ * Object which check platform and agent
+ *
+ * @singleton
+ * @alternateClassName env
+ */
+var env = {
+    isMac: navigator.appVersion.indexOf('Mac') > -1,
+    isMSIE: isMSIE,
+    isEdge: isEdge,
+    isFF: !isEdge && /firefox/i.test(userAgent),
+    isPhantom: /PhantomJS/i.test(userAgent),
+    isWebkit: !isEdge && /webkit/i.test(userAgent),
+    isChrome: !isEdge && /chrome/i.test(userAgent),
+    isSafari: !isEdge && /safari/i.test(userAgent),
+    browserVersion: browserVersion,
+    jqueryVersion: parseFloat($$1.fn.jquery),
+    isSupportAmd: isSupportAmd,
+    isSupportTouch: isSupportTouch,
+    hasCodeMirror: hasCodeMirror,
+    isFontInstalled: isFontInstalled,
+    isW3CRangeSupport: !!document.createRange,
+    inputEventName: inputEventName
+};
+
+var NBSP_CHAR = String.fromCharCode(160);
+var ZERO_WIDTH_NBSP_CHAR = '\ufeff';
+/**
+ * @method isEditable
+ *
+ * returns whether node is `note-editable` or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
+function isEditable(node) {
+    return node && $$1(node).hasClass('note-editable');
+}
+/**
+ * @method isControlSizing
+ *
+ * returns whether node is `note-control-sizing` or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
+function isControlSizing(node) {
+    return node && $$1(node).hasClass('note-control-sizing');
+}
+/**
+ * @method makePredByNodeName
+ *
+ * returns predicate which judge whether nodeName is same
+ *
+ * @param {String} nodeName
+ * @return {Function}
+ */
+function makePredByNodeName(nodeName) {
+    nodeName = nodeName.toUpperCase();
+    return function (node) {
+        return node && node.nodeName.toUpperCase() === nodeName;
+    };
+}
+/**
+ * @method isText
+ *
+ *
+ *
+ * @param {Node} node
+ * @return {Boolean} true if node's type is text(3)
+ */
+function isText(node) {
+    return node && node.nodeType === 3;
+}
+/**
+ * @method isElement
+ *
+ *
+ *
+ * @param {Node} node
+ * @return {Boolean} true if node's type is element(1)
+ */
+function isElement(node) {
+    return node && node.nodeType === 1;
+}
+/**
+ * ex) br, col, embed, hr, img, input, ...
+ * @see http://www.w3.org/html/wg/drafts/html/master/syntax.html#void-elements
+ */
+function isVoid(node) {
+    return node && /^BR|^IMG|^HR|^IFRAME|^BUTTON|^INPUT/.test(node.nodeName.toUpperCase());
+}
+function isPara(node) {
+    if (isEditable(node)) {
+        return false;
+    }
+    // Chrome(v31.0), FF(v25.0.1) use DIV for paragraph
+    return node && /^DIV|^P|^LI|^H[1-7]/.test(node.nodeName.toUpperCase());
+}
+function isHeading(node) {
+    return node && /^H[1-7]/.test(node.nodeName.toUpperCase());
+}
+var isPre = makePredByNodeName('PRE');
+var isLi = makePredByNodeName('LI');
+function isPurePara(node) {
+    return isPara(node) && !isLi(node);
+}
+var isTable = makePredByNodeName('TABLE');
+var isData = makePredByNodeName('DATA');
+function isInline(node) {
+    return !isBodyContainer(node) &&
+        !isList(node) &&
+        !isHr(node) &&
+        !isPara(node) &&
+        !isTable(node) &&
+        !isBlockquote(node) &&
+        !isData(node);
+}
+function isList(node) {
+    return node && /^UL|^OL/.test(node.nodeName.toUpperCase());
+}
+var isHr = makePredByNodeName('HR');
+function isCell(node) {
+    return node && /^TD|^TH/.test(node.nodeName.toUpperCase());
+}
+var isBlockquote = makePredByNodeName('BLOCKQUOTE');
+function isBodyContainer(node) {
+    return isCell(node) || isBlockquote(node) || isEditable(node);
+}
+var isAnchor = makePredByNodeName('A');
+function isParaInline(node) {
+    return isInline(node) && !!ancestor(node, isPara);
+}
+function isBodyInline(node) {
+    return isInline(node) && !ancestor(node, isPara);
+}
+var isBody = makePredByNodeName('BODY');
+/**
+ * returns whether nodeB is closest sibling of nodeA
+ *
+ * @param {Node} nodeA
+ * @param {Node} nodeB
+ * @return {Boolean}
+ */
+function isClosestSibling(nodeA, nodeB) {
+    return nodeA.nextSibling === nodeB ||
+        nodeA.previousSibling === nodeB;
+}
+/**
+ * returns array of closest siblings with node
+ *
+ * @param {Node} node
+ * @param {function} [pred] - predicate function
+ * @return {Node[]}
+ */
+function withClosestSiblings(node, pred) {
+    pred = pred || func.ok;
+    var siblings = [];
+    if (node.previousSibling && pred(node.previousSibling)) {
+        siblings.push(node.previousSibling);
+    }
+    siblings.push(node);
+    if (node.nextSibling && pred(node.nextSibling)) {
+        siblings.push(node.nextSibling);
+    }
+    return siblings;
+}
+/**
+ * blank HTML for cursor position
+ * - [workaround] old IE only works with &nbsp;
+ * - [workaround] IE11 and other browser works with bogus br
+ */
+var blankHTML = env.isMSIE && env.browserVersion < 11 ? '&nbsp;' : '<br>';
+/**
+ * @method nodeLength
+ *
+ * returns #text's text size or element's childNodes size
+ *
+ * @param {Node} node
+ */
+function nodeLength(node) {
+    if (isText(node)) {
+        return node.nodeValue.length;
+    }
+    if (node) {
+        return node.childNodes.length;
+    }
+    return 0;
+}
+/**
+ * returns whether node is empty or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
+function isEmpty(node) {
+    var len = nodeLength(node);
+    if (len === 0) {
+        return true;
+    }
+    else if (!isText(node) && len === 1 && node.innerHTML === blankHTML) {
+        // ex) <p><br></p>, <span><br></span>
+        return true;
+    }
+    else if (lists.all(node.childNodes, isText) && node.innerHTML === '') {
+        // ex) <p></p>, <span></span>
+        return true;
+    }
+    return false;
+}
+/**
+ * padding blankHTML if node is empty (for cursor position)
+ */
+function paddingBlankHTML(node) {
+    if (!isVoid(node) && !nodeLength(node)) {
+        node.innerHTML = blankHTML;
+    }
+}
+/**
+ * find nearest ancestor predicate hit
+ *
+ * @param {Node} node
+ * @param {Function} pred - predicate function
+ */
+function ancestor(node, pred) {
+    while (node) {
+        if (pred(node)) {
+            return node;
+        }
+        if (isEditable(node)) {
+            break;
+        }
+        node = node.parentNode;
+    }
+    return null;
+}
+/**
+ * find nearest ancestor only single child blood line and predicate hit
+ *
+ * @param {Node} node
+ * @param {Function} pred - predicate function
+ */
+function singleChildAncestor(node, pred) {
+    node = node.parentNode;
+    while (node) {
+        if (nodeLength(node) !== 1) {
+            break;
+        }
+        if (pred(node)) {
+            return node;
+        }
+        if (isEditable(node)) {
+            break;
+        }
+        node = node.parentNode;
+    }
+    return null;
+}
+/**
+ * returns new array of ancestor nodes (until predicate hit).
+ *
+ * @param {Node} node
+ * @param {Function} [optional] pred - predicate function
+ */
+function listAncestor(node, pred) {
+    pred = pred || func.fail;
+    var ancestors = [];
+    ancestor(node, function (el) {
+        if (!isEditable(el)) {
+            ancestors.push(el);
+        }
+        return pred(el);
+    });
+    return ancestors;
+}
+/**
+ * find farthest ancestor predicate hit
+ */
+function lastAncestor(node, pred) {
+    var ancestors = listAncestor(node);
+    return lists.last(ancestors.filter(pred));
+}
+/**
+ * returns common ancestor node between two nodes.
+ *
+ * @param {Node} nodeA
+ * @param {Node} nodeB
+ */
+function commonAncestor(nodeA, nodeB) {
+    var ancestors = listAncestor(nodeA);
+    for (var n = nodeB; n; n = n.parentNode) {
+        if ($$1.inArray(n, ancestors) > -1) {
+            return n;
+        }
+    }
+    return null; // difference document area
+}
+/**
+ * listing all previous siblings (until predicate hit).
+ *
+ * @param {Node} node
+ * @param {Function} [optional] pred - predicate function
+ */
+function listPrev(node, pred) {
+    pred = pred || func.fail;
+    var nodes = [];
+    while (node) {
+        if (pred(node)) {
+            break;
+        }
+        nodes.push(node);
+        node = node.previousSibling;
+    }
+    return nodes;
+}
+/**
+ * listing next siblings (until predicate hit).
+ *
+ * @param {Node} node
+ * @param {Function} [pred] - predicate function
+ */
+function listNext(node, pred) {
+    pred = pred || func.fail;
+    var nodes = [];
+    while (node) {
+        if (pred(node)) {
+            break;
+        }
+        nodes.push(node);
+        node = node.nextSibling;
+    }
+    return nodes;
+}
+/**
+ * listing descendant nodes
+ *
+ * @param {Node} node
+ * @param {Function} [pred] - predicate function
+ */
+function listDescendant(node, pred) {
+    var descendants = [];
+    pred = pred || func.ok;
+    // start DFS(depth first search) with node
+    (function fnWalk(current) {
+        if (node !== current && pred(current)) {
+            descendants.push(current);
+        }
+        for (var idx = 0, len = current.childNodes.length; idx < len; idx++) {
+            fnWalk(current.childNodes[idx]);
+        }
+    })(node);
+    return descendants;
+}
+/**
+ * wrap node with new tag.
+ *
+ * @param {Node} node
+ * @param {Node} tagName of wrapper
+ * @return {Node} - wrapper
+ */
+function wrap(node, wrapperName) {
+    var parent = node.parentNode;
+    var wrapper = $$1('<' + wrapperName + '>')[0];
+    parent.insertBefore(wrapper, node);
+    wrapper.appendChild(node);
+    return wrapper;
+}
+/**
+ * insert node after preceding
+ *
+ * @param {Node} node
+ * @param {Node} preceding - predicate function
+ */
+function insertAfter(node, preceding) {
+    var next = preceding.nextSibling;
+    var parent = preceding.parentNode;
+    if (next) {
+        parent.insertBefore(node, next);
+    }
+    else {
+        parent.appendChild(node);
+    }
+    return node;
+}
+/**
+ * append elements.
+ *
+ * @param {Node} node
+ * @param {Collection} aChild
+ */
+function appendChildNodes(node, aChild) {
+    $$1.each(aChild, function (idx, child) {
+        node.appendChild(child);
+    });
+    return node;
+}
+/**
+ * returns whether boundaryPoint is left edge or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isLeftEdgePoint(point) {
+    return point.offset === 0;
+}
+/**
+ * returns whether boundaryPoint is right edge or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isRightEdgePoint(point) {
+    return point.offset === nodeLength(point.node);
+}
+/**
+ * returns whether boundaryPoint is edge or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isEdgePoint(point) {
+    return isLeftEdgePoint(point) || isRightEdgePoint(point);
+}
+/**
+ * returns whether node is left edge of ancestor or not.
+ *
+ * @param {Node} node
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isLeftEdgeOf(node, ancestor) {
+    while (node && node !== ancestor) {
+        if (position(node) !== 0) {
+            return false;
+        }
+        node = node.parentNode;
+    }
+    return true;
+}
+/**
+ * returns whether node is right edge of ancestor or not.
+ *
+ * @param {Node} node
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isRightEdgeOf(node, ancestor) {
+    if (!ancestor) {
+        return false;
+    }
+    while (node && node !== ancestor) {
+        if (position(node) !== nodeLength(node.parentNode) - 1) {
+            return false;
+        }
+        node = node.parentNode;
+    }
+    return true;
+}
+/**
+ * returns whether point is left edge of ancestor or not.
+ * @param {BoundaryPoint} point
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isLeftEdgePointOf(point, ancestor) {
+    return isLeftEdgePoint(point) && isLeftEdgeOf(point.node, ancestor);
+}
+/**
+ * returns whether point is right edge of ancestor or not.
+ * @param {BoundaryPoint} point
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isRightEdgePointOf(point, ancestor) {
+    return isRightEdgePoint(point) && isRightEdgeOf(point.node, ancestor);
+}
+/**
+ * returns offset from parent.
+ *
+ * @param {Node} node
+ */
+function position(node) {
+    var offset = 0;
+    while ((node = node.previousSibling)) {
+        offset += 1;
+    }
+    return offset;
+}
+function hasChildren(node) {
+    return !!(node && node.childNodes && node.childNodes.length);
+}
+/**
+ * returns previous boundaryPoint
+ *
+ * @param {BoundaryPoint} point
+ * @param {Boolean} isSkipInnerOffset
+ * @return {BoundaryPoint}
+ */
+function prevPoint(point, isSkipInnerOffset) {
+    var node;
+    var offset;
+    if (point.offset === 0) {
+        if (isEditable(point.node)) {
+            return null;
+        }
+        node = point.node.parentNode;
+        offset = position(point.node);
+    }
+    else if (hasChildren(point.node)) {
+        node = point.node.childNodes[point.offset - 1];
+        offset = nodeLength(node);
+    }
+    else {
+        node = point.node;
+        offset = isSkipInnerOffset ? 0 : point.offset - 1;
+    }
+    return {
+        node: node,
+        offset: offset
+    };
+}
+/**
+ * returns next boundaryPoint
+ *
+ * @param {BoundaryPoint} point
+ * @param {Boolean} isSkipInnerOffset
+ * @return {BoundaryPoint}
+ */
+function nextPoint(point, isSkipInnerOffset) {
+    var node, offset;
+    if (nodeLength(point.node) === point.offset) {
+        if (isEditable(point.node)) {
+            return null;
+        }
+        node = point.node.parentNode;
+        offset = position(point.node) + 1;
+    }
+    else if (hasChildren(point.node)) {
+        node = point.node.childNodes[point.offset];
+        offset = 0;
+    }
+    else {
+        node = point.node;
+        offset = isSkipInnerOffset ? nodeLength(point.node) : point.offset + 1;
+    }
+    return {
+        node: node,
+        offset: offset
+    };
+}
+/**
+ * returns whether pointA and pointB is same or not.
+ *
+ * @param {BoundaryPoint} pointA
+ * @param {BoundaryPoint} pointB
+ * @return {Boolean}
+ */
+function isSamePoint(pointA, pointB) {
+    return pointA.node === pointB.node && pointA.offset === pointB.offset;
+}
+/**
+ * returns whether point is visible (can set cursor) or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isVisiblePoint(point) {
+    if (isText(point.node) || !hasChildren(point.node) || isEmpty(point.node)) {
+        return true;
+    }
+    var leftNode = point.node.childNodes[point.offset - 1];
+    var rightNode = point.node.childNodes[point.offset];
+    if ((!leftNode || isVoid(leftNode)) && (!rightNode || isVoid(rightNode))) {
+        return true;
+    }
+    return false;
+}
+/**
+ * @method prevPointUtil
+ *
+ * @param {BoundaryPoint} point
+ * @param {Function} pred
+ * @return {BoundaryPoint}
+ */
+function prevPointUntil(point, pred) {
+    while (point) {
+        if (pred(point)) {
+            return point;
+        }
+        point = prevPoint(point);
+    }
+    return null;
+}
+/**
+ * @method nextPointUntil
+ *
+ * @param {BoundaryPoint} point
+ * @param {Function} pred
+ * @return {BoundaryPoint}
+ */
+function nextPointUntil(point, pred) {
+    while (point) {
+        if (pred(point)) {
+            return point;
+        }
+        point = nextPoint(point);
+    }
+    return null;
+}
+/**
+ * returns whether point has character or not.
+ *
+ * @param {Point} point
+ * @return {Boolean}
+ */
+function isCharPoint(point) {
+    if (!isText(point.node)) {
+        return false;
+    }
+    var ch = point.node.nodeValue.charAt(point.offset - 1);
+    return ch && (ch !== ' ' && ch !== NBSP_CHAR);
+}
+/**
+ * @method walkPoint
+ *
+ * @param {BoundaryPoint} startPoint
+ * @param {BoundaryPoint} endPoint
+ * @param {Function} handler
+ * @param {Boolean} isSkipInnerOffset
+ */
+function walkPoint(startPoint, endPoint, handler, isSkipInnerOffset) {
+    var point = startPoint;
+    while (point) {
+        handler(point);
+        if (isSamePoint(point, endPoint)) {
+            break;
+        }
+        var isSkipOffset = isSkipInnerOffset &&
+            startPoint.node !== point.node &&
+            endPoint.node !== point.node;
+        point = nextPoint(point, isSkipOffset);
+    }
+}
+/**
+ * @method makeOffsetPath
+ *
+ * return offsetPath(array of offset) from ancestor
+ *
+ * @param {Node} ancestor - ancestor node
+ * @param {Node} node
+ */
+function makeOffsetPath(ancestor, node) {
+    var ancestors = listAncestor(node, func.eq(ancestor));
+    return ancestors.map(position).reverse();
+}
+/**
+ * @method fromOffsetPath
+ *
+ * return element from offsetPath(array of offset)
+ *
+ * @param {Node} ancestor - ancestor node
+ * @param {array} offsets - offsetPath
+ */
+function fromOffsetPath(ancestor, offsets) {
+    var current = ancestor;
+    for (var i = 0, len = offsets.length; i < len; i++) {
+        if (current.childNodes.length <= offsets[i]) {
+            current = current.childNodes[current.childNodes.length - 1];
+        }
+        else {
+            current = current.childNodes[offsets[i]];
+        }
+    }
+    return current;
+}
+/**
+ * @method splitNode
+ *
+ * split element or #text
+ *
+ * @param {BoundaryPoint} point
+ * @param {Object} [options]
+ * @param {Boolean} [options.isSkipPaddingBlankHTML] - default: false
+ * @param {Boolean} [options.isNotSplitEdgePoint] - default: false
+ * @return {Node} right node of boundaryPoint
+ */
+function splitNode(point, options) {
+    var isSkipPaddingBlankHTML = options && options.isSkipPaddingBlankHTML;
+    var isNotSplitEdgePoint = options && options.isNotSplitEdgePoint;
+    // edge case
+    if (isEdgePoint(point) && (isText(point.node) || isNotSplitEdgePoint)) {
+        if (isLeftEdgePoint(point)) {
+            return point.node;
+        }
+        else if (isRightEdgePoint(point)) {
+            return point.node.nextSibling;
+        }
+    }
+    // split #text
+    if (isText(point.node)) {
+        return point.node.splitText(point.offset);
+    }
+    else {
+        var childNode = point.node.childNodes[point.offset];
+        var clone = insertAfter(point.node.cloneNode(false), point.node);
+        appendChildNodes(clone, listNext(childNode));
+        if (!isSkipPaddingBlankHTML) {
+            paddingBlankHTML(point.node);
+            paddingBlankHTML(clone);
+        }
+        return clone;
+    }
+}
+/**
+ * @method splitTree
+ *
+ * split tree by point
+ *
+ * @param {Node} root - split root
+ * @param {BoundaryPoint} point
+ * @param {Object} [options]
+ * @param {Boolean} [options.isSkipPaddingBlankHTML] - default: false
+ * @param {Boolean} [options.isNotSplitEdgePoint] - default: false
+ * @return {Node} right node of boundaryPoint
+ */
+function splitTree(root, point, options) {
+    // ex) [#text, <span>, <p>]
+    var ancestors = listAncestor(point.node, func.eq(root));
+    if (!ancestors.length) {
+        return null;
+    }
+    else if (ancestors.length === 1) {
+        return splitNode(point, options);
+    }
+    return ancestors.reduce(function (node, parent) {
+        if (node === point.node) {
+            node = splitNode(point, options);
+        }
+        return splitNode({
+            node: parent,
+            offset: node ? position(node) : nodeLength(parent)
+        }, options);
+    });
+}
+/**
+ * split point
+ *
+ * @param {Point} point
+ * @param {Boolean} isInline
+ * @return {Object}
+ */
+function splitPoint(point, isInline) {
+    // find splitRoot, container
+    //  - inline: splitRoot is a child of paragraph
+    //  - block: splitRoot is a child of bodyContainer
+    var pred = isInline ? isPara : isBodyContainer;
+    var ancestors = listAncestor(point.node, pred);
+    var topAncestor = lists.last(ancestors) || point.node;
+    var splitRoot, container;
+    if (pred(topAncestor)) {
+        splitRoot = ancestors[ancestors.length - 2];
+        container = topAncestor;
+    }
+    else {
+        splitRoot = topAncestor;
+        container = splitRoot.parentNode;
+    }
+    // if splitRoot is exists, split with splitTree
+    var pivot = splitRoot && splitTree(splitRoot, point, {
+        isSkipPaddingBlankHTML: isInline,
+        isNotSplitEdgePoint: isInline
+    });
+    // if container is point.node, find pivot with point.offset
+    if (!pivot && container === point.node) {
+        pivot = point.node.childNodes[point.offset];
+    }
+    return {
+        rightNode: pivot,
+        container: container
+    };
+}
+function create(nodeName) {
+    return document.createElement(nodeName);
+}
+function createText(text) {
+    return document.createTextNode(text);
+}
+/**
+ * @method remove
+ *
+ * remove node, (isRemoveChild: remove child or not)
+ *
+ * @param {Node} node
+ * @param {Boolean} isRemoveChild
+ */
+function remove(node, isRemoveChild) {
+    if (!node || !node.parentNode) {
+        return;
+    }
+    if (node.removeNode) {
+        return node.removeNode(isRemoveChild);
+    }
+    var parent = node.parentNode;
+    if (!isRemoveChild) {
+        var nodes = [];
+        for (var i = 0, len = node.childNodes.length; i < len; i++) {
+            nodes.push(node.childNodes[i]);
+        }
+        for (var i = 0, len = nodes.length; i < len; i++) {
+            parent.insertBefore(nodes[i], node);
+        }
+    }
+    parent.removeChild(node);
+}
+/**
+ * @method removeWhile
+ *
+ * @param {Node} node
+ * @param {Function} pred
+ */
+function removeWhile(node, pred) {
+    while (node) {
+        if (isEditable(node) || !pred(node)) {
+            break;
+        }
+        var parent = node.parentNode;
+        remove(node);
+        node = parent;
+    }
+}
+/**
+ * @method replace
+ *
+ * replace node with provided nodeName
+ *
+ * @param {Node} node
+ * @param {String} nodeName
+ * @return {Node} - new node
+ */
+function replace(node, nodeName) {
+    if (node.nodeName.toUpperCase() === nodeName.toUpperCase()) {
+        return node;
+    }
+    var newNode = create(nodeName);
+    if (node.style.cssText) {
+        newNode.style.cssText = node.style.cssText;
+    }
+    appendChildNodes(newNode, lists.from(node.childNodes));
+    insertAfter(newNode, node);
+    remove(node);
+    return newNode;
+}
+var isTextarea = makePredByNodeName('TEXTAREA');
+/**
+ * @param {jQuery} $node
+ * @param {Boolean} [stripLinebreaks] - default: false
+ */
+function value($node, stripLinebreaks) {
+    var val = isTextarea($node[0]) ? $node.val() : $node.html();
+    if (stripLinebreaks) {
+        return val.replace(/[\n\r]/g, '');
+    }
+    return val;
+}
+/**
+ * @method html
+ *
+ * get the HTML contents of node
+ *
+ * @param {jQuery} $node
+ * @param {Boolean} [isNewlineOnBlock]
+ */
+function html($node, isNewlineOnBlock) {
+    var markup = value($node);
+    if (isNewlineOnBlock) {
+        var regexTag = /<(\/?)(\b(?!!)[^>\s]*)(.*?)(\s*\/?>)/g;
+        markup = markup.replace(regexTag, function (match, endSlash, name) {
+            name = name.toUpperCase();
+            var isEndOfInlineContainer = /^DIV|^TD|^TH|^P|^LI|^H[1-7]/.test(name) &&
+                !!endSlash;
+            var isBlockNode = /^BLOCKQUOTE|^TABLE|^TBODY|^TR|^HR|^UL|^OL/.test(name);
+            return match + ((isEndOfInlineContainer || isBlockNode) ? '\n' : '');
+        });
+        markup = $$1.trim(markup);
+    }
+    return markup;
+}
+function posFromPlaceholder(placeholder) {
+    var $placeholder = $$1(placeholder);
+    var pos = $placeholder.offset();
+    var height = $placeholder.outerHeight(true); // include margin
+    return {
+        left: pos.left,
+        top: pos.top + height
+    };
+}
+function attachEvents($node, events) {
+    Object.keys(events).forEach(function (key) {
+        $node.on(key, events[key]);
+    });
+}
+function detachEvents($node, events) {
+    Object.keys(events).forEach(function (key) {
+        $node.off(key, events[key]);
+    });
+}
+/**
+ * @method isCustomStyleTag
+ *
+ * assert if a node contains a "note-styletag" class,
+ * which implies that's a custom-made style tag node
+ *
+ * @param {Node} an HTML DOM node
+ */
+function isCustomStyleTag(node) {
+    return node && !isText(node) && lists.contains(node.classList, 'note-styletag');
+}
+var dom = {
+    /** @property {String} NBSP_CHAR */
+    NBSP_CHAR: NBSP_CHAR,
+    /** @property {String} ZERO_WIDTH_NBSP_CHAR */
+    ZERO_WIDTH_NBSP_CHAR: ZERO_WIDTH_NBSP_CHAR,
+    /** @property {String} blank */
+    blank: blankHTML,
+    /** @property {String} emptyPara */
+    emptyPara: "<p>" + blankHTML + "</p>",
+    makePredByNodeName: makePredByNodeName,
+    isEditable: isEditable,
+    isControlSizing: isControlSizing,
+    isText: isText,
+    isElement: isElement,
+    isVoid: isVoid,
+    isPara: isPara,
+    isPurePara: isPurePara,
+    isHeading: isHeading,
+    isInline: isInline,
+    isBlock: func.not(isInline),
+    isBodyInline: isBodyInline,
+    isBody: isBody,
+    isParaInline: isParaInline,
+    isPre: isPre,
+    isList: isList,
+    isTable: isTable,
+    isData: isData,
+    isCell: isCell,
+    isBlockquote: isBlockquote,
+    isBodyContainer: isBodyContainer,
+    isAnchor: isAnchor,
+    isDiv: makePredByNodeName('DIV'),
+    isLi: isLi,
+    isBR: makePredByNodeName('BR'),
+    isSpan: makePredByNodeName('SPAN'),
+    isB: makePredByNodeName('B'),
+    isU: makePredByNodeName('U'),
+    isS: makePredByNodeName('S'),
+    isI: makePredByNodeName('I'),
+    isImg: makePredByNodeName('IMG'),
+    isTextarea: isTextarea,
+    isEmpty: isEmpty,
+    isEmptyAnchor: func.and(isAnchor, isEmpty),
+    isClosestSibling: isClosestSibling,
+    withClosestSiblings: withClosestSiblings,
+    nodeLength: nodeLength,
+    isLeftEdgePoint: isLeftEdgePoint,
+    isRightEdgePoint: isRightEdgePoint,
+    isEdgePoint: isEdgePoint,
+    isLeftEdgeOf: isLeftEdgeOf,
+    isRightEdgeOf: isRightEdgeOf,
+    isLeftEdgePointOf: isLeftEdgePointOf,
+    isRightEdgePointOf: isRightEdgePointOf,
+    prevPoint: prevPoint,
+    nextPoint: nextPoint,
+    isSamePoint: isSamePoint,
+    isVisiblePoint: isVisiblePoint,
+    prevPointUntil: prevPointUntil,
+    nextPointUntil: nextPointUntil,
+    isCharPoint: isCharPoint,
+    walkPoint: walkPoint,
+    ancestor: ancestor,
+    singleChildAncestor: singleChildAncestor,
+    listAncestor: listAncestor,
+    lastAncestor: lastAncestor,
+    listNext: listNext,
+    listPrev: listPrev,
+    listDescendant: listDescendant,
+    commonAncestor: commonAncestor,
+    wrap: wrap,
+    insertAfter: insertAfter,
+    appendChildNodes: appendChildNodes,
+    position: position,
+    hasChildren: hasChildren,
+    makeOffsetPath: makeOffsetPath,
+    fromOffsetPath: fromOffsetPath,
+    splitTree: splitTree,
+    splitPoint: splitPoint,
+    create: create,
+    createText: createText,
+    remove: remove,
+    removeWhile: removeWhile,
+    replace: replace,
+    html: html,
+    value: value,
+    posFromPlaceholder: posFromPlaceholder,
+    attachEvents: attachEvents,
+    detachEvents: detachEvents,
+    isCustomStyleTag: isCustomStyleTag
+};
+
+$$1.summernote = $$1.summernote || {
+    lang: {}
+};
+$$1.extend($$1.summernote.lang, {
+    'en-US': {
+        font: {
+            bold: 'Bold',
+            italic: 'Italic',
+            underline: 'Underline',
+            clear: 'Remove Font Style',
+            height: 'Line Height',
+            name: 'Font Family',
+            strikethrough: 'Strikethrough',
+            subscript: 'Subscript',
+            superscript: 'Superscript',
+            size: 'Font Size'
+        },
+        image: {
+            image: 'Picture',
+            insert: 'Insert Image',
+            resizeFull: 'Resize Full',
+            resizeHalf: 'Resize Half',
+            resizeQuarter: 'Resize Quarter',
+            floatLeft: 'Float Left',
+            floatRight: 'Float Right',
+            floatNone: 'Float None',
+            shapeRounded: 'Shape: Rounded',
+            shapeCircle: 'Shape: Circle',
+            shapeThumbnail: 'Shape: Thumbnail',
+            shapeNone: 'Shape: None',
+            dragImageHere: 'Drag image or text here',
+            dropImage: 'Drop image or Text',
+            selectFromFiles: 'Select from files',
+            maximumFileSize: 'Maximum file size',
+            maximumFileSizeError: 'Maximum file size exceeded.',
+            url: 'Image URL',
+            remove: 'Remove Image',
+            original: 'Original'
+        },
+        video: {
+            video: 'Video',
+            videoLink: 'Video Link',
+            insert: 'Insert Video',
+            url: 'Video URL',
+            providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)'
+        },
+        link: {
+            link: 'Link',
+            insert: 'Insert Link',
+            unlink: 'Unlink',
+            edit: 'Edit',
+            textToDisplay: 'Text to display',
+            url: 'To what URL should this link go?',
+            openInNewWindow: 'Open in new window'
+        },
+        table: {
+            table: 'Table',
+            addRowAbove: 'Add row above',
+            addRowBelow: 'Add row below',
+            addColLeft: 'Add column left',
+            addColRight: 'Add column right',
+            delRow: 'Delete row',
+            delCol: 'Delete column',
+            delTable: 'Delete table'
+        },
+        hr: {
+            insert: 'Insert Horizontal Rule'
+        },
+        style: {
+            style: 'Style',
+            p: 'Normal',
+            blockquote: 'Quote',
+            pre: 'Code',
+            h1: 'Header 1',
+            h2: 'Header 2',
+            h3: 'Header 3',
+            h4: 'Header 4',
+            h5: 'Header 5',
+            h6: 'Header 6'
+        },
+        lists: {
+            unordered: 'Unordered list',
+            ordered: 'Ordered list'
+        },
+        options: {
+            help: 'Help',
+            fullscreen: 'Full Screen',
+            codeview: 'Code View'
+        },
+        paragraph: {
+            paragraph: 'Paragraph',
+            outdent: 'Outdent',
+            indent: 'Indent',
+            left: 'Align left',
+            center: 'Align center',
+            right: 'Align right',
+            justify: 'Justify full'
+        },
+        color: {
+            recent: 'Recent Color',
+            more: 'More Color',
+            background: 'Background Color',
+            foreground: 'Foreground Color',
+            transparent: 'Transparent',
+            setTransparent: 'Set transparent',
+            reset: 'Reset',
+            resetToDefault: 'Reset to default'
+        },
+        shortcut: {
+            shortcuts: 'Keyboard shortcuts',
+            close: 'Close',
+            textFormatting: 'Text formatting',
+            action: 'Action',
+            paragraphFormatting: 'Paragraph formatting',
+            documentStyle: 'Document Style',
+            extraKeys: 'Extra keys'
+        },
+        help: {
+            'insertParagraph': 'Insert Paragraph',
+            'undo': 'Undoes the last command',
+            'redo': 'Redoes the last command',
+            'tab': 'Tab',
+            'untab': 'Untab',
+            'bold': 'Set a bold style',
+            'italic': 'Set a italic style',
+            'underline': 'Set a underline style',
+            'strikethrough': 'Set a strikethrough style',
+            'removeFormat': 'Clean a style',
+            'justifyLeft': 'Set left align',
+            'justifyCenter': 'Set center align',
+            'justifyRight': 'Set right align',
+            'justifyFull': 'Set full align',
+            'insertUnorderedList': 'Toggle unordered list',
+            'insertOrderedList': 'Toggle ordered list',
+            'outdent': 'Outdent on current paragraph',
+            'indent': 'Indent on current paragraph',
+            'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+            'formatH1': 'Change current block\'s format as H1',
+            'formatH2': 'Change current block\'s format as H2',
+            'formatH3': 'Change current block\'s format as H3',
+            'formatH4': 'Change current block\'s format as H4',
+            'formatH5': 'Change current block\'s format as H5',
+            'formatH6': 'Change current block\'s format as H6',
+            'insertHorizontalRule': 'Insert horizontal rule',
+            'linkDialog.show': 'Show Link Dialog'
+        },
+        history: {
+            undo: 'Undo',
+            redo: 'Redo'
+        },
+        specialChar: {
+            specialChar: 'SPECIAL CHARACTERS',
+            select: 'Select Special characters'
+        }
+    }
+});
+
+var KEY_MAP = {
+    'BACKSPACE': 8,
+    'TAB': 9,
+    'ENTER': 13,
+    'SPACE': 32,
+    'DELETE': 46,
+    // Arrow
+    'LEFT': 37,
+    'UP': 38,
+    'RIGHT': 39,
+    'DOWN': 40,
+    // Number: 0-9
+    'NUM0': 48,
+    'NUM1': 49,
+    'NUM2': 50,
+    'NUM3': 51,
+    'NUM4': 52,
+    'NUM5': 53,
+    'NUM6': 54,
+    'NUM7': 55,
+    'NUM8': 56,
+    // Alphabet: a-z
+    'B': 66,
+    'E': 69,
+    'I': 73,
+    'J': 74,
+    'K': 75,
+    'L': 76,
+    'R': 82,
+    'S': 83,
+    'U': 85,
+    'V': 86,
+    'Y': 89,
+    'Z': 90,
+    'SLASH': 191,
+    'LEFTBRACKET': 219,
+    'BACKSLASH': 220,
+    'RIGHTBRACKET': 221
+};
+/**
+ * @class core.key
+ *
+ * Object for keycodes.
+ *
+ * @singleton
+ * @alternateClassName key
+ */
+var key = {
+    /**
+     * @method isEdit
+     *
+     * @param {Number} keyCode
+     * @return {Boolean}
+     */
+    isEdit: function (keyCode) {
+        return lists.contains([
+            KEY_MAP.BACKSPACE,
+            KEY_MAP.TAB,
+            KEY_MAP.ENTER,
+            KEY_MAP.SPACE,
+            KEY_MAP.DELETE
+        ], keyCode);
+    },
+    /**
+     * @method isMove
+     *
+     * @param {Number} keyCode
+     * @return {Boolean}
+     */
+    isMove: function (keyCode) {
+        return lists.contains([
+            KEY_MAP.LEFT,
+            KEY_MAP.UP,
+            KEY_MAP.RIGHT,
+            KEY_MAP.DOWN
+        ], keyCode);
+    },
+    /**
+     * @property {Object} nameFromCode
+     * @property {String} nameFromCode.8 "BACKSPACE"
+     */
+    nameFromCode: func.invertObject(KEY_MAP),
+    code: KEY_MAP
+};
+
+/**
+ * return boundaryPoint from TextRange, inspired by Andy Na's HuskyRange.js
+ *
+ * @param {TextRange} textRange
+ * @param {Boolean} isStart
+ * @return {BoundaryPoint}
+ *
+ * @see http://msdn.microsoft.com/en-us/library/ie/ms535872(v=vs.85).aspx
+ */
+function textRangeToPoint(textRange, isStart) {
+    var container = textRange.parentElement();
+    var offset;
+    var tester = document.body.createTextRange();
+    var prevContainer;
+    var childNodes = lists.from(container.childNodes);
+    for (offset = 0; offset < childNodes.length; offset++) {
+        if (dom.isText(childNodes[offset])) {
+            continue;
+        }
+        tester.moveToElementText(childNodes[offset]);
+        if (tester.compareEndPoints('StartToStart', textRange) >= 0) {
+            break;
+        }
+        prevContainer = childNodes[offset];
+    }
+    if (offset !== 0 && dom.isText(childNodes[offset - 1])) {
+        var textRangeStart = document.body.createTextRange();
+        var curTextNode = null;
+        textRangeStart.moveToElementText(prevContainer || container);
+        textRangeStart.collapse(!prevContainer);
+        curTextNode = prevContainer ? prevContainer.nextSibling : container.firstChild;
+        var pointTester = textRange.duplicate();
+        pointTester.setEndPoint('StartToStart', textRangeStart);
+        var textCount = pointTester.text.replace(/[\r\n]/g, '').length;
+        while (textCount > curTextNode.nodeValue.length && curTextNode.nextSibling) {
+            textCount -= curTextNode.nodeValue.length;
+            curTextNode = curTextNode.nextSibling;
+        }
+        // [workaround] enforce IE to re-reference curTextNode, hack
+        var dummy = curTextNode.nodeValue; // eslint-disable-line
+        if (isStart && curTextNode.nextSibling && dom.isText(curTextNode.nextSibling) &&
+            textCount === curTextNode.nodeValue.length) {
+            textCount -= curTextNode.nodeValue.length;
+            curTextNode = curTextNode.nextSibling;
+        }
+        container = curTextNode;
+        offset = textCount;
+    }
+    return {
+        cont: container,
+        offset: offset
+    };
+}
+/**
+ * return TextRange from boundary point (inspired by google closure-library)
+ * @param {BoundaryPoint} point
+ * @return {TextRange}
+ */
+function pointToTextRange(point) {
+    var textRangeInfo = function (container, offset) {
+        var node, isCollapseToStart;
+        if (dom.isText(container)) {
+            var prevTextNodes = dom.listPrev(container, func.not(dom.isText));
+            var prevContainer = lists.last(prevTextNodes).previousSibling;
+            node = prevContainer || container.parentNode;
+            offset += lists.sum(lists.tail(prevTextNodes), dom.nodeLength);
+            isCollapseToStart = !prevContainer;
+        }
+        else {
+            node = container.childNodes[offset] || container;
+            if (dom.isText(node)) {
+                return textRangeInfo(node, 0);
+            }
+            offset = 0;
+            isCollapseToStart = false;
+        }
+        return {
+            node: node,
+            collapseToStart: isCollapseToStart,
+            offset: offset
+        };
+    };
+    var textRange = document.body.createTextRange();
+    var info = textRangeInfo(point.node, point.offset);
+    textRange.moveToElementText(info.node);
+    textRange.collapse(info.collapseToStart);
+    textRange.moveStart('character', info.offset);
+    return textRange;
+}
+/**
+   * Wrapped Range
+   *
+   * @constructor
+   * @param {Node} sc - start container
+   * @param {Number} so - start offset
+   * @param {Node} ec - end container
+   * @param {Number} eo - end offset
+   */
+var WrappedRange = /** @class */ (function () {
+    function WrappedRange(sc, so, ec, eo) {
+        this.sc = sc;
+        this.so = so;
+        this.ec = ec;
+        this.eo = eo;
+        // isOnEditable: judge whether range is on editable or not
+        this.isOnEditable = this.makeIsOn(dom.isEditable);
+        // isOnList: judge whether range is on list node or not
+        this.isOnList = this.makeIsOn(dom.isList);
+        // isOnAnchor: judge whether range is on anchor node or not
+        this.isOnAnchor = this.makeIsOn(dom.isAnchor);
+        // isOnCell: judge whether range is on cell node or not
+        this.isOnCell = this.makeIsOn(dom.isCell);
+        // isOnData: judge whether range is on data node or not
+        this.isOnData = this.makeIsOn(dom.isData);
+    }
+    // nativeRange: get nativeRange from sc, so, ec, eo
+    WrappedRange.prototype.nativeRange = function () {
+        if (env.isW3CRangeSupport) {
+            var w3cRange = document.createRange();
+            w3cRange.setStart(this.sc, this.so);
+            w3cRange.setEnd(this.ec, this.eo);
+            return w3cRange;
+        }
+        else {
+            var textRange = pointToTextRange({
+                node: this.sc,
+                offset: this.so
+            });
+            textRange.setEndPoint('EndToEnd', pointToTextRange({
+                node: this.ec,
+                offset: this.eo
+            }));
+            return textRange;
+        }
+    };
+    WrappedRange.prototype.getPoints = function () {
+        return {
+            sc: this.sc,
+            so: this.so,
+            ec: this.ec,
+            eo: this.eo
+        };
+    };
+    WrappedRange.prototype.getStartPoint = function () {
+        return {
+            node: this.sc,
+            offset: this.so
+        };
+    };
+    WrappedRange.prototype.getEndPoint = function () {
+        return {
+            node: this.ec,
+            offset: this.eo
+        };
+    };
+    /**
+     * select update visible range
+     */
+    WrappedRange.prototype.select = function () {
+        var nativeRng = this.nativeRange();
+        if (env.isW3CRangeSupport) {
+            var selection = document.getSelection();
+            if (selection.rangeCount > 0) {
+                selection.removeAllRanges();
+            }
+            selection.addRange(nativeRng);
+        }
+        else {
+            nativeRng.select();
+        }
+        return this;
+    };
+    /**
+     * Moves the scrollbar to start container(sc) of current range
+     *
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.scrollIntoView = function (container) {
+        var height = $$1(container).height();
+        if (container.scrollTop + height < this.sc.offsetTop) {
+            container.scrollTop += Math.abs(container.scrollTop + height - this.sc.offsetTop);
+        }
+        return this;
+    };
+    /**
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.normalize = function () {
+        /**
+         * @param {BoundaryPoint} point
+         * @param {Boolean} isLeftToRight
+         * @return {BoundaryPoint}
+         */
+        var getVisiblePoint = function (point, isLeftToRight) {
+            if ((dom.isVisiblePoint(point) && !dom.isEdgePoint(point)) ||
+                (dom.isVisiblePoint(point) && dom.isRightEdgePoint(point) && !isLeftToRight) ||
+                (dom.isVisiblePoint(point) && dom.isLeftEdgePoint(point) && isLeftToRight) ||
+                (dom.isVisiblePoint(point) && dom.isBlock(point.node) && dom.isEmpty(point.node))) {
+                return point;
+            }
+            // point on block's edge
+            var block = dom.ancestor(point.node, dom.isBlock);
+            if (((dom.isLeftEdgePointOf(point, block) || dom.isVoid(dom.prevPoint(point).node)) && !isLeftToRight) ||
+                ((dom.isRightEdgePointOf(point, block) || dom.isVoid(dom.nextPoint(point).node)) && isLeftToRight)) {
+                // returns point already on visible point
+                if (dom.isVisiblePoint(point)) {
+                    return point;
+                }
+                // reverse direction
+                isLeftToRight = !isLeftToRight;
+            }
+            var nextPoint = isLeftToRight ? dom.nextPointUntil(dom.nextPoint(point), dom.isVisiblePoint)
+                : dom.prevPointUntil(dom.prevPoint(point), dom.isVisiblePoint);
+            return nextPoint || point;
+        };
+        var endPoint = getVisiblePoint(this.getEndPoint(), false);
+        var startPoint = this.isCollapsed() ? endPoint : getVisiblePoint(this.getStartPoint(), true);
+        return new WrappedRange(startPoint.node, startPoint.offset, endPoint.node, endPoint.offset);
+    };
+    /**
+     * returns matched nodes on range
+     *
+     * @param {Function} [pred] - predicate function
+     * @param {Object} [options]
+     * @param {Boolean} [options.includeAncestor]
+     * @param {Boolean} [options.fullyContains]
+     * @return {Node[]}
+     */
+    WrappedRange.prototype.nodes = function (pred, options) {
+        pred = pred || func.ok;
+        var includeAncestor = options && options.includeAncestor;
+        var fullyContains = options && options.fullyContains;
+        // TODO compare points and sort
+        var startPoint = this.getStartPoint();
+        var endPoint = this.getEndPoint();
+        var nodes = [];
+        var leftEdgeNodes = [];
+        dom.walkPoint(startPoint, endPoint, function (point) {
+            if (dom.isEditable(point.node)) {
+                return;
+            }
+            var node;
+            if (fullyContains) {
+                if (dom.isLeftEdgePoint(point)) {
+                    leftEdgeNodes.push(point.node);
+                }
+                if (dom.isRightEdgePoint(point) && lists.contains(leftEdgeNodes, point.node)) {
+                    node = point.node;
+                }
+            }
+            else if (includeAncestor) {
+                node = dom.ancestor(point.node, pred);
+            }
+            else {
+                node = point.node;
+            }
+            if (node && pred(node)) {
+                nodes.push(node);
+            }
+        }, true);
+        return lists.unique(nodes);
+    };
+    /**
+     * returns commonAncestor of range
+     * @return {Element} - commonAncestor
+     */
+    WrappedRange.prototype.commonAncestor = function () {
+        return dom.commonAncestor(this.sc, this.ec);
+    };
+    /**
+     * returns expanded range by pred
+     *
+     * @param {Function} pred - predicate function
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.expand = function (pred) {
+        var startAncestor = dom.ancestor(this.sc, pred);
+        var endAncestor = dom.ancestor(this.ec, pred);
+        if (!startAncestor && !endAncestor) {
+            return new WrappedRange(this.sc, this.so, this.ec, this.eo);
+        }
+        var boundaryPoints = this.getPoints();
+        if (startAncestor) {
+            boundaryPoints.sc = startAncestor;
+            boundaryPoints.so = 0;
+        }
+        if (endAncestor) {
+            boundaryPoints.ec = endAncestor;
+            boundaryPoints.eo = dom.nodeLength(endAncestor);
+        }
+        return new WrappedRange(boundaryPoints.sc, boundaryPoints.so, boundaryPoints.ec, boundaryPoints.eo);
+    };
+    /**
+     * @param {Boolean} isCollapseToStart
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.collapse = function (isCollapseToStart) {
+        if (isCollapseToStart) {
+            return new WrappedRange(this.sc, this.so, this.sc, this.so);
+        }
+        else {
+            return new WrappedRange(this.ec, this.eo, this.ec, this.eo);
+        }
+    };
+    /**
+     * splitText on range
+     */
+    WrappedRange.prototype.splitText = function () {
+        var isSameContainer = this.sc === this.ec;
+        var boundaryPoints = this.getPoints();
+        if (dom.isText(this.ec) && !dom.isEdgePoint(this.getEndPoint())) {
+            this.ec.splitText(this.eo);
+        }
+        if (dom.isText(this.sc) && !dom.isEdgePoint(this.getStartPoint())) {
+            boundaryPoints.sc = this.sc.splitText(this.so);
+            boundaryPoints.so = 0;
+            if (isSameContainer) {
+                boundaryPoints.ec = boundaryPoints.sc;
+                boundaryPoints.eo = this.eo - this.so;
+            }
+        }
+        return new WrappedRange(boundaryPoints.sc, boundaryPoints.so, boundaryPoints.ec, boundaryPoints.eo);
+    };
+    /**
+     * delete contents on range
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.deleteContents = function () {
+        if (this.isCollapsed()) {
+            return this;
+        }
+        var rng = this.splitText();
+        var nodes = rng.nodes(null, {
+            fullyContains: true
+        });
+        // find new cursor point
+        var point = dom.prevPointUntil(rng.getStartPoint(), function (point) {
+            return !lists.contains(nodes, point.node);
+        });
+        var emptyParents = [];
+        $$1.each(nodes, function (idx, node) {
+            // find empty parents
+            var parent = node.parentNode;
+            if (point.node !== parent && dom.nodeLength(parent) === 1) {
+                emptyParents.push(parent);
+            }
+            dom.remove(node, false);
+        });
+        // remove empty parents
+        $$1.each(emptyParents, function (idx, node) {
+            dom.remove(node, false);
+        });
+        return new WrappedRange(point.node, point.offset, point.node, point.offset).normalize();
+    };
+    /**
+     * makeIsOn: return isOn(pred) function
+     */
+    WrappedRange.prototype.makeIsOn = function (pred) {
+        return function () {
+            var ancestor = dom.ancestor(this.sc, pred);
+            return !!ancestor && (ancestor === dom.ancestor(this.ec, pred));
+        };
+    };
+    /**
+     * @param {Function} pred
+     * @return {Boolean}
+     */
+    WrappedRange.prototype.isLeftEdgeOf = function (pred) {
+        if (!dom.isLeftEdgePoint(this.getStartPoint())) {
+            return false;
+        }
+        var node = dom.ancestor(this.sc, pred);
+        return node && dom.isLeftEdgeOf(this.sc, node);
+    };
+    /**
+     * returns whether range was collapsed or not
+     */
+    WrappedRange.prototype.isCollapsed = function () {
+        return this.sc === this.ec && this.so === this.eo;
+    };
+    /**
+     * wrap inline nodes which children of body with paragraph
+     *
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.wrapBodyInlineWithPara = function () {
+        if (dom.isBodyContainer(this.sc) && dom.isEmpty(this.sc)) {
+            this.sc.innerHTML = dom.emptyPara;
+            return new WrappedRange(this.sc.firstChild, 0, this.sc.firstChild, 0);
+        }
+        /**
+         * [workaround] firefox often create range on not visible point. so normalize here.
+         *  - firefox: |<p>text</p>|
+         *  - chrome: <p>|text|</p>
+         */
+        var rng = this.normalize();
+        if (dom.isParaInline(this.sc) || dom.isPara(this.sc)) {
+            return rng;
+        }
+        // find inline top ancestor
+        var topAncestor;
+        if (dom.isInline(rng.sc)) {
+            var ancestors = dom.listAncestor(rng.sc, func.not(dom.isInline));
+            topAncestor = lists.last(ancestors);
+            if (!dom.isInline(topAncestor)) {
+                topAncestor = ancestors[ancestors.length - 2] || rng.sc.childNodes[rng.so];
+            }
+        }
+        else {
+            topAncestor = rng.sc.childNodes[rng.so > 0 ? rng.so - 1 : 0];
+        }
+        // siblings not in paragraph
+        var inlineSiblings = dom.listPrev(topAncestor, dom.isParaInline).reverse();
+        inlineSiblings = inlineSiblings.concat(dom.listNext(topAncestor.nextSibling, dom.isParaInline));
+        // wrap with paragraph
+        if (inlineSiblings.length) {
+            var para = dom.wrap(lists.head(inlineSiblings), 'p');
+            dom.appendChildNodes(para, lists.tail(inlineSiblings));
+        }
+        return this.normalize();
+    };
+    /**
+     * insert node at current cursor
+     *
+     * @param {Node} node
+     * @return {Node}
+     */
+    WrappedRange.prototype.insertNode = function (node) {
+        var rng = this.wrapBodyInlineWithPara().deleteContents();
+        var info = dom.splitPoint(rng.getStartPoint(), dom.isInline(node));
+        if (info.rightNode) {
+            info.rightNode.parentNode.insertBefore(node, info.rightNode);
+        }
+        else {
+            info.container.appendChild(node);
+        }
+        return node;
+    };
+    /**
+     * insert html at current cursor
+     */
+    WrappedRange.prototype.pasteHTML = function (markup) {
+        var contentsContainer = $$1('<div></div>').html(markup)[0];
+        var childNodes = lists.from(contentsContainer.childNodes);
+        var rng = this.wrapBodyInlineWithPara().deleteContents();
+        return childNodes.reverse().map(function (childNode) {
+            return rng.insertNode(childNode);
+        }).reverse();
+    };
+    /**
+     * returns text in range
+     *
+     * @return {String}
+     */
+    WrappedRange.prototype.toString = function () {
+        var nativeRng = this.nativeRange();
+        return env.isW3CRangeSupport ? nativeRng.toString() : nativeRng.text;
+    };
+    /**
+     * returns range for word before cursor
+     *
+     * @param {Boolean} [findAfter] - find after cursor, default: false
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.getWordRange = function (findAfter) {
+        var endPoint = this.getEndPoint();
+        if (!dom.isCharPoint(endPoint)) {
+            return this;
+        }
+        var startPoint = dom.prevPointUntil(endPoint, function (point) {
+            return !dom.isCharPoint(point);
+        });
+        if (findAfter) {
+            endPoint = dom.nextPointUntil(endPoint, function (point) {
+                return !dom.isCharPoint(point);
+            });
+        }
+        return new WrappedRange(startPoint.node, startPoint.offset, endPoint.node, endPoint.offset);
+    };
+    /**
+     * create offsetPath bookmark
+     *
+     * @param {Node} editable
+     */
+    WrappedRange.prototype.bookmark = function (editable) {
+        return {
+            s: {
+                path: dom.makeOffsetPath(editable, this.sc),
+                offset: this.so
+            },
+            e: {
+                path: dom.makeOffsetPath(editable, this.ec),
+                offset: this.eo
+            }
+        };
+    };
+    /**
+     * create offsetPath bookmark base on paragraph
+     *
+     * @param {Node[]} paras
+     */
+    WrappedRange.prototype.paraBookmark = function (paras) {
+        return {
+            s: {
+                path: lists.tail(dom.makeOffsetPath(lists.head(paras), this.sc)),
+                offset: this.so
+            },
+            e: {
+                path: lists.tail(dom.makeOffsetPath(lists.last(paras), this.ec)),
+                offset: this.eo
+            }
+        };
+    };
+    /**
+     * getClientRects
+     * @return {Rect[]}
+     */
+    WrappedRange.prototype.getClientRects = function () {
+        var nativeRng = this.nativeRange();
+        return nativeRng.getClientRects();
+    };
+    return WrappedRange;
+}());
+/**
+ * Data structure
+ *  * BoundaryPoint: a point of dom tree
+ *  * BoundaryPoints: two boundaryPoints corresponding to the start and the end of the Range
+ *
+ * See to http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level-2-Range-Position
+ */
+var range = {
+    /**
+     * create Range Object From arguments or Browser Selection
+     *
+     * @param {Node} sc - start container
+     * @param {Number} so - start offset
+     * @param {Node} ec - end container
+     * @param {Number} eo - end offset
+     * @return {WrappedRange}
+     */
+    create: function (sc, so, ec, eo) {
+        if (arguments.length === 4) {
+            return new WrappedRange(sc, so, ec, eo);
+        }
+        else if (arguments.length === 2) {
+            ec = sc;
+            eo = so;
+            return new WrappedRange(sc, so, ec, eo);
+        }
+        else {
+            var wrappedRange = this.createFromSelection();
+            if (!wrappedRange && arguments.length === 1) {
+                wrappedRange = this.createFromNode(arguments[0]);
+                return wrappedRange.collapse(dom.emptyPara === arguments[0].innerHTML);
+            }
+            return wrappedRange;
+        }
+    },
+    createFromSelection: function () {
+        var sc, so, ec, eo;
+        if (env.isW3CRangeSupport) {
+            var selection = document.getSelection();
+            if (!selection || selection.rangeCount === 0) {
+                return null;
+            }
+            else if (dom.isBody(selection.anchorNode)) {
+                // Firefox: returns entire body as range on initialization.
+                // We won't never need it.
+                return null;
+            }
+            var nativeRng = selection.getRangeAt(0);
+            sc = nativeRng.startContainer;
+            so = nativeRng.startOffset;
+            ec = nativeRng.endContainer;
+            eo = nativeRng.endOffset;
+        }
+        else {
+            var textRange = document.selection.createRange();
+            var textRangeEnd = textRange.duplicate();
+            textRangeEnd.collapse(false);
+            var textRangeStart = textRange;
+            textRangeStart.collapse(true);
+            var startPoint = textRangeToPoint(textRangeStart, true);
+            var endPoint = textRangeToPoint(textRangeEnd, false);
+            // same visible point case: range was collapsed.
+            if (dom.isText(startPoint.node) && dom.isLeftEdgePoint(startPoint) &&
+                dom.isTextNode(endPoint.node) && dom.isRightEdgePoint(endPoint) &&
+                endPoint.node.nextSibling === startPoint.node) {
+                startPoint = endPoint;
+            }
+            sc = startPoint.cont;
+            so = startPoint.offset;
+            ec = endPoint.cont;
+            eo = endPoint.offset;
+        }
+        return new WrappedRange(sc, so, ec, eo);
+    },
+    /**
+     * @method
+     *
+     * create WrappedRange from node
+     *
+     * @param {Node} node
+     * @return {WrappedRange}
+     */
+    createFromNode: function (node) {
+        var sc = node;
+        var so = 0;
+        var ec = node;
+        var eo = dom.nodeLength(ec);
+        // browsers can't target a picture or void node
+        if (dom.isVoid(sc)) {
+            so = dom.listPrev(sc).length - 1;
+            sc = sc.parentNode;
+        }
+        if (dom.isBR(ec)) {
+            eo = dom.listPrev(ec).length - 1;
+            ec = ec.parentNode;
+        }
+        else if (dom.isVoid(ec)) {
+            eo = dom.listPrev(ec).length;
+            ec = ec.parentNode;
+        }
+        return this.create(sc, so, ec, eo);
+    },
+    /**
+     * create WrappedRange from node after position
+     *
+     * @param {Node} node
+     * @return {WrappedRange}
+     */
+    createFromNodeBefore: function (node) {
+        return this.createFromNode(node).collapse(true);
+    },
+    /**
+     * create WrappedRange from node after position
+     *
+     * @param {Node} node
+     * @return {WrappedRange}
+     */
+    createFromNodeAfter: function (node) {
+        return this.createFromNode(node).collapse();
+    },
+    /**
+     * @method
+     *
+     * create WrappedRange from bookmark
+     *
+     * @param {Node} editable
+     * @param {Object} bookmark
+     * @return {WrappedRange}
+     */
+    createFromBookmark: function (editable, bookmark) {
+        var sc = dom.fromOffsetPath(editable, bookmark.s.path);
+        var so = bookmark.s.offset;
+        var ec = dom.fromOffsetPath(editable, bookmark.e.path);
+        var eo = bookmark.e.offset;
+        return new WrappedRange(sc, so, ec, eo);
+    },
+    /**
+     * @method
+     *
+     * create WrappedRange from paraBookmark
+     *
+     * @param {Object} bookmark
+     * @param {Node[]} paras
+     * @return {WrappedRange}
+     */
+    createFromParaBookmark: function (bookmark, paras) {
+        var so = bookmark.s.offset;
+        var eo = bookmark.e.offset;
+        var sc = dom.fromOffsetPath(lists.head(paras), bookmark.s.path);
+        var ec = dom.fromOffsetPath(lists.last(paras), bookmark.e.path);
+        return new WrappedRange(sc, so, ec, eo);
+    }
+};
+
+/**
+ * @method readFileAsDataURL
+ *
+ * read contents of file as representing URL
+ *
+ * @param {File} file
+ * @return {Promise} - then: dataUrl
+ */
+function readFileAsDataURL(file) {
+    return $$1.Deferred(function (deferred) {
+        $$1.extend(new FileReader(), {
+            onload: function (e) {
+                var dataURL = e.target.result;
+                deferred.resolve(dataURL);
+            },
+            onerror: function (err) {
+                deferred.reject(err);
+            }
+        }).readAsDataURL(file);
+    }).promise();
+}
+/**
+ * @method createImage
+ *
+ * create `<image>` from url string
+ *
+ * @param {String} url
+ * @return {Promise} - then: $image
+ */
+function createImage(url) {
+    return $$1.Deferred(function (deferred) {
+        var $img = $$1('<img>');
+        $img.one('load', function () {
+            $img.off('error abort');
+            deferred.resolve($img);
+        }).one('error abort', function () {
+            $img.off('load').detach();
+            deferred.reject($img);
+        }).css({
+            display: 'none'
+        }).appendTo(document.body).attr('src', url);
+    }).promise();
+}
+
+var History = /** @class */ (function () {
+    function History($editable) {
+        this.stack = [];
+        this.stackOffset = -1;
+        this.$editable = $editable;
+        this.editable = $editable[0];
+    }
+    History.prototype.makeSnapshot = function () {
+        var rng = range.create(this.editable);
+        var emptyBookmark = { s: { path: [], offset: 0 }, e: { path: [], offset: 0 } };
+        return {
+            contents: this.$editable.html(),
+            bookmark: (rng ? rng.bookmark(this.editable) : emptyBookmark)
+        };
+    };
+    History.prototype.applySnapshot = function (snapshot) {
+        if (snapshot.contents !== null) {
+            this.$editable.html(snapshot.contents);
+        }
+        if (snapshot.bookmark !== null) {
+            range.createFromBookmark(this.editable, snapshot.bookmark).select();
+        }
+    };
+    /**
+    * @method rewind
+    * Rewinds the history stack back to the first snapshot taken.
+    * Leaves the stack intact, so that "Redo" can still be used.
+    */
+    History.prototype.rewind = function () {
+        // Create snap shot if not yet recorded
+        if (this.$editable.html() !== this.stack[this.stackOffset].contents) {
+            this.recordUndo();
+        }
+        // Return to the first available snapshot.
+        this.stackOffset = 0;
+        // Apply that snapshot.
+        this.applySnapshot(this.stack[this.stackOffset]);
+    };
+    /**
+    * @method reset
+    * Resets the history stack completely; reverting to an empty editor.
+    */
+    History.prototype.reset = function () {
+        // Clear the stack.
+        this.stack = [];
+        // Restore stackOffset to its original value.
+        this.stackOffset = -1;
+        // Clear the editable area.
+        this.$editable.html('');
+        // Record our first snapshot (of nothing).
+        this.recordUndo();
+    };
+    /**
+     * undo
+     */
+    History.prototype.undo = function () {
+        // Create snap shot if not yet recorded
+        if (this.$editable.html() !== this.stack[this.stackOffset].contents) {
+            this.recordUndo();
+        }
+        if (this.stackOffset > 0) {
+            this.stackOffset--;
+            this.applySnapshot(this.stack[this.stackOffset]);
+        }
+    };
+    /**
+     * redo
+     */
+    History.prototype.redo = function () {
+        if (this.stack.length - 1 > this.stackOffset) {
+            this.stackOffset++;
+            this.applySnapshot(this.stack[this.stackOffset]);
+        }
+    };
+    /**
+     * recorded undo
+     */
+    History.prototype.recordUndo = function () {
+        this.stackOffset++;
+        // Wash out stack after stackOffset
+        if (this.stack.length > this.stackOffset) {
+            this.stack = this.stack.slice(0, this.stackOffset);
+        }
+        // Create new snapshot and push it to the end
+        this.stack.push(this.makeSnapshot());
+    };
+    return History;
+}());
+
+var Style = /** @class */ (function () {
+    function Style() {
+    }
+    /**
+     * @method jQueryCSS
+     *
+     * [workaround] for old jQuery
+     * passing an array of style properties to .css()
+     * will result in an object of property-value pairs.
+     * (compability with version < 1.9)
+     *
+     * @private
+     * @param  {jQuery} $obj
+     * @param  {Array} propertyNames - An array of one or more CSS properties.
+     * @return {Object}
+     */
+    Style.prototype.jQueryCSS = function ($obj, propertyNames) {
+        if (env.jqueryVersion < 1.9) {
+            var result_1 = {};
+            $$1.each(propertyNames, function (idx, propertyName) {
+                result_1[propertyName] = $obj.css(propertyName);
+            });
+            return result_1;
+        }
+        return $obj.css(propertyNames);
+    };
+    /**
+     * returns style object from node
+     *
+     * @param {jQuery} $node
+     * @return {Object}
+     */
+    Style.prototype.fromNode = function ($node) {
+        var properties = ['font-family', 'font-size', 'text-align', 'list-style-type', 'line-height'];
+        var styleInfo = this.jQueryCSS($node, properties) || {};
+        styleInfo['font-size'] = parseInt(styleInfo['font-size'], 10);
+        return styleInfo;
+    };
+    /**
+     * paragraph level style
+     *
+     * @param {WrappedRange} rng
+     * @param {Object} styleInfo
+     */
+    Style.prototype.stylePara = function (rng, styleInfo) {
+        $$1.each(rng.nodes(dom.isPara, {
+            includeAncestor: true
+        }), function (idx, para) {
+            $$1(para).css(styleInfo);
+        });
+    };
+    /**
+     * insert and returns styleNodes on range.
+     *
+     * @param {WrappedRange} rng
+     * @param {Object} [options] - options for styleNodes
+     * @param {String} [options.nodeName] - default: `SPAN`
+     * @param {Boolean} [options.expandClosestSibling] - default: `false`
+     * @param {Boolean} [options.onlyPartialContains] - default: `false`
+     * @return {Node[]}
+     */
+    Style.prototype.styleNodes = function (rng, options) {
+        rng = rng.splitText();
+        var nodeName = (options && options.nodeName) || 'SPAN';
+        var expandClosestSibling = !!(options && options.expandClosestSibling);
+        var onlyPartialContains = !!(options && options.onlyPartialContains);
+        if (rng.isCollapsed()) {
+            return [rng.insertNode(dom.create(nodeName))];
+        }
+        var pred = dom.makePredByNodeName(nodeName);
+        var nodes = rng.nodes(dom.isText, {
+            fullyContains: true
+        }).map(function (text) {
+            return dom.singleChildAncestor(text, pred) || dom.wrap(text, nodeName);
+        });
+        if (expandClosestSibling) {
+            if (onlyPartialContains) {
+                var nodesInRange_1 = rng.nodes();
+                // compose with partial contains predication
+                pred = func.and(pred, function (node) {
+                    return lists.contains(nodesInRange_1, node);
+                });
+            }
+            return nodes.map(function (node) {
+                var siblings = dom.withClosestSiblings(node, pred);
+                var head = lists.head(siblings);
+                var tails = lists.tail(siblings);
+                $$1.each(tails, function (idx, elem) {
+                    dom.appendChildNodes(head, elem.childNodes);
+                    dom.remove(elem);
+                });
+                return lists.head(siblings);
+            });
+        }
+        else {
+            return nodes;
+        }
+    };
+    /**
+     * get current style on cursor
+     *
+     * @param {WrappedRange} rng
+     * @return {Object} - object contains style properties.
+     */
+    Style.prototype.current = function (rng) {
+        var $cont = $$1(!dom.isElement(rng.sc) ? rng.sc.parentNode : rng.sc);
+        var styleInfo = this.fromNode($cont);
+        // document.queryCommandState for toggle state
+        // [workaround] prevent Firefox nsresult: "0x80004005 (NS_ERROR_FAILURE)"
+        try {
+            styleInfo = $$1.extend(styleInfo, {
+                'font-bold': document.queryCommandState('bold') ? 'bold' : 'normal',
+                'font-italic': document.queryCommandState('italic') ? 'italic' : 'normal',
+                'font-underline': document.queryCommandState('underline') ? 'underline' : 'normal',
+                'font-subscript': document.queryCommandState('subscript') ? 'subscript' : 'normal',
+                'font-superscript': document.queryCommandState('superscript') ? 'superscript' : 'normal',
+                'font-strikethrough': document.queryCommandState('strikethrough') ? 'strikethrough' : 'normal',
+                'font-family': document.queryCommandValue('fontname') || styleInfo['font-family']
+            });
+        }
+        catch (e) { }
+        // list-style-type to list-style(unordered, ordered)
+        if (!rng.isOnList()) {
+            styleInfo['list-style'] = 'none';
+        }
+        else {
+            var orderedTypes = ['circle', 'disc', 'disc-leading-zero', 'square'];
+            var isUnordered = $$1.inArray(styleInfo['list-style-type'], orderedTypes) > -1;
+            styleInfo['list-style'] = isUnordered ? 'unordered' : 'ordered';
+        }
+        var para = dom.ancestor(rng.sc, dom.isPara);
+        if (para && para.style['line-height']) {
+            styleInfo['line-height'] = para.style.lineHeight;
+        }
+        else {
+            var lineHeight = parseInt(styleInfo['line-height'], 10) / parseInt(styleInfo['font-size'], 10);
+            styleInfo['line-height'] = lineHeight.toFixed(1);
+        }
+        styleInfo.anchor = rng.isOnAnchor() && dom.ancestor(rng.sc, dom.isAnchor);
+        styleInfo.ancestors = dom.listAncestor(rng.sc, dom.isEditable);
+        styleInfo.range = rng;
+        return styleInfo;
+    };
+    return Style;
+}());
+
+var Bullet = /** @class */ (function () {
+    function Bullet() {
+    }
+    /**
+     * toggle ordered list
+     */
+    Bullet.prototype.insertOrderedList = function (editable) {
+        this.toggleList('OL', editable);
+    };
+    /**
+     * toggle unordered list
+     */
+    Bullet.prototype.insertUnorderedList = function (editable) {
+        this.toggleList('UL', editable);
+    };
+    /**
+     * indent
+     */
+    Bullet.prototype.indent = function (editable) {
+        var _this = this;
+        var rng = range.create(editable).wrapBodyInlineWithPara();
+        var paras = rng.nodes(dom.isPara, { includeAncestor: true });
+        var clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
+        $$1.each(clustereds, function (idx, paras) {
+            var head = lists.head(paras);
+            if (dom.isLi(head)) {
+                _this.wrapList(paras, head.parentNode.nodeName);
+            }
+            else {
+                $$1.each(paras, function (idx, para) {
+                    $$1(para).css('marginLeft', function (idx, val) {
+                        return (parseInt(val, 10) || 0) + 25;
+                    });
+                });
+            }
+        });
+        rng.select();
+    };
+    /**
+     * outdent
+     */
+    Bullet.prototype.outdent = function (editable) {
+        var _this = this;
+        var rng = range.create(editable).wrapBodyInlineWithPara();
+        var paras = rng.nodes(dom.isPara, { includeAncestor: true });
+        var clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
+        $$1.each(clustereds, function (idx, paras) {
+            var head = lists.head(paras);
+            if (dom.isLi(head)) {
+                _this.releaseList([paras]);
+            }
+            else {
+                $$1.each(paras, function (idx, para) {
+                    $$1(para).css('marginLeft', function (idx, val) {
+                        val = (parseInt(val, 10) || 0);
+                        return val > 25 ? val - 25 : '';
+                    });
+                });
+            }
+        });
+        rng.select();
+    };
+    /**
+     * toggle list
+     *
+     * @param {String} listName - OL or UL
+     */
+    Bullet.prototype.toggleList = function (listName, editable) {
+        var _this = this;
+        var rng = range.create(editable).wrapBodyInlineWithPara();
+        var paras = rng.nodes(dom.isPara, { includeAncestor: true });
+        var bookmark = rng.paraBookmark(paras);
+        var clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
+        // paragraph to list
+        if (lists.find(paras, dom.isPurePara)) {
+            var wrappedParas_1 = [];
+            $$1.each(clustereds, function (idx, paras) {
+                wrappedParas_1 = wrappedParas_1.concat(_this.wrapList(paras, listName));
+            });
+            paras = wrappedParas_1;
+            // list to paragraph or change list style
+        }
+        else {
+            var diffLists = rng.nodes(dom.isList, {
+                includeAncestor: true
+            }).filter(function (listNode) {
+                return !$$1.nodeName(listNode, listName);
+            });
+            if (diffLists.length) {
+                $$1.each(diffLists, function (idx, listNode) {
+                    dom.replace(listNode, listName);
+                });
+            }
+            else {
+                paras = this.releaseList(clustereds, true);
+            }
+        }
+        range.createFromParaBookmark(bookmark, paras).select();
+    };
+    /**
+     * @param {Node[]} paras
+     * @param {String} listName
+     * @return {Node[]}
+     */
+    Bullet.prototype.wrapList = function (paras, listName) {
+        var head = lists.head(paras);
+        var last = lists.last(paras);
+        var prevList = dom.isList(head.previousSibling) && head.previousSibling;
+        var nextList = dom.isList(last.nextSibling) && last.nextSibling;
+        var listNode = prevList || dom.insertAfter(dom.create(listName || 'UL'), last);
+        // P to LI
+        paras = paras.map(function (para) {
+            return dom.isPurePara(para) ? dom.replace(para, 'LI') : para;
+        });
+        // append to list(<ul>, <ol>)
+        dom.appendChildNodes(listNode, paras);
+        if (nextList) {
+            dom.appendChildNodes(listNode, lists.from(nextList.childNodes));
+            dom.remove(nextList);
+        }
+        return paras;
+    };
+    /**
+     * @method releaseList
+     *
+     * @param {Array[]} clustereds
+     * @param {Boolean} isEscapseToBody
+     * @return {Node[]}
+     */
+    Bullet.prototype.releaseList = function (clustereds, isEscapseToBody) {
+        var releasedParas = [];
+        $$1.each(clustereds, function (idx, paras) {
+            var head = lists.head(paras);
+            var last = lists.last(paras);
+            var headList = isEscapseToBody ? dom.lastAncestor(head, dom.isList) : head.parentNode;
+            var lastList = headList.childNodes.length > 1 ? dom.splitTree(headList, {
+                node: last.parentNode,
+                offset: dom.position(last) + 1
+            }, {
+                isSkipPaddingBlankHTML: true
+            }) : null;
+            var middleList = dom.splitTree(headList, {
+                node: head.parentNode,
+                offset: dom.position(head)
+            }, {
+                isSkipPaddingBlankHTML: true
+            });
+            paras = isEscapseToBody ? dom.listDescendant(middleList, dom.isLi)
+                : lists.from(middleList.childNodes).filter(dom.isLi);
+            // LI to P
+            if (isEscapseToBody || !dom.isList(headList.parentNode)) {
+                paras = paras.map(function (para) {
+                    return dom.replace(para, 'P');
+                });
+            }
+            $$1.each(lists.from(paras).reverse(), function (idx, para) {
+                dom.insertAfter(para, headList);
+            });
+            // remove empty lists
+            var rootLists = lists.compact([headList, middleList, lastList]);
+            $$1.each(rootLists, function (idx, rootList) {
+                var listNodes = [rootList].concat(dom.listDescendant(rootList, dom.isList));
+                $$1.each(listNodes.reverse(), function (idx, listNode) {
+                    if (!dom.nodeLength(listNode)) {
+                        dom.remove(listNode, true);
+                    }
+                });
+            });
+            releasedParas = releasedParas.concat(paras);
+        });
+        return releasedParas;
+    };
+    return Bullet;
+}());
+
+/**
+ * @class editing.Typing
+ *
+ * Typing
+ *
+ */
+var Typing = /** @class */ (function () {
+    function Typing() {
+        // a Bullet instance to toggle lists off
+        this.bullet = new Bullet();
+    }
+    /**
+     * insert tab
+     *
+     * @param {WrappedRange} rng
+     * @param {Number} tabsize
+     */
+    Typing.prototype.insertTab = function (rng, tabsize) {
+        var tab = dom.createText(new Array(tabsize + 1).join(dom.NBSP_CHAR));
+        rng = rng.deleteContents();
+        rng.insertNode(tab, true);
+        rng = range.create(tab, tabsize);
+        rng.select();
+    };
+    /**
+     * insert paragraph
+     */
+    Typing.prototype.insertParagraph = function (editable) {
+        var rng = range.create(editable);
+        // deleteContents on range.
+        rng = rng.deleteContents();
+        // Wrap range if it needs to be wrapped by paragraph
+        rng = rng.wrapBodyInlineWithPara();
+        // finding paragraph
+        var splitRoot = dom.ancestor(rng.sc, dom.isPara);
+        var nextPara;
+        // on paragraph: split paragraph
+        if (splitRoot) {
+            // if it is an empty line with li
+            if (dom.isEmpty(splitRoot) && dom.isLi(splitRoot)) {
+                // toogle UL/OL and escape
+                this.bullet.toggleList(splitRoot.parentNode.nodeName);
+                return;
+                // if it is an empty line with para on blockquote
+            }
+            else if (dom.isEmpty(splitRoot) && dom.isPara(splitRoot) && dom.isBlockquote(splitRoot.parentNode)) {
+                // escape blockquote
+                dom.insertAfter(splitRoot, splitRoot.parentNode);
+                nextPara = splitRoot;
+                // if new line has content (not a line break)
+            }
+            else {
+                nextPara = dom.splitTree(splitRoot, rng.getStartPoint());
+                var emptyAnchors = dom.listDescendant(splitRoot, dom.isEmptyAnchor);
+                emptyAnchors = emptyAnchors.concat(dom.listDescendant(nextPara, dom.isEmptyAnchor));
+                $$1.each(emptyAnchors, function (idx, anchor) {
+                    dom.remove(anchor);
+                });
+                // replace empty heading, pre or custom-made styleTag with P tag
+                if ((dom.isHeading(nextPara) || dom.isPre(nextPara) || dom.isCustomStyleTag(nextPara)) && dom.isEmpty(nextPara)) {
+                    nextPara = dom.replace(nextPara, 'p');
+                }
+            }
+            // no paragraph: insert empty paragraph
+        }
+        else {
+            var next = rng.sc.childNodes[rng.so];
+            nextPara = $$1(dom.emptyPara)[0];
+            if (next) {
+                rng.sc.insertBefore(nextPara, next);
+            }
+            else {
+                rng.sc.appendChild(nextPara);
+            }
+        }
+        range.create(nextPara, 0).normalize().select().scrollIntoView(editable);
+    };
+    return Typing;
+}());
+
+/**
+ * @class Create a virtual table to create what actions to do in change.
+ * @param {object} startPoint Cell selected to apply change.
+ * @param {enum} where  Where change will be applied Row or Col. Use enum: TableResultAction.where
+ * @param {enum} action Action to be applied. Use enum: TableResultAction.requestAction
+ * @param {object} domTable Dom element of table to make changes.
+ */
+var TableResultAction = function (startPoint, where, action, domTable) {
+    var _startPoint = { 'colPos': 0, 'rowPos': 0 };
+    var _virtualTable = [];
+    var _actionCellList = [];
+    /// ///////////////////////////////////////////
+    // Private functions
+    /// ///////////////////////////////////////////
+    /**
+     * Set the startPoint of action.
+     */
+    function setStartPoint() {
+        if (!startPoint || !startPoint.tagName || (startPoint.tagName.toLowerCase() !== 'td' && startPoint.tagName.toLowerCase() !== 'th')) {
+            console.error('Impossible to identify start Cell point.', startPoint);
+            return;
+        }
+        _startPoint.colPos = startPoint.cellIndex;
+        if (!startPoint.parentElement || !startPoint.parentElement.tagName || startPoint.parentElement.tagName.toLowerCase() !== 'tr') {
+            console.error('Impossible to identify start Row point.', startPoint);
+            return;
+        }
+        _startPoint.rowPos = startPoint.parentElement.rowIndex;
+    }
+    /**
+     * Define virtual table position info object.
+     *
+     * @param {int} rowIndex Index position in line of virtual table.
+     * @param {int} cellIndex Index position in column of virtual table.
+     * @param {object} baseRow Row affected by this position.
+     * @param {object} baseCell Cell affected by this position.
+     * @param {bool} isSpan Inform if it is an span cell/row.
+     */
+    function setVirtualTablePosition(rowIndex, cellIndex, baseRow, baseCell, isRowSpan, isColSpan, isVirtualCell) {
+        var objPosition = {
+            'baseRow': baseRow,
+            'baseCell': baseCell,
+            'isRowSpan': isRowSpan,
+            'isColSpan': isColSpan,
+            'isVirtual': isVirtualCell
+        };
+        if (!_virtualTable[rowIndex]) {
+            _virtualTable[rowIndex] = [];
+        }
+        _virtualTable[rowIndex][cellIndex] = objPosition;
+    }
+    /**
+     * Create action cell object.
+     *
+     * @param {object} virtualTableCellObj Object of specific position on virtual table.
+     * @param {enum} resultAction Action to be applied in that item.
+     */
+    function getActionCell(virtualTableCellObj, resultAction, virtualRowPosition, virtualColPosition) {
+        return {
+            'baseCell': virtualTableCellObj.baseCell,
+            'action': resultAction,
+            'virtualTable': {
+                'rowIndex': virtualRowPosition,
+                'cellIndex': virtualColPosition
+            }
+        };
+    }
+    /**
+     * Recover free index of row to append Cell.
+     *
+     * @param {int} rowIndex Index of row to find free space.
+     * @param {int} cellIndex Index of cell to find free space in table.
+     */
+    function recoverCellIndex(rowIndex, cellIndex) {
+        if (!_virtualTable[rowIndex]) {
+            return cellIndex;
+        }
+        if (!_virtualTable[rowIndex][cellIndex]) {
+            return cellIndex;
+        }
+        var newCellIndex = cellIndex;
+        while (_virtualTable[rowIndex][newCellIndex]) {
+            newCellIndex++;
+            if (!_virtualTable[rowIndex][newCellIndex]) {
+                return newCellIndex;
+            }
+        }
+    }
+    /**
+     * Recover info about row and cell and add information to virtual table.
+     *
+     * @param {object} row Row to recover information.
+     * @param {object} cell Cell to recover information.
+     */
+    function addCellInfoToVirtual(row, cell) {
+        var cellIndex = recoverCellIndex(row.rowIndex, cell.cellIndex);
+        var cellHasColspan = (cell.colSpan > 1);
+        var cellHasRowspan = (cell.rowSpan > 1);
+        var isThisSelectedCell = (row.rowIndex === _startPoint.rowPos && cell.cellIndex === _startPoint.colPos);
+        setVirtualTablePosition(row.rowIndex, cellIndex, row, cell, cellHasRowspan, cellHasColspan, false);
+        // Add span rows to virtual Table.
+        var rowspanNumber = cell.attributes.rowSpan ? parseInt(cell.attributes.rowSpan.value, 10) : 0;
+        if (rowspanNumber > 1) {
+            for (var rp = 1; rp < rowspanNumber; rp++) {
+                var rowspanIndex = row.rowIndex + rp;
+                adjustStartPoint(rowspanIndex, cellIndex, cell, isThisSelectedCell);
+                setVirtualTablePosition(rowspanIndex, cellIndex, row, cell, true, cellHasColspan, true);
+            }
+        }
+        // Add span cols to virtual table.
+        var colspanNumber = cell.attributes.colSpan ? parseInt(cell.attributes.colSpan.value, 10) : 0;
+        if (colspanNumber > 1) {
+            for (var cp = 1; cp < colspanNumber; cp++) {
+                var cellspanIndex = recoverCellIndex(row.rowIndex, (cellIndex + cp));
+                adjustStartPoint(row.rowIndex, cellspanIndex, cell, isThisSelectedCell);
+                setVirtualTablePosition(row.rowIndex, cellspanIndex, row, cell, cellHasRowspan, true, true);
+            }
+        }
+    }
+    /**
+     * Process validation and adjust of start point if needed
+     *
+     * @param {int} rowIndex
+     * @param {int} cellIndex
+     * @param {object} cell
+     * @param {bool} isSelectedCell
+     */
+    function adjustStartPoint(rowIndex, cellIndex, cell, isSelectedCell) {
+        if (rowIndex === _startPoint.rowPos && _startPoint.colPos >= cell.cellIndex && cell.cellIndex <= cellIndex && !isSelectedCell) {
+            _startPoint.colPos++;
+        }
+    }
+    /**
+     * Create virtual table of cells with all cells, including span cells.
+     */
+    function createVirtualTable() {
+        var rows = domTable.rows;
+        for (var rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+            var cells = rows[rowIndex].cells;
+            for (var cellIndex = 0; cellIndex < cells.length; cellIndex++) {
+                addCellInfoToVirtual(rows[rowIndex], cells[cellIndex]);
+            }
+        }
+    }
+    /**
+     * Get action to be applied on the cell.
+     *
+     * @param {object} cell virtual table cell to apply action
+     */
+    function getDeleteResultActionToCell(cell) {
+        switch (where) {
+            case TableResultAction.where.Column:
+                if (cell.isColSpan) {
+                    return TableResultAction.resultAction.SubtractSpanCount;
+                }
+                break;
+            case TableResultAction.where.Row:
+                if (!cell.isVirtual && cell.isRowSpan) {
+                    return TableResultAction.resultAction.AddCell;
+                }
+                else if (cell.isRowSpan) {
+                    return TableResultAction.resultAction.SubtractSpanCount;
+                }
+                break;
+        }
+        return TableResultAction.resultAction.RemoveCell;
+    }
+    /**
+     * Get action to be applied on the cell.
+     *
+     * @param {object} cell virtual table cell to apply action
+     */
+    function getAddResultActionToCell(cell) {
+        switch (where) {
+            case TableResultAction.where.Column:
+                if (cell.isColSpan) {
+                    return TableResultAction.resultAction.SumSpanCount;
+                }
+                else if (cell.isRowSpan && cell.isVirtual) {
+                    return TableResultAction.resultAction.Ignore;
+                }
+                break;
+            case TableResultAction.where.Row:
+                if (cell.isRowSpan) {
+                    return TableResultAction.resultAction.SumSpanCount;
+                }
+                else if (cell.isColSpan && cell.isVirtual) {
+                    return TableResultAction.resultAction.Ignore;
+                }
+                break;
+        }
+        return TableResultAction.resultAction.AddCell;
+    }
+    function init() {
+        setStartPoint();
+        createVirtualTable();
+    }
+    /// ///////////////////////////////////////////
+    // Public functions
+    /// ///////////////////////////////////////////
+    /**
+     * Recover array os what to do in table.
+     */
+    this.getActionList = function () {
+        var fixedRow = (where === TableResultAction.where.Row) ? _startPoint.rowPos : -1;
+        var fixedCol = (where === TableResultAction.where.Column) ? _startPoint.colPos : -1;
+        var actualPosition = 0;
+        var canContinue = true;
+        while (canContinue) {
+            var rowPosition = (fixedRow >= 0) ? fixedRow : actualPosition;
+            var colPosition = (fixedCol >= 0) ? fixedCol : actualPosition;
+            var row = _virtualTable[rowPosition];
+            if (!row) {
+                canContinue = false;
+                return _actionCellList;
+            }
+            var cell = row[colPosition];
+            if (!cell) {
+                canContinue = false;
+                return _actionCellList;
+            }
+            // Define action to be applied in this cell
+            var resultAction = TableResultAction.resultAction.Ignore;
+            switch (action) {
+                case TableResultAction.requestAction.Add:
+                    resultAction = getAddResultActionToCell(cell);
+                    break;
+                case TableResultAction.requestAction.Delete:
+                    resultAction = getDeleteResultActionToCell(cell);
+                    break;
+            }
+            _actionCellList.push(getActionCell(cell, resultAction, rowPosition, colPosition));
+            actualPosition++;
+        }
+        return _actionCellList;
+    };
+    init();
+};
+/**
+*
+* Where action occours enum.
+*/
+TableResultAction.where = { 'Row': 0, 'Column': 1 };
+/**
+*
+* Requested action to apply enum.
+*/
+TableResultAction.requestAction = { 'Add': 0, 'Delete': 1 };
+/**
+*
+* Result action to be executed enum.
+*/
+TableResultAction.resultAction = { 'Ignore': 0, 'SubtractSpanCount': 1, 'RemoveCell': 2, 'AddCell': 3, 'SumSpanCount': 4 };
+/**
+ *
+ * @class editing.Table
+ *
+ * Table
+ *
+ */
+var Table = /** @class */ (function () {
+    function Table() {
+    }
+    /**
+     * handle tab key
+     *
+     * @param {WrappedRange} rng
+     * @param {Boolean} isShift
+     */
+    Table.prototype.tab = function (rng, isShift) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var table = dom.ancestor(cell, dom.isTable);
+        var cells = dom.listDescendant(table, dom.isCell);
+        var nextCell = lists[isShift ? 'prev' : 'next'](cells, cell);
+        if (nextCell) {
+            range.create(nextCell, 0).select();
+        }
+    };
+    /**
+     * Add a new row
+     *
+     * @param {WrappedRange} rng
+     * @param {String} position (top/bottom)
+     * @return {Node}
+     */
+    Table.prototype.addRow = function (rng, position) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var currentTr = $$1(cell).closest('tr');
+        var trAttributes = this.recoverAttributes(currentTr);
+        var html = $$1('<tr' + trAttributes + '></tr>');
+        var vTable = new TableResultAction(cell, TableResultAction.where.Row, TableResultAction.requestAction.Add, $$1(currentTr).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var idCell = 0; idCell < actions.length; idCell++) {
+            var currentCell = actions[idCell];
+            var tdAttributes = this.recoverAttributes(currentCell.baseCell);
+            switch (currentCell.action) {
+                case TableResultAction.resultAction.AddCell:
+                    html.append('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    break;
+                case TableResultAction.resultAction.SumSpanCount:
+                    if (position === 'top') {
+                        var baseCellTr = currentCell.baseCell.parent;
+                        var isTopFromRowSpan = (!baseCellTr ? 0 : currentCell.baseCell.closest('tr').rowIndex) <= currentTr[0].rowIndex;
+                        if (isTopFromRowSpan) {
+                            var newTd = $$1('<div></div>').append($$1('<td' + tdAttributes + '>' + dom.blank + '</td>').removeAttr('rowspan')).html();
+                            html.append(newTd);
+                            break;
+                        }
+                    }
+                    var rowspanNumber = parseInt(currentCell.baseCell.rowSpan, 10);
+                    rowspanNumber++;
+                    currentCell.baseCell.setAttribute('rowSpan', rowspanNumber);
+                    break;
+            }
+        }
+        if (position === 'top') {
+            currentTr.before(html);
+        }
+        else {
+            var cellHasRowspan = (cell.rowSpan > 1);
+            if (cellHasRowspan) {
+                var lastTrIndex = currentTr[0].rowIndex + (cell.rowSpan - 2);
+                $$1($$1(currentTr).parent().find('tr')[lastTrIndex]).after($$1(html));
+                return;
+            }
+            currentTr.after(html);
+        }
+    };
+    /**
+     * Add a new col
+     *
+     * @param {WrappedRange} rng
+     * @param {String} position (left/right)
+     * @return {Node}
+     */
+    Table.prototype.addCol = function (rng, position) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var row = $$1(cell).closest('tr');
+        var rowsGroup = $$1(row).siblings();
+        rowsGroup.push(row);
+        var vTable = new TableResultAction(cell, TableResultAction.where.Column, TableResultAction.requestAction.Add, $$1(row).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var actionIndex = 0; actionIndex < actions.length; actionIndex++) {
+            var currentCell = actions[actionIndex];
+            var tdAttributes = this.recoverAttributes(currentCell.baseCell);
+            switch (currentCell.action) {
+                case TableResultAction.resultAction.AddCell:
+                    if (position === 'right') {
+                        $$1(currentCell.baseCell).after('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    }
+                    else {
+                        $$1(currentCell.baseCell).before('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    }
+                    break;
+                case TableResultAction.resultAction.SumSpanCount:
+                    if (position === 'right') {
+                        var colspanNumber = parseInt(currentCell.baseCell.colSpan, 10);
+                        colspanNumber++;
+                        currentCell.baseCell.setAttribute('colSpan', colspanNumber);
+                    }
+                    else {
+                        $$1(currentCell.baseCell).before('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    }
+                    break;
+            }
+        }
+    };
+    /*
+    * Copy attributes from element.
+    *
+    * @param {object} Element to recover attributes.
+    * @return {string} Copied string elements.
+    */
+    Table.prototype.recoverAttributes = function (el) {
+        var resultStr = '';
+        if (!el) {
+            return resultStr;
+        }
+        var attrList = el.attributes || [];
+        for (var i = 0; i < attrList.length; i++) {
+            if (attrList[i].name.toLowerCase() === 'id') {
+                continue;
+            }
+            if (attrList[i].specified) {
+                resultStr += ' ' + attrList[i].name + '=\'' + attrList[i].value + '\'';
+            }
+        }
+        return resultStr;
+    };
+    /**
+     * Delete current row
+     *
+     * @param {WrappedRange} rng
+     * @return {Node}
+     */
+    Table.prototype.deleteRow = function (rng) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var row = $$1(cell).closest('tr');
+        var cellPos = row.children('td, th').index($$1(cell));
+        var rowPos = row[0].rowIndex;
+        var vTable = new TableResultAction(cell, TableResultAction.where.Row, TableResultAction.requestAction.Delete, $$1(row).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var actionIndex = 0; actionIndex < actions.length; actionIndex++) {
+            if (!actions[actionIndex]) {
+                continue;
+            }
+            var baseCell = actions[actionIndex].baseCell;
+            var virtualPosition = actions[actionIndex].virtualTable;
+            var hasRowspan = (baseCell.rowSpan && baseCell.rowSpan > 1);
+            var rowspanNumber = (hasRowspan) ? parseInt(baseCell.rowSpan, 10) : 0;
+            switch (actions[actionIndex].action) {
+                case TableResultAction.resultAction.Ignore:
+                    continue;
+                case TableResultAction.resultAction.AddCell:
+                    var nextRow = row.next('tr')[0];
+                    if (!nextRow) {
+                        continue;
+                    }
+                    var cloneRow = row[0].cells[cellPos];
+                    if (hasRowspan) {
+                        if (rowspanNumber > 2) {
+                            rowspanNumber--;
+                            nextRow.insertBefore(cloneRow, nextRow.cells[cellPos]);
+                            nextRow.cells[cellPos].setAttribute('rowSpan', rowspanNumber);
+                            nextRow.cells[cellPos].innerHTML = '';
+                        }
+                        else if (rowspanNumber === 2) {
+                            nextRow.insertBefore(cloneRow, nextRow.cells[cellPos]);
+                            nextRow.cells[cellPos].removeAttribute('rowSpan');
+                            nextRow.cells[cellPos].innerHTML = '';
+                        }
+                    }
+                    continue;
+                case TableResultAction.resultAction.SubtractSpanCount:
+                    if (hasRowspan) {
+                        if (rowspanNumber > 2) {
+                            rowspanNumber--;
+                            baseCell.setAttribute('rowSpan', rowspanNumber);
+                            if (virtualPosition.rowIndex !== rowPos && baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                        else if (rowspanNumber === 2) {
+                            baseCell.removeAttribute('rowSpan');
+                            if (virtualPosition.rowIndex !== rowPos && baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                    }
+                    continue;
+                case TableResultAction.resultAction.RemoveCell:
+                    // Do not need remove cell because row will be deleted.
+                    continue;
+            }
+        }
+        row.remove();
+    };
+    /**
+     * Delete current col
+     *
+     * @param {WrappedRange} rng
+     * @return {Node}
+     */
+    Table.prototype.deleteCol = function (rng) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var row = $$1(cell).closest('tr');
+        var cellPos = row.children('td, th').index($$1(cell));
+        var vTable = new TableResultAction(cell, TableResultAction.where.Column, TableResultAction.requestAction.Delete, $$1(row).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var actionIndex = 0; actionIndex < actions.length; actionIndex++) {
+            if (!actions[actionIndex]) {
+                continue;
+            }
+            switch (actions[actionIndex].action) {
+                case TableResultAction.resultAction.Ignore:
+                    continue;
+                case TableResultAction.resultAction.SubtractSpanCount:
+                    var baseCell = actions[actionIndex].baseCell;
+                    var hasColspan = (baseCell.colSpan && baseCell.colSpan > 1);
+                    if (hasColspan) {
+                        var colspanNumber = (baseCell.colSpan) ? parseInt(baseCell.colSpan, 10) : 0;
+                        if (colspanNumber > 2) {
+                            colspanNumber--;
+                            baseCell.setAttribute('colSpan', colspanNumber);
+                            if (baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                        else if (colspanNumber === 2) {
+                            baseCell.removeAttribute('colSpan');
+                            if (baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                    }
+                    continue;
+                case TableResultAction.resultAction.RemoveCell:
+                    dom.remove(actions[actionIndex].baseCell, true);
+                    continue;
+            }
+        }
+    };
+    /**
+     * create empty table element
+     *
+     * @param {Number} rowCount
+     * @param {Number} colCount
+     * @return {Node}
+     */
+    Table.prototype.createTable = function (colCount, rowCount, options) {
+        var tds = [];
+        var tdHTML;
+        for (var idxCol = 0; idxCol < colCount; idxCol++) {
+            tds.push('<td>' + dom.blank + '</td>');
+        }
+        tdHTML = tds.join('');
+        var trs = [];
+        var trHTML;
+        for (var idxRow = 0; idxRow < rowCount; idxRow++) {
+            trs.push('<tr>' + tdHTML + '</tr>');
+        }
+        trHTML = trs.join('');
+        var $table = $$1('<table>' + trHTML + '</table>');
+        if (options && options.tableClassName) {
+            $table.addClass(options.tableClassName);
+        }
+        return $table[0];
+    };
+    /**
+     * Delete current table
+     *
+     * @param {WrappedRange} rng
+     * @return {Node}
+     */
+    Table.prototype.deleteTable = function (rng) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        $$1(cell).closest('table').remove();
+    };
+    return Table;
+}());
+
+var KEY_BOGUS = 'bogus';
+/**
+ * @class Editor
+ */
+var Editor = /** @class */ (function () {
+    function Editor(context) {
+        var _this = this;
+        this.context = context;
+        this.$note = context.layoutInfo.note;
+        this.$editor = context.layoutInfo.editor;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.editable = this.$editable[0];
+        this.lastRange = null;
+        this.style = new Style();
+        this.table = new Table();
+        this.typing = new Typing();
+        this.bullet = new Bullet();
+        this.history = new History(this.$editable);
+        this.context.memo('help.undo', this.lang.help.undo);
+        this.context.memo('help.redo', this.lang.help.redo);
+        this.context.memo('help.tab', this.lang.help.tab);
+        this.context.memo('help.untab', this.lang.help.untab);
+        this.context.memo('help.insertParagraph', this.lang.help.insertParagraph);
+        this.context.memo('help.insertOrderedList', this.lang.help.insertOrderedList);
+        this.context.memo('help.insertUnorderedList', this.lang.help.insertUnorderedList);
+        this.context.memo('help.indent', this.lang.help.indent);
+        this.context.memo('help.outdent', this.lang.help.outdent);
+        this.context.memo('help.formatPara', this.lang.help.formatPara);
+        this.context.memo('help.insertHorizontalRule', this.lang.help.insertHorizontalRule);
+        this.context.memo('help.fontName', this.lang.help.fontName);
+        // native commands(with execCommand), generate function for execCommand
+        var commands = [
+            'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript',
+            'justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull',
+            'formatBlock', 'removeFormat', 'backColor'
+        ];
+        for (var idx = 0, len = commands.length; idx < len; idx++) {
+            this[commands[idx]] = (function (sCmd) {
+                return function (value) {
+                    _this.beforeCommand();
+                    document.execCommand(sCmd, false, value);
+                    _this.afterCommand(true);
+                };
+            })(commands[idx]);
+            this.context.memo('help.' + commands[idx], this.lang.help[commands[idx]]);
+        }
+        this.fontName = this.wrapCommand(function (value) {
+            return _this.fontStyling('font-family', "\'" + value + "\'");
+        });
+        this.fontSize = this.wrapCommand(function (value) {
+            return _this.fontStyling('font-size', value + 'px');
+        });
+        for (var idx = 1; idx <= 6; idx++) {
+            this['formatH' + idx] = (function (idx) {
+                return function () {
+                    _this.formatBlock('H' + idx);
+                };
+            })(idx);
+            this.context.memo('help.formatH' + idx, this.lang.help['formatH' + idx]);
+        }
+        
+        this.insertParagraph = this.wrapCommand(function () {
+            _this.typing.insertParagraph(_this.editable);
+        });
+        this.insertOrderedList = this.wrapCommand(function () {
+            _this.bullet.insertOrderedList(_this.editable);
+        });
+        this.insertUnorderedList = this.wrapCommand(function () {
+            _this.bullet.insertUnorderedList(_this.editable);
+        });
+        this.indent = this.wrapCommand(function () {
+            _this.bullet.indent(_this.editable);
+        });
+        this.outdent = this.wrapCommand(function () {
+            _this.bullet.outdent(_this.editable);
+        });
+        /**
+         * insertNode
+         * insert node
+         * @param {Node} node
+         */
+        this.insertNode = this.wrapCommand(function (node) {
+            if (_this.isLimited($$1(node).text().length)) {
+                return;
+            }
+            var rng = _this.createRange();
+            rng.insertNode(node);
+            range.createFromNodeAfter(node).select();
+        });
+        /**
+         * insert text
+         * @param {String} text
+         */
+        this.insertText = this.wrapCommand(function (text) {
+            if (_this.isLimited(text.length)) {
+                return;
+            }
+            var rng = _this.createRange();
+            var textNode = rng.insertNode(dom.createText(text));
+            range.create(textNode, dom.nodeLength(textNode)).select();
+        });
+        /**
+         * paste HTML
+         * @param {String} markup
+         */
+        this.pasteHTML = this.wrapCommand(function (markup) {
+            if (_this.isLimited(markup.length)) {
+                return;
+            }
+            var contents = _this.createRange().pasteHTML(markup);
+            range.createFromNodeAfter(lists.last(contents)).select();
+        });
+        /**
+         * formatBlock
+         *
+         * @param {String} tagName
+         */
+        this.formatBlock = this.wrapCommand(function (tagName, $target) {
+            var onApplyCustomStyle = _this.options.callbacks.onApplyCustomStyle;
+            if (onApplyCustomStyle) {
+                onApplyCustomStyle.call(_this, $target, _this.context, _this.onFormatBlock);
+            }
+            else {
+                _this.onFormatBlock(tagName, $target);
+            }
+        });
+        /**
+         * insert horizontal rule
+         */
+        this.insertHorizontalRule = this.wrapCommand(function () {
+            var hrNode = _this.createRange().insertNode(dom.create('HR'));
+            if (hrNode.nextSibling) {
+                range.create(hrNode.nextSibling, 0).normalize().select();
+            }
+        });
+        /**
+         * lineHeight
+         * @param {String} value
+         */
+        this.lineHeight = this.wrapCommand(function (value) {
+            _this.style.stylePara(_this.createRange(), {
+                lineHeight: value
+            });
+        });
+        /**
+         * create link (command)
+         *
+         * @param {Object} linkInfo
+         */
+        this.createLink = this.wrapCommand(function (linkInfo) {
+            var linkUrl = linkInfo.url;
+            var linkText = linkInfo.text;
+            var isNewWindow = linkInfo.isNewWindow;
+            var rng = linkInfo.range || _this.createRange();
+            var isTextChanged = rng.toString() !== linkText;
+            // handle spaced urls from input
+            if (typeof linkUrl === 'string') {
+                linkUrl = linkUrl.trim();
+            }
+            if (_this.options.onCreateLink) {
+                linkUrl = _this.options.onCreateLink(linkUrl);
+            }
+            else {
+                // if url doesn't match an URL schema, set http:// as default
+                linkUrl = /^[A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?/.test(linkUrl)
+                    ? linkUrl : 'http://' + linkUrl;
+            }
+            var anchors = [];
+            if (isTextChanged) {
+                rng = rng.deleteContents();
+                var anchor = rng.insertNode($$1('<A>' + linkText + '</A>')[0]);
+                anchors.push(anchor);
+            }
+            else {
+                anchors = _this.style.styleNodes(rng, {
+                    nodeName: 'A',
+                    expandClosestSibling: true,
+                    onlyPartialContains: true
+                });
+            }
+            $$1.each(anchors, function (idx, anchor) {
+                $$1(anchor).attr('href', linkUrl);
+                if (isNewWindow) {
+                    $$1(anchor).attr('target', '_blank');
+                }
+                else {
+                    $$1(anchor).removeAttr('target');
+                }
+            });
+            var startRange = range.createFromNodeBefore(lists.head(anchors));
+            var startPoint = startRange.getStartPoint();
+            var endRange = range.createFromNodeAfter(lists.last(anchors));
+            var endPoint = endRange.getEndPoint();
+            range.create(startPoint.node, startPoint.offset, endPoint.node, endPoint.offset).select();
+        });
+        /**
+         * setting color
+         *
+         * @param {Object} sObjColor  color code
+         * @param {String} sObjColor.foreColor foreground color
+         * @param {String} sObjColor.backColor background color
+         */
+        this.color = this.wrapCommand(function (colorInfo) {
+            var foreColor = colorInfo.foreColor;
+            var backColor = colorInfo.backColor;
+            if (foreColor) {
+                document.execCommand('foreColor', false, foreColor);
+            }
+            if (backColor) {
+                document.execCommand('backColor', false, backColor);
+            }
+        });
+        /**
+         * Set foreground color
+         *
+         * @param {String} colorCode foreground color code
+         */
+        this.foreColor = this.wrapCommand(function (colorInfo) {
+            document.execCommand('styleWithCSS', false, true);
+            document.execCommand('foreColor', false, colorInfo);
+        });
+        /**
+         * insert Table
+         *
+         * @param {String} dimension of table (ex : "5x5")
+         */
+        this.insertTable = this.wrapCommand(function (dim) {
+            var dimension = dim.split('x');
+            var rng = _this.createRange().deleteContents();
+            rng.insertNode(_this.table.createTable(dimension[0], dimension[1], _this.options));
+        });
+        /**
+         * remove media object and Figure Elements if media object is img with Figure.
+         */
+        this.removeMedia = this.wrapCommand(function () {
+            var $target = $$1(_this.restoreTarget()).parent();
+            if ($target.parent('figure').length) {
+                $target.parent('figure').remove();
+            }
+            else {
+                $target = $$1(_this.restoreTarget()).detach();
+            }
+            _this.context.triggerEvent('media.delete', $target, _this.$editable);
+        });
+        /**
+         * float me
+         *
+         * @param {String} value
+         */
+        this.floatMe = this.wrapCommand(function (value) {
+            var $target = $$1(_this.restoreTarget());
+            $target.toggleClass('note-float-left', value === 'left');
+            $target.toggleClass('note-float-right', value === 'right');
+            $target.css('float', value);
+        });
+        /**
+         * resize overlay element
+         * @param {String} value
+         */
+        this.resize = this.wrapCommand(function (value) {
+            var $target = $$1(_this.restoreTarget());
+            $target.css({
+                width: value * 100 + '%',
+                height: ''
+            });
+        });
+    }
+    Editor.prototype.initialize = function () {
+        var _this = this;
+        // bind custom events
+        this.$editable.on('keydown', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                _this.context.triggerEvent('enter', event);
+            }
+            _this.context.triggerEvent('keydown', event);
+            if (!event.isDefaultPrevented()) {
+                if (_this.options.shortcuts) {
+                    _this.handleKeyMap(event);
+                }
+                else {
+                    _this.preventDefaultEditableShortCuts(event);
+                }
+            }
+            if (_this.isLimited(1, event)) {
+                return false;
+            }
+        }).on('keyup', function (event) {
+            _this.context.triggerEvent('keyup', event);
+        }).on('focus', function (event) {
+            _this.context.triggerEvent('focus', event);
+        }).on('blur', function (event) {
+            _this.context.triggerEvent('blur', event);
+        }).on('mousedown', function (event) {
+            _this.context.triggerEvent('mousedown', event);
+        }).on('mouseup', function (event) {
+            _this.context.triggerEvent('mouseup', event);
+        }).on('scroll', function (event) {
+            _this.context.triggerEvent('scroll', event);
+        }).on('paste', function (event) {
+            _this.context.triggerEvent('paste', event);
+        });
+        // init content before set event
+        this.$editable.html(dom.html(this.$note) || dom.emptyPara);
+        this.$editable.on(env.inputEventName, func.debounce(function () {
+            _this.context.triggerEvent('change', _this.$editable.html());
+        }, 100));
+        this.$editor.on('focusin', function (event) {
+            _this.context.triggerEvent('focusin', event);
+        }).on('focusout', function (event) {
+            _this.context.triggerEvent('focusout', event);
+        });
+        if (!this.options.airMode) {
+            if (this.options.width) {
+                this.$editor.outerWidth(this.options.width);
+            }
+            if (this.options.height) {
+                this.$editable.outerHeight(this.options.height);
+            }
+            if (this.options.maxHeight) {
+                this.$editable.css('max-height', this.options.maxHeight);
+            }
+            if (this.options.minHeight) {
+                this.$editable.css('min-height', this.options.minHeight);
+            }
+        }
+        this.history.recordUndo();
+    };
+    Editor.prototype.destroy = function () {
+        this.$editable.off();
+    };
+    Editor.prototype.handleKeyMap = function (event) {
+        var keyMap = this.options.keyMap[env.isMac ? 'mac' : 'pc'];
+        var keys = [];
+        if (event.metaKey) {
+            keys.push('CMD');
+        }
+        if (event.ctrlKey && !event.altKey) {
+            keys.push('CTRL');
+        }
+        if (event.shiftKey) {
+            keys.push('SHIFT');
+        }
+        var keyName = key.nameFromCode[event.keyCode];
+        if (keyName) {
+            keys.push(keyName);
+        }
+        var eventName = keyMap[keys.join('+')];
+        if (eventName) {
+            if (this.context.invoke(eventName) !== false) {
+                event.preventDefault();
+            }
+        }
+        else if (key.isEdit(event.keyCode)) {
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.preventDefaultEditableShortCuts = function (event) {
+        // B(Bold, 66) / I(Italic, 73) / U(Underline, 85)
+        if ((event.ctrlKey || event.metaKey) &&
+            lists.contains([66, 73, 85], event.keyCode)) {
+            event.preventDefault();
+        }
+    };
+    Editor.prototype.isLimited = function (pad, event) {
+        pad = pad || 0;
+        if (typeof event !== 'undefined') {
+            if (key.isMove(event.keyCode) ||
+                (event.ctrlKey || event.metaKey) ||
+                lists.contains([key.code.BACKSPACE, key.code.DELETE], event.keyCode)) {
+                return false;
+            }
+        }
+        if (this.options.maxTextLength > 0) {
+            if ((this.$editable.text().length + pad) >= this.options.maxTextLength) {
+                return true;
+            }
+        }
+        return false;
+    };
+    /**
+     * create range
+     * @return {WrappedRange}
+     */
+    Editor.prototype.createRange = function () {
+        this.focus();
+        return range.create(this.editable);
+    };
+    /**
+     * saveRange
+     *
+     * save current range
+     *
+     * @param {Boolean} [thenCollapse=false]
+     */
+    Editor.prototype.saveRange = function (thenCollapse) {
+        this.lastRange = this.createRange();
+        if (thenCollapse) {
+            this.lastRange.collapse().select();
+        }
+    };
+    /**
+     * restoreRange
+     *
+     * restore lately range
+     */
+    Editor.prototype.restoreRange = function () {
+        if (this.lastRange) {
+            this.lastRange.select();
+            this.focus();
+        }
+    };
+    Editor.prototype.saveTarget = function (node) {
+        this.$editable.data('target', node);
+    };
+    Editor.prototype.clearTarget = function () {
+        this.$editable.removeData('target');
+    };
+    Editor.prototype.restoreTarget = function () {
+        return this.$editable.data('target');
+    };
+    /**
+     * currentStyle
+     *
+     * current style
+     * @return {Object|Boolean} unfocus
+     */
+    Editor.prototype.currentStyle = function () {
+        var rng = range.create();
+        if (rng) {
+            rng = rng.normalize();
+        }
+        return rng ? this.style.current(rng) : this.style.fromNode(this.$editable);
+    };
+    /**
+     * style from node
+     *
+     * @param {jQuery} $node
+     * @return {Object}
+     */
+    Editor.prototype.styleFromNode = function ($node) {
+        return this.style.fromNode($node);
+    };
+    /**
+     * undo
+     */
+    Editor.prototype.undo = function () {
+        this.context.triggerEvent('before.command', this.$editable.html());
+        this.history.undo();
+        this.context.triggerEvent('change', this.$editable.html());
+    };
+    /**
+     * redo
+     */
+    Editor.prototype.redo = function () {
+        this.context.triggerEvent('before.command', this.$editable.html());
+        this.history.redo();
+        this.context.triggerEvent('change', this.$editable.html());
+    };
+    /**
+     * before command
+     */
+    Editor.prototype.beforeCommand = function () {
+        this.context.triggerEvent('before.command', this.$editable.html());
+        // keep focus on editable before command execution
+        this.focus();
+    };
+    /**
+     * after command
+     * @param {Boolean} isPreventTrigger
+     */
+    Editor.prototype.afterCommand = function (isPreventTrigger) {
+        this.history.recordUndo();
+        if (!isPreventTrigger) {
+            this.context.triggerEvent('change', this.$editable.html());
+        }
+    };
+    /**
+     * handle tab key
+     */
+    Editor.prototype.tab = function () {
+        var rng = this.createRange();
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.table.tab(rng);
+        }
+        else {
+            if (this.options.tabSize === 0) {
+                return false;
+            }
+            if (!this.isLimited(this.options.tabSize)) {
+                this.beforeCommand();
+                this.typing.insertTab(rng, this.options.tabSize);
+                this.afterCommand();
+            }
+        }
+    };
+    /**
+     * handle shift+tab key
+     */
+    Editor.prototype.untab = function () {
+        var rng = this.createRange();
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.table.tab(rng, true);
+        }
+        else {
+            if (this.options.tabSize === 0) {
+                return false;
+            }
+        }
+    };
+    /**
+     * run given function between beforeCommand and afterCommand
+     */
+    Editor.prototype.wrapCommand = function (fn) {
+        var _this = this;
+        return function () {
+            _this.beforeCommand();
+            fn.apply(_this, arguments);
+            _this.afterCommand();
+        };
+    };
+    /**
+     * insert image
+     *
+     * @param {String} src
+     * @param {String|Function} param
+     * @return {Promise}
+     */
+    Editor.prototype.insertImage = function (src, param) {
+        var _this = this;
+        return createImage(src, param).then(function ($image) {
+            _this.beforeCommand();
+            if (typeof param === 'function') {
+                param($image);
+            }
+            else {
+                if (typeof param === 'string') {
+                    $image.attr('data-filename', param);
+                }
+                $image.css('width', Math.min(_this.$editable.width(), $image.width()));
+            }
+            $image.show();
+            range.create(_this.editable).insertNode($image[0]);
+            range.createFromNodeAfter($image[0]).select();
+            _this.afterCommand();
+        }).fail(function (e) {
+            _this.context.triggerEvent('image.upload.error', e);
+        });
+    };
+    /**
+     * insertImages
+     * @param {File[]} files
+     */
+    Editor.prototype.insertImages = function (files) {
+        var _this = this;
+        $$1.each(files, function (idx, file) {
+            var filename = file.name;
+            if (_this.options.maximumImageFileSize && _this.options.maximumImageFileSize < file.size) {
+                _this.context.triggerEvent('image.upload.error', _this.lang.image.maximumFileSizeError);
+            }
+            else {
+                readFileAsDataURL(file).then(function (dataURL) {
+                    return _this.insertImage(dataURL, filename);
+                }).fail(function () {
+                    _this.context.triggerEvent('image.upload.error');
+                });
+            }
+        });
+    };
+    /**
+     * insertImagesOrCallback
+     * @param {File[]} files
+     */
+    Editor.prototype.insertImagesOrCallback = function (files) {
+        var callbacks = this.options.callbacks;
+        // If onImageUpload this.options setted
+        if (callbacks.onImageUpload) {
+            this.context.triggerEvent('image.upload', files);
+            // else insert Image as dataURL
+        }
+        else {
+            this.insertImages(files);
+        }
+    };
+    /**
+     * return selected plain text
+     * @return {String} text
+     */
+    Editor.prototype.getSelectedText = function () {
+        var rng = this.createRange();
+        // if range on anchor, expand range with anchor
+        if (rng.isOnAnchor()) {
+            rng = range.createFromNode(dom.ancestor(rng.sc, dom.isAnchor));
+        }
+        return rng.toString();
+    };
+    Editor.prototype.onFormatBlock = function (tagName, $target) {
+        // [workaround] for MSIE, IE need `<`
+        tagName = env.isMSIE ? '<' + tagName + '>' : tagName;
+        document.execCommand('FormatBlock', false, tagName);
+        // support custom class
+        if ($target && $target.length) {
+            var className = $target[0].className || '';
+            if (className) {
+                var currentRange = this.createRange();
+                var $parent = $$1([currentRange.sc, currentRange.ec]).closest(tagName);
+                $parent.addClass(className);
+            }
+        }
+    };
+    Editor.prototype.formatPara = function () {
+        this.formatBlock('P');
+    };
+    Editor.prototype.fontStyling = function (target, value) {
+        var rng = this.createRange();
+        if (rng) {
+            var spans = this.style.styleNodes(rng);
+            $$1(spans).css(target, value);
+            // [workaround] added styled bogus span for style
+            //  - also bogus character needed for cursor position
+            if (rng.isCollapsed()) {
+                var firstSpan = lists.head(spans);
+                if (firstSpan && !dom.nodeLength(firstSpan)) {
+                    firstSpan.innerHTML = dom.ZERO_WIDTH_NBSP_CHAR;
+                    range.createFromNodeAfter(firstSpan.firstChild).select();
+                    this.$editable.data(KEY_BOGUS, firstSpan);
+                }
+            }
+        }
+    };
+    /**
+     * unlink
+     *
+     * @type command
+     */
+    Editor.prototype.unlink = function () {
+        var rng = this.createRange();
+        if (rng.isOnAnchor()) {
+            var anchor = dom.ancestor(rng.sc, dom.isAnchor);
+            rng = range.createFromNode(anchor);
+            rng.select();
+            this.beforeCommand();
+            document.execCommand('unlink');
+            this.afterCommand();
+        }
+    };
+    /**
+     * returns link info
+     *
+     * @return {Object}
+     * @return {WrappedRange} return.range
+     * @return {String} return.text
+     * @return {Boolean} [return.isNewWindow=true]
+     * @return {String} [return.url=""]
+     */
+    Editor.prototype.getLinkInfo = function () {
+        var rng = this.createRange().expand(dom.isAnchor);
+        // Get the first anchor on range(for edit).
+        var $anchor = $$1(lists.head(rng.nodes(dom.isAnchor)));
+        var linkInfo = {
+            range: rng,
+            text: rng.toString(),
+            url: $anchor.length ? $anchor.attr('href') : ''
+        };
+        // Define isNewWindow when anchor exists.
+        if ($anchor.length) {
+            linkInfo.isNewWindow = $anchor.attr('target') === '_blank';
+        }
+        return linkInfo;
+    };
+    Editor.prototype.addRow = function (position) {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.addRow(rng, position);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.addCol = function (position) {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.addCol(rng, position);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.deleteRow = function () {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.deleteRow(rng);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.deleteCol = function () {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.deleteCol(rng);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.deleteTable = function () {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.deleteTable(rng);
+            this.afterCommand();
+        }
+    };
+    /**
+     * @param {Position} pos
+     * @param {jQuery} $target - target element
+     * @param {Boolean} [bKeepRatio] - keep ratio
+     */
+    Editor.prototype.resizeTo = function (pos, $target, bKeepRatio) {
+        var imageSize;
+        if (bKeepRatio) {
+            var newRatio = pos.y / pos.x;
+            var ratio = $target.data('ratio');
+            imageSize = {
+                width: ratio > newRatio ? pos.x : pos.y / ratio,
+                height: ratio > newRatio ? pos.x * ratio : pos.y
+            };
+        }
+        else {
+            imageSize = {
+                width: pos.x,
+                height: pos.y
+            };
+        }
+        $target.css(imageSize);
+    };
+    /**
+     * returns whether editable area has focus or not.
+     */
+    Editor.prototype.hasFocus = function () {
+        return this.$editable.is(':focus');
+    };
+    /**
+     * set focus
+     */
+    Editor.prototype.focus = function () {
+        // [workaround] Screen will move when page is scolled in IE.
+        //  - do focus when not focused
+        if (!this.hasFocus()) {
+            this.$editable.focus();
+        }
+    };
+    /**
+     * returns whether contents is empty or not.
+     * @return {Boolean}
+     */
+    Editor.prototype.isEmpty = function () {
+        return dom.isEmpty(this.$editable[0]) || dom.emptyPara === this.$editable.html();
+    };
+    /**
+     * Removes all contents and restores the editable instance to an _emptyPara_.
+     */
+    Editor.prototype.empty = function () {
+        this.context.invoke('code', dom.emptyPara);
+    };
+    return Editor;
+}());
+
+var Clipboard = /** @class */ (function () {
+    function Clipboard(context) {
+        this.context = context;
+        this.$editable = context.layoutInfo.editable;
+    }
+    Clipboard.prototype.initialize = function () {
+        this.$editable.on('paste', this.pasteByEvent.bind(this));
+    };
+    /**
+     * paste by clipboard event
+     *
+     * @param {Event} event
+     */
+    Clipboard.prototype.pasteByEvent = function (event) {
+        var clipboardData = event.originalEvent.clipboardData;
+        if (clipboardData && clipboardData.items && clipboardData.items.length) {
+            var item = lists.head(clipboardData.items);
+            if (item.kind === 'file' && item.type.indexOf('image/') !== -1) {
+                this.context.invoke('editor.insertImagesOrCallback', [item.getAsFile()]);
+            }
+            this.context.invoke('editor.afterCommand');
+        }
+    };
+    return Clipboard;
+}());
+
+var Dropzone = /** @class */ (function () {
+    function Dropzone(context) {
+        this.context = context;
+        this.$eventListener = $$1(document);
+        this.$editor = context.layoutInfo.editor;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.documentEventHandlers = {};
+        this.$dropzone = $$1([
+            '<div class="note-dropzone">',
+            '  <div class="note-dropzone-message"/>',
+            '</div>'
+        ].join('')).prependTo(this.$editor);
+    }
+    /**
+     * attach Drag and Drop Events
+     */
+    Dropzone.prototype.initialize = function () {
+        if (this.options.disableDragAndDrop) {
+            // prevent default drop event
+            this.documentEventHandlers.onDrop = function (e) {
+                e.preventDefault();
+            };
+            // do not consider outside of dropzone
+            this.$eventListener = this.$dropzone;
+            this.$eventListener.on('drop', this.documentEventHandlers.onDrop);
+        }
+        else {
+            this.attachDragAndDropEvent();
+        }
+    };
+    /**
+     * attach Drag and Drop Events
+     */
+    Dropzone.prototype.attachDragAndDropEvent = function () {
+        var _this = this;
+        var collection = $$1();
+        var $dropzoneMessage = this.$dropzone.find('.note-dropzone-message');
+        this.documentEventHandlers.onDragenter = function (e) {
+            var isCodeview = _this.context.invoke('codeview.isActivated');
+            var hasEditorSize = _this.$editor.width() > 0 && _this.$editor.height() > 0;
+            if (!isCodeview && !collection.length && hasEditorSize) {
+                _this.$editor.addClass('dragover');
+                _this.$dropzone.width(_this.$editor.width());
+                _this.$dropzone.height(_this.$editor.height());
+                $dropzoneMessage.text(_this.lang.image.dragImageHere);
+            }
+            collection = collection.add(e.target);
+        };
+        this.documentEventHandlers.onDragleave = function (e) {
+            collection = collection.not(e.target);
+            if (!collection.length) {
+                _this.$editor.removeClass('dragover');
+            }
+        };
+        this.documentEventHandlers.onDrop = function () {
+            collection = $$1();
+            _this.$editor.removeClass('dragover');
+        };
+        // show dropzone on dragenter when dragging a object to document
+        // -but only if the editor is visible, i.e. has a positive width and height
+        this.$eventListener.on('dragenter', this.documentEventHandlers.onDragenter)
+            .on('dragleave', this.documentEventHandlers.onDragleave)
+            .on('drop', this.documentEventHandlers.onDrop);
+        // change dropzone's message on hover.
+        this.$dropzone.on('dragenter', function () {
+            _this.$dropzone.addClass('hover');
+            $dropzoneMessage.text(_this.lang.image.dropImage);
+        }).on('dragleave', function () {
+            _this.$dropzone.removeClass('hover');
+            $dropzoneMessage.text(_this.lang.image.dragImageHere);
+        });
+        // attach dropImage
+        this.$dropzone.on('drop', function (event) {
+            var dataTransfer = event.originalEvent.dataTransfer;
+            // stop the browser from opening the dropped content
+            event.preventDefault();
+            if (dataTransfer && dataTransfer.files && dataTransfer.files.length) {
+                _this.$editable.focus();
+                _this.context.invoke('editor.insertImagesOrCallback', dataTransfer.files);
+            }
+            else {
+                $$1.each(dataTransfer.types, function (idx, type) {
+                    var content = dataTransfer.getData(type);
+                    if (type.toLowerCase().indexOf('text') > -1) {
+                        _this.context.invoke('editor.pasteHTML', content);
+                    }
+                    else {
+                        $$1(content).each(function (idx, item) {
+                            _this.context.invoke('editor.insertNode', item);
+                        });
+                    }
+                });
+            }
+        }).on('dragover', false); // prevent default dragover event
+    };
+    Dropzone.prototype.destroy = function () {
+        var _this = this;
+        Object.keys(this.documentEventHandlers).forEach(function (key) {
+            _this.$eventListener.off(key.substr(2).toLowerCase(), _this.documentEventHandlers[key]);
+        });
+        this.documentEventHandlers = {};
+    };
+    return Dropzone;
+}());
+
+var CodeMirror;
+if (env.hasCodeMirror) {
+    if (env.isSupportAmd) {
+        require(['codemirror'], function (cm) {
+            CodeMirror = cm;
+        });
+    }
+    else {
+        CodeMirror = window.CodeMirror;
+    }
+}
+/**
+ * @class Codeview
+ */
+var CodeView = /** @class */ (function () {
+    function CodeView(context) {
+        this.context = context;
+        this.$editor = context.layoutInfo.editor;
+        this.$editable = context.layoutInfo.editable;
+        this.$codable = context.layoutInfo.codable;
+        this.options = context.options;
+    }
+    CodeView.prototype.sync = function () {
+        var isCodeview = this.isActivated();
+        if (isCodeview && env.hasCodeMirror) {
+            this.$codable.data('cmEditor').save();
+        }
+    };
+    /**
+     * @return {Boolean}
+     */
+    CodeView.prototype.isActivated = function () {
+        return this.$editor.hasClass('codeview');
+    };
+    /**
+     * toggle codeview
+     */
+    CodeView.prototype.toggle = function () {
+        if (this.isActivated()) {
+            this.deactivate();
+        }
+        else {
+            this.activate();
+        }
+        this.context.triggerEvent('codeview.toggled');
+    };
+    /**
+     * activate code view
+     */
+    CodeView.prototype.activate = function () {
+        var _this = this;
+        this.$codable.val(dom.html(this.$editable, this.options.prettifyHtml));
+        this.$codable.height(this.$editable.height());
+        this.context.invoke('toolbar.updateCodeview', true);
+        this.$editor.addClass('codeview');
+        this.$codable.focus();
+        // activate CodeMirror as codable
+        if (env.hasCodeMirror) {
+            var cmEditor_1 = CodeMirror.fromTextArea(this.$codable[0], this.options.codemirror);
+            // CodeMirror TernServer
+            if (this.options.codemirror.tern) {
+                var server_1 = new CodeMirror.TernServer(this.options.codemirror.tern);
+                cmEditor_1.ternServer = server_1;
+                cmEditor_1.on('cursorActivity', function (cm) {
+                    server_1.updateArgHints(cm);
+                });
+            }
+            cmEditor_1.on('blur', function (event) {
+                _this.context.triggerEvent('blur.codeview', cmEditor_1.getValue(), event);
+            });
+            // CodeMirror hasn't Padding.
+            cmEditor_1.setSize(null, this.$editable.outerHeight());
+            this.$codable.data('cmEditor', cmEditor_1);
+        }
+        else {
+            this.$codable.on('blur', function (event) {
+                _this.context.triggerEvent('blur.codeview', _this.$codable.val(), event);
+            });
+        }
+    };
+    /**
+     * deactivate code view
+     */
+    CodeView.prototype.deactivate = function () {
+        // deactivate CodeMirror as codable
+        if (env.hasCodeMirror) {
+            var cmEditor = this.$codable.data('cmEditor');
+            this.$codable.val(cmEditor.getValue());
+            cmEditor.toTextArea();
+        }
+        var value = dom.value(this.$codable, this.options.prettifyHtml) || dom.emptyPara;
+        var isChange = this.$editable.html() !== value;
+        this.$editable.html(value);
+        this.$editable.height(this.options.height ? this.$codable.height() : 'auto');
+        this.$editor.removeClass('codeview');
+        if (isChange) {
+            this.context.triggerEvent('change', this.$editable.html(), this.$editable);
+        }
+        this.$editable.focus();
+        this.context.invoke('toolbar.updateCodeview', false);
+    };
+    CodeView.prototype.destroy = function () {
+        if (this.isActivated()) {
+            this.deactivate();
+        }
+    };
+    return CodeView;
+}());
+
+var EDITABLE_PADDING = 24;
+var Statusbar = /** @class */ (function () {
+    function Statusbar(context) {
+        this.$document = $$1(document);
+        this.$statusbar = context.layoutInfo.statusbar;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+    }
+    Statusbar.prototype.initialize = function () {
+        var _this = this;
+        if (this.options.airMode || this.options.disableResizeEditor) {
+            this.destroy();
+            return;
+        }
+        this.$statusbar.on('mousedown', function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            var editableTop = _this.$editable.offset().top - _this.$document.scrollTop();
+            var onMouseMove = function (event) {
+                var height = event.clientY - (editableTop + EDITABLE_PADDING);
+                height = (_this.options.minheight > 0) ? Math.max(height, _this.options.minheight) : height;
+                height = (_this.options.maxHeight > 0) ? Math.min(height, _this.options.maxHeight) : height;
+                _this.$editable.height(height);
+            };
+            _this.$document.on('mousemove', onMouseMove).one('mouseup', function () {
+                _this.$document.off('mousemove', onMouseMove);
+            });
+        });
+    };
+    Statusbar.prototype.destroy = function () {
+        this.$statusbar.off();
+    };
+    return Statusbar;
+}());
+
+var Fullscreen = /** @class */ (function () {
+    function Fullscreen(context) {
+        var _this = this;
+        this.context = context;
+        this.$editor = context.layoutInfo.editor;
+        this.$toolbar = context.layoutInfo.toolbar;
+        this.$editable = context.layoutInfo.editable;
+        this.$codable = context.layoutInfo.codable;
+        this.$window = $$1(window);
+        this.$scrollbar = $$1('html, body');
+        this.onResize = function () {
+            _this.resizeTo({
+                h: _this.$window.height() - _this.$toolbar.outerHeight()
+            });
+        };
+    }
+    Fullscreen.prototype.resizeTo = function (size) {
+        this.$editable.css('height', size.h);
+        this.$codable.css('height', size.h);
+        if (this.$codable.data('cmeditor')) {
+            this.$codable.data('cmeditor').setsize(null, size.h);
+        }
+    };
+    /**
+     * toggle fullscreen
+     */
+    Fullscreen.prototype.toggle = function () {
+        this.$editor.toggleClass('fullscreen');
+        if (this.isFullscreen()) {
+            this.$editable.data('orgHeight', this.$editable.css('height'));
+            this.$window.on('resize', this.onResize).trigger('resize');
+            this.$scrollbar.css('overflow', 'hidden');
+        }
+        else {
+            this.$window.off('resize', this.onResize);
+            this.resizeTo({ h: this.$editable.data('orgHeight') });
+            this.$scrollbar.css('overflow', 'visible');
+        }
+        this.context.invoke('toolbar.updateFullscreen', this.isFullscreen());
+    };
+    Fullscreen.prototype.isFullscreen = function () {
+        return this.$editor.hasClass('fullscreen');
+    };
+    return Fullscreen;
+}());
+
+var Handle = /** @class */ (function () {
+    function Handle(context) {
+        var _this = this;
+        this.context = context;
+        this.$document = $$1(document);
+        this.$editingArea = context.layoutInfo.editingArea;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.events = {
+            'summernote.mousedown': function (we, e) {
+                if (_this.update(e.target)) {
+                    e.preventDefault();
+                }
+            },
+            'summernote.keyup summernote.scroll summernote.change summernote.dialog.shown': function () {
+                _this.update();
+            },
+            'summernote.disable': function () {
+                _this.hide();
+            },
+            'summernote.codeview.toggled': function () {
+                _this.update();
+            }
+        };
+    }
+    Handle.prototype.initialize = function () {
+        var _this = this;
+        this.$handle = $$1([
+            '<div class="note-handle">',
+            '<div class="note-control-selection">',
+            '<div class="note-control-selection-bg"></div>',
+            '<div class="note-control-holder note-control-nw"></div>',
+            '<div class="note-control-holder note-control-ne"></div>',
+            '<div class="note-control-holder note-control-sw"></div>',
+            '<div class="',
+            (this.options.disableResizeImage ? 'note-control-holder' : 'note-control-sizing'),
+            ' note-control-se"></div>',
+            (this.options.disableResizeImage ? '' : '<div class="note-control-selection-info"></div>'),
+            '</div>',
+            '</div>'
+        ].join('')).prependTo(this.$editingArea);
+        this.$handle.on('mousedown', function (event) {
+            if (dom.isControlSizing(event.target)) {
+                event.preventDefault();
+                event.stopPropagation();
+                var $target_1 = _this.$handle.find('.note-control-selection').data('target');
+                var posStart_1 = $target_1.offset();
+                var scrollTop_1 = _this.$document.scrollTop();
+                var onMouseMove_1 = function (event) {
+                    _this.context.invoke('editor.resizeTo', {
+                        x: event.clientX - posStart_1.left,
+                        y: event.clientY - (posStart_1.top - scrollTop_1)
+                    }, $target_1, !event.shiftKey);
+                    _this.update($target_1[0]);
+                };
+                _this.$document
+                    .on('mousemove', onMouseMove_1)
+                    .one('mouseup', function (e) {
+                    e.preventDefault();
+                    _this.$document.off('mousemove', onMouseMove_1);
+                    _this.context.invoke('editor.afterCommand');
+                });
+                if (!$target_1.data('ratio')) {
+                    $target_1.data('ratio', $target_1.height() / $target_1.width());
+                }
+            }
+        });
+        // Listen for scrolling on the handle overlay.
+        this.$handle.on('wheel', function (e) {
+            e.preventDefault();
+            _this.update();
+        });
+    };
+    Handle.prototype.destroy = function () {
+        this.$handle.remove();
+    };
+    Handle.prototype.update = function (target) {
+        if (this.context.isDisabled()) {
+            return false;
+        }
+        var isImage = dom.isImg(target);
+        var $selection = this.$handle.find('.note-control-selection');
+        this.context.invoke('imagePopover.update', target);
+        if (isImage) {
+            var $image = $$1(target);
+            var position = $image.position();
+            var pos = {
+                left: position.left + parseInt($image.css('marginLeft'), 10),
+                top: position.top + parseInt($image.css('marginTop'), 10)
+            };
+            // exclude margin
+            var imageSize = {
+                w: $image.outerWidth(false),
+                h: $image.outerHeight(false)
+            };
+            $selection.css({
+                display: 'block',
+                left: pos.left,
+                top: pos.top,
+                width: imageSize.w,
+                height: imageSize.h
+            }).data('target', $image); // save current image element.
+            var origImageObj = new Image();
+            origImageObj.src = $image.attr('src');
+            var sizingText = imageSize.w + 'x' + imageSize.h + ' (' + this.lang.image.original + ': ' + origImageObj.width + 'x' + origImageObj.height + ')';
+            $selection.find('.note-control-selection-info').text(sizingText);
+            this.context.invoke('editor.saveTarget', target);
+        }
+        else {
+            this.hide();
+        }
+        return isImage;
+    };
+    /**
+     * hide
+     *
+     * @param {jQuery} $handle
+     */
+    Handle.prototype.hide = function () {
+        this.context.invoke('editor.clearTarget');
+        this.$handle.children().hide();
+    };
+    return Handle;
+}());
+
+var defaultScheme = 'http://';
+var linkPattern = /^([A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?|mailto:[A-Z0-9._%+-]+@)?(www\.)?(.+)$/i;
+var AutoLink = /** @class */ (function () {
+    function AutoLink(context) {
+        var _this = this;
+        this.context = context;
+        this.events = {
+            'summernote.keyup': function (we, e) {
+                if (!e.isDefaultPrevented()) {
+                    _this.handleKeyup(e);
+                }
+            },
+            'summernote.keydown': function (we, e) {
+                _this.handleKeydown(e);
+            }
+        };
+    }
+    AutoLink.prototype.initialize = function () {
+        this.lastWordRange = null;
+    };
+    AutoLink.prototype.destroy = function () {
+        this.lastWordRange = null;
+    };
+    AutoLink.prototype.replace = function () {
+        if (!this.lastWordRange) {
+            return;
+        }
+        var keyword = this.lastWordRange.toString();
+        var match = keyword.match(linkPattern);
+        if (match && (match[1] || match[2])) {
+            var link = match[1] ? keyword : defaultScheme + keyword;
+            var node = $$1('<a />').html(keyword).attr('href', link)[0];
+            this.lastWordRange.insertNode(node);
+            this.lastWordRange = null;
+            this.context.invoke('editor.focus');
+        }
+    };
+    AutoLink.prototype.handleKeydown = function (e) {
+        if (lists.contains([key.code.ENTER, key.code.SPACE], e.keyCode)) {
+            var wordRange = this.context.invoke('editor.createRange').getWordRange();
+            this.lastWordRange = wordRange;
+        }
+    };
+    AutoLink.prototype.handleKeyup = function (e) {
+        if (lists.contains([key.code.ENTER, key.code.SPACE], e.keyCode)) {
+            this.replace();
+        }
+    };
+    return AutoLink;
+}());
+
+/**
+ * textarea auto sync.
+ */
+var AutoSync = /** @class */ (function () {
+    function AutoSync(context) {
+        var _this = this;
+        this.$note = context.layoutInfo.note;
+        this.events = {
+            'summernote.change': function () {
+                _this.$note.val(context.invoke('code'));
+            }
+        };
+    }
+    AutoSync.prototype.shouldInitialize = function () {
+        return dom.isTextarea(this.$note[0]);
+    };
+    return AutoSync;
+}());
+
+var Placeholder = /** @class */ (function () {
+    function Placeholder(context) {
+        var _this = this;
+        this.context = context;
+        this.$editingArea = context.layoutInfo.editingArea;
+        this.options = context.options;
+        this.events = {
+            'summernote.init summernote.change': function () {
+                _this.update();
+            },
+            'summernote.codeview.toggled': function () {
+                _this.update();
+            }
+        };
+    }
+    Placeholder.prototype.shouldInitialize = function () {
+        return !!this.options.placeholder;
+    };
+    Placeholder.prototype.initialize = function () {
+        var _this = this;
+        this.$placeholder = $$1('<div class="note-placeholder">');
+        this.$placeholder.on('click', function () {
+            _this.context.invoke('focus');
+        }).text(this.options.placeholder).prependTo(this.$editingArea);
+        this.update();
+    };
+    Placeholder.prototype.destroy = function () {
+        this.$placeholder.remove();
+    };
+    Placeholder.prototype.update = function () {
+        var isShow = !this.context.invoke('codeview.isActivated') && this.context.invoke('editor.isEmpty');
+        this.$placeholder.toggle(isShow);
+    };
+    return Placeholder;
+}());
+
+var Buttons = /** @class */ (function () {
+    function Buttons(context) {
+        this.ui = $$1.summernote.ui;
+        this.context = context;
+        this.$toolbar = context.layoutInfo.toolbar;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.invertedKeyMap = func.invertObject(this.options.keyMap[env.isMac ? 'mac' : 'pc']);
+    }
+    Buttons.prototype.representShortcut = function (editorMethod) {
+        var shortcut = this.invertedKeyMap[editorMethod];
+        if (!this.options.shortcuts || !shortcut) {
+            return '';
+        }
+        if (env.isMac) {
+            shortcut = shortcut.replace('CMD', '⌘').replace('SHIFT', '⇧');
+        }
+        shortcut = shortcut.replace('BACKSLASH', '\\')
+            .replace('SLASH', '/')
+            .replace('LEFTBRACKET', '[')
+            .replace('RIGHTBRACKET', ']');
+        return ' (' + shortcut + ')';
+    };
+    Buttons.prototype.button = function (o) {
+        if (!this.options.tooltip && o.tooltip) {
+            delete o.tooltip;
+        }
+        o.container = this.options.container;
+        return this.ui.button(o);
+    };
+    Buttons.prototype.initialize = function () {
+        this.addToolbarButtons();
+        this.addImagePopoverButtons();
+        this.addLinkPopoverButtons();
+        this.addTablePopoverButtons();
+        this.fontInstalledMap = {};
+    };
+    Buttons.prototype.destroy = function () {
+        delete this.fontInstalledMap;
+    };
+    Buttons.prototype.isFontInstalled = function (name) {
+        if (!this.fontInstalledMap.hasOwnProperty(name)) {
+            this.fontInstalledMap[name] = env.isFontInstalled(name) ||
+                lists.contains(this.options.fontNamesIgnoreCheck, name);
+        }
+        return this.fontInstalledMap[name];
+    };
+    Buttons.prototype.isFontDeservedToAdd = function (name) {
+        var genericFamilies = ['sans-serif', 'serif', 'monospace', 'cursive', 'fantasy'];
+        name = name.toLowerCase();
+        return ((name !== '') && this.isFontInstalled(name) && ($$1.inArray(name, genericFamilies) === -1));
+    };
+    Buttons.prototype.addToolbarButtons = function () {
+        var _this = this;
+        this.context.memo('button.style', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.magic), _this.options),
+                    tooltip: _this.lang.style.style,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdown({
+                    className: 'dropdown-style',
+                    items: _this.options.styleTags,
+                    template: function (item) {
+                        if (typeof item === 'string') {
+                            item = { tag: item, title: (_this.lang.style.hasOwnProperty(item) ? _this.lang.style[item] : item) };
+                        }
+                        var tag = item.tag;
+                        var title = item.title;
+                        var style = item.style ? ' style="' + item.style + '" ' : '';
+                        var className = item.className ? ' class="' + item.className + '"' : '';
+                        return '<' + tag + style + className + '>' + title + '</' + tag + '>';
+                    },
+                    click: _this.context.createInvokeHandler('editor.formatBlock')
+                })
+            ]).render();
+        });
+        var _loop_1 = function (styleIdx, styleLen) {
+            var item = this_1.options.styleTags[styleIdx];
+            this_1.context.memo('button.style.' + item, function () {
+                return _this.button({
+                    className: 'note-btn-style-' + item,
+                    contents: '<div data-value="' + item + '">' + item.toUpperCase() + '</div>',
+                    tooltip: item.toUpperCase(),
+                    click: _this.context.createInvokeHandler('editor.formatBlock')
+                }).render();
+            });
+        };
+        var this_1 = this;
+        for (var styleIdx = 0, styleLen = this.options.styleTags.length; styleIdx < styleLen; styleIdx++) {
+            _loop_1(styleIdx, styleLen);
+        }
+        this.context.memo('button.bold', function () {
+            return _this.button({
+                className: 'note-btn-bold',
+                contents: _this.ui.icon(_this.options.icons.bold),
+                tooltip: _this.lang.font.bold + _this.representShortcut('bold'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.bold')
+            }).render();
+        });
+        this.context.memo('button.italic', function () {
+            return _this.button({
+                className: 'note-btn-italic',
+                contents: _this.ui.icon(_this.options.icons.italic),
+                tooltip: _this.lang.font.italic + _this.representShortcut('italic'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.italic')
+            }).render();
+        });
+        this.context.memo('button.underline', function () {
+            return _this.button({
+                className: 'note-btn-underline',
+                contents: _this.ui.icon(_this.options.icons.underline),
+                tooltip: _this.lang.font.underline + _this.representShortcut('underline'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.underline')
+            }).render();
+        });
+        this.context.memo('button.clear', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.eraser),
+                tooltip: _this.lang.font.clear + _this.representShortcut('removeFormat'),
+                click: _this.context.createInvokeHandler('editor.removeFormat')
+            }).render();
+        });
+        this.context.memo('button.strikethrough', function () {
+            return _this.button({
+                className: 'note-btn-strikethrough',
+                contents: _this.ui.icon(_this.options.icons.strikethrough),
+                tooltip: _this.lang.font.strikethrough + _this.representShortcut('strikethrough'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.strikethrough')
+            }).render();
+        });
+        this.context.memo('button.superscript', function () {
+            return _this.button({
+                className: 'note-btn-superscript',
+                contents: _this.ui.icon(_this.options.icons.superscript),
+                tooltip: _this.lang.font.superscript,
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.superscript')
+            }).render();
+        });
+        this.context.memo('button.subscript', function () {
+            return _this.button({
+                className: 'note-btn-subscript',
+                contents: _this.ui.icon(_this.options.icons.subscript),
+                tooltip: _this.lang.font.subscript,
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.subscript')
+            }).render();
+        });
+        this.context.memo('button.fontname', function () {
+            var styleInfo = _this.context.invoke('editor.currentStyle');
+            // Add 'default' fonts into the fontnames array if not exist
+            $$1.each(styleInfo['font-family'].split(','), function (idx, fontname) {
+                fontname = fontname.trim().replace(/['"]+/g, '');
+                if (_this.isFontDeservedToAdd(fontname)) {
+                    if ($$1.inArray(fontname, _this.options.fontNames) === -1) {
+                        _this.options.fontNames.push(fontname);
+                    }
+                }
+            });
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents('<span class="note-current-fontname"/>', _this.options),
+                    tooltip: _this.lang.font.name,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdownCheck({
+                    className: 'dropdown-fontname',
+                    checkClassName: _this.options.icons.menuCheck,
+                    items: _this.options.fontNames.filter(_this.isFontInstalled.bind(_this)),
+                    template: function (item) {
+                        return '<span style="font-family: \'' + item + '\'">' + item + '</span>';
+                    },
+                    click: _this.context.createInvokeHandlerAndUpdateState('editor.fontName')
+                })
+            ]).render();
+        });
+        this.context.memo('button.fontsize', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents('<span class="note-current-fontsize"/>', _this.options),
+                    tooltip: _this.lang.font.size,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdownCheck({
+                    className: 'dropdown-fontsize',
+                    checkClassName: _this.options.icons.menuCheck,
+                    items: _this.options.fontSizes,
+                    click: _this.context.createInvokeHandlerAndUpdateState('editor.fontSize')
+                })
+            ]).render();
+        });
+        this.context.memo('button.color', function () {
+            return _this.ui.buttonGroup({
+                className: 'note-color',
+                children: [
+                    _this.button({
+                        className: 'note-current-color-button',
+                        contents: _this.ui.icon(_this.options.icons.font + ' note-recent-color'),
+                        tooltip: _this.lang.color.recent,
+                        click: function (e) {
+                            var $button = $$1(e.currentTarget);
+                            _this.context.invoke('editor.color', {
+                                backColor: $button.attr('data-backColor'),
+                                foreColor: $button.attr('data-foreColor')
+                            });
+                        },
+                        callback: function ($button) {
+                            var $recentColor = $button.find('.note-recent-color');
+                            $recentColor.css('background-color', '#FFFF00');
+                            $button.attr('data-backColor', '#FFFF00');
+                        }
+                    }),
+                    _this.button({
+                        className: 'dropdown-toggle',
+                        contents: _this.ui.dropdownButtonContents('', _this.options),
+                        tooltip: _this.lang.color.more,
+                        data: {
+                            toggle: 'dropdown'
+                        }
+                    }),
+                    _this.ui.dropdown({
+                        items: [
+                            '<div class="note-palette">',
+                            '  <div class="note-palette-title">' + _this.lang.color.background + '</div>',
+                            '  <div>',
+                            '    <button type="button" class="note-color-reset btn btn-light" data-event="backColor" data-value="inherit">',
+                            _this.lang.color.transparent,
+                            '    </button>',
+                            '  </div>',
+                            '  <div class="note-holder" data-event="backColor"/>',
+                            '</div>',
+                            '<div class="note-palette">',
+                            '  <div class="note-palette-title">' + _this.lang.color.foreground + '</div>',
+                            '  <div>',
+                            '    <button type="button" class="note-color-reset btn btn-light" data-event="removeFormat" data-value="foreColor">',
+                            _this.lang.color.resetToDefault,
+                            '    </button>',
+                            '  </div>',
+                            '  <div class="note-holder" data-event="foreColor"/>',
+                            '</div>'
+                        ].join(''),
+                        callback: function ($dropdown) {
+                            $dropdown.find('.note-holder').each(function (idx, item) {
+                                var $holder = $$1(item);
+                                $holder.append(_this.ui.palette({
+                                    colors: _this.options.colors,
+                                    eventName: $holder.data('event'),
+                                    container: _this.options.container,
+                                    tooltip: _this.options.tooltip
+                                }).render());
+                            });
+                        },
+                        click: function (event) {
+                            var $button = $$1(event.target);
+                            var eventName = $button.data('event');
+                            var value = $button.data('value');
+                            if (eventName && value) {
+                                var key = eventName === 'backColor' ? 'background-color' : 'color';
+                                var $color = $button.closest('.note-color').find('.note-recent-color');
+                                var $currentButton = $button.closest('.note-color').find('.note-current-color-button');
+                                $color.css(key, value);
+                                $currentButton.attr('data-' + eventName, value);
+                                _this.context.invoke('editor.' + eventName, value);
+                            }
+                        }
+                    })
+                ]
+            }).render();
+        });
+        this.context.memo('button.ul', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.unorderedlist),
+                tooltip: _this.lang.lists.unordered + _this.representShortcut('insertUnorderedList'),
+                click: _this.context.createInvokeHandler('editor.insertUnorderedList')
+            }).render();
+        });
+        this.context.memo('button.ol', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.orderedlist),
+                tooltip: _this.lang.lists.ordered + _this.representShortcut('insertOrderedList'),
+                click: _this.context.createInvokeHandler('editor.insertOrderedList')
+            }).render();
+        });
+        var justifyLeft = this.button({
+            contents: this.ui.icon(this.options.icons.alignLeft),
+            tooltip: this.lang.paragraph.left + this.representShortcut('justifyLeft'),
+            click: this.context.createInvokeHandler('editor.justifyLeft')
+        });
+        var justifyCenter = this.button({
+            contents: this.ui.icon(this.options.icons.alignCenter),
+            tooltip: this.lang.paragraph.center + this.representShortcut('justifyCenter'),
+            click: this.context.createInvokeHandler('editor.justifyCenter')
+        });
+        var justifyRight = this.button({
+            contents: this.ui.icon(this.options.icons.alignRight),
+            tooltip: this.lang.paragraph.right + this.representShortcut('justifyRight'),
+            click: this.context.createInvokeHandler('editor.justifyRight')
+        });
+        var justifyFull = this.button({
+            contents: this.ui.icon(this.options.icons.alignJustify),
+            tooltip: this.lang.paragraph.justify + this.representShortcut('justifyFull'),
+            click: this.context.createInvokeHandler('editor.justifyFull')
+        });
+        var outdent = this.button({
+            contents: this.ui.icon(this.options.icons.outdent),
+            tooltip: this.lang.paragraph.outdent + this.representShortcut('outdent'),
+            click: this.context.createInvokeHandler('editor.outdent')
+        });
+        var indent = this.button({
+            contents: this.ui.icon(this.options.icons.indent),
+            tooltip: this.lang.paragraph.indent + this.representShortcut('indent'),
+            click: this.context.createInvokeHandler('editor.indent')
+        });
+        this.context.memo('button.justifyLeft', func.invoke(justifyLeft, 'render'));
+        this.context.memo('button.justifyCenter', func.invoke(justifyCenter, 'render'));
+        this.context.memo('button.justifyRight', func.invoke(justifyRight, 'render'));
+        this.context.memo('button.justifyFull', func.invoke(justifyFull, 'render'));
+        this.context.memo('button.outdent', func.invoke(outdent, 'render'));
+        this.context.memo('button.indent', func.invoke(indent, 'render'));
+        this.context.memo('button.paragraph', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.alignLeft), _this.options),
+                    tooltip: _this.lang.paragraph.paragraph,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdown([
+                    _this.ui.buttonGroup({
+                        className: 'note-align',
+                        children: [justifyLeft, justifyCenter, justifyRight, justifyFull]
+                    }),
+                    _this.ui.buttonGroup({
+                        className: 'note-list',
+                        children: [outdent, indent]
+                    })
+                ])
+            ]).render();
+        });
+        this.context.memo('button.height', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.textHeight), _this.options),
+                    tooltip: _this.lang.font.height,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdownCheck({
+                    items: _this.options.lineHeights,
+                    checkClassName: _this.options.icons.menuCheck,
+                    className: 'dropdown-line-height',
+                    click: _this.context.createInvokeHandler('editor.lineHeight')
+                })
+            ]).render();
+        });
+        this.context.memo('button.table', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.table), _this.options),
+                    tooltip: _this.lang.table.table,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdown({
+                    className: 'note-table',
+                    items: [
+                        '<div class="note-dimension-picker">',
+                        '  <div class="note-dimension-picker-mousecatcher" data-event="insertTable" data-value="1x1"/>',
+                        '  <div class="note-dimension-picker-highlighted"/>',
+                        '  <div class="note-dimension-picker-unhighlighted"/>',
+                        '</div>',
+                        '<div class="note-dimension-display">1 x 1</div>'
+                    ].join('')
+                })
+            ], {
+                callback: function ($node) {
+                    var $catcher = $node.find('.note-dimension-picker-mousecatcher');
+                    $catcher.css({
+                        width: _this.options.insertTableMaxSize.col + 'em',
+                        height: _this.options.insertTableMaxSize.row + 'em'
+                    }).mousedown(_this.context.createInvokeHandler('editor.insertTable'))
+                        .on('mousemove', _this.tableMoveHandler.bind(_this));
+                }
+            }).render();
+        });
+        this.context.memo('button.link', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.link),
+                tooltip: _this.lang.link.link + _this.representShortcut('linkDialog.show'),
+                click: _this.context.createInvokeHandler('linkDialog.show')
+            }).render();
+        });
+        this.context.memo('button.picture', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.picture),
+                tooltip: _this.lang.image.image,
+                click: _this.context.createInvokeHandler('imageDialog.show')
+            }).render();
+        });
+        this.context.memo('button.video', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.video),
+                tooltip: _this.lang.video.video,
+                click: _this.context.createInvokeHandler('videoDialog.show')
+            }).render();
+        });
+        this.context.memo('button.hr', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.minus),
+                tooltip: _this.lang.hr.insert + _this.representShortcut('insertHorizontalRule'),
+                click: _this.context.createInvokeHandler('editor.insertHorizontalRule')
+            }).render();
+        });
+        this.context.memo('button.fullscreen', function () {
+            return _this.button({
+                className: 'btn-fullscreen',
+                contents: _this.ui.icon(_this.options.icons.arrowsAlt),
+                tooltip: _this.options.fullscreen,
+                click: _this.context.createInvokeHandler('fullscreen.toggle')
+            }).render();
+        });
+        this.context.memo('button.codeview', function () {
+            return _this.button({
+                className: 'btn-codeview',
+                contents: _this.ui.icon(_this.options.icons.code),
+                tooltip: _this.options.codeview,
+                click: _this.context.createInvokeHandler('codeview.toggle')
+            }).render();
+        });
+        this.context.memo('button.redo', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.redo),
+                tooltip: _this.lang.history.redo + _this.representShortcut('redo'),
+                click: _this.context.createInvokeHandler('editor.redo')
+            }).render();
+        });
+        this.context.memo('button.undo', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.undo),
+                tooltip: _this.lang.history.undo + _this.representShortcut('undo'),
+                click: _this.context.createInvokeHandler('editor.undo')
+            }).render();
+        });
+        this.context.memo('button.help', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.question),
+                tooltip: _this.options.help,
+                click: _this.context.createInvokeHandler('helpDialog.show')
+            }).render();
+        });
+    };
+    /**
+     * image : [
+     *   ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
+     *   ['float', ['floatLeft', 'floatRight', 'floatNone' ]],
+     *   ['remove', ['removeMedia']]
+     * ],
+     */
+    Buttons.prototype.addImagePopoverButtons = function () {
+        var _this = this;
+        // Image Size Buttons
+        this.context.memo('button.imageSize100', function () {
+            return _this.button({
+                contents: '<span class="note-fontsize-10">100%</span>',
+                tooltip: _this.lang.image.resizeFull,
+                click: _this.context.createInvokeHandler('editor.resize', '1')
+            }).render();
+        });
+        this.context.memo('button.imageSize50', function () {
+            return _this.button({
+                contents: '<span class="note-fontsize-10">50%</span>',
+                tooltip: _this.lang.image.resizeHalf,
+                click: _this.context.createInvokeHandler('editor.resize', '0.5')
+            }).render();
+        });
+        this.context.memo('button.imageSize25', function () {
+            return _this.button({
+                contents: '<span class="note-fontsize-10">25%</span>',
+                tooltip: _this.lang.image.resizeQuarter,
+                click: _this.context.createInvokeHandler('editor.resize', '0.25')
+            }).render();
+        });
+        // Float Buttons
+        this.context.memo('button.floatLeft', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.alignLeft),
+                tooltip: _this.lang.image.floatLeft,
+                click: _this.context.createInvokeHandler('editor.floatMe', 'left')
+            }).render();
+        });
+        this.context.memo('button.floatRight', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.alignRight),
+                tooltip: _this.lang.image.floatRight,
+                click: _this.context.createInvokeHandler('editor.floatMe', 'right')
+            }).render();
+        });
+        this.context.memo('button.floatNone', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.alignJustify),
+                tooltip: _this.lang.image.floatNone,
+                click: _this.context.createInvokeHandler('editor.floatMe', 'none')
+            }).render();
+        });
+        // Remove Buttons
+        this.context.memo('button.removeMedia', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.trash),
+                tooltip: _this.lang.image.remove,
+                click: _this.context.createInvokeHandler('editor.removeMedia')
+            }).render();
+        });
+    };
+    Buttons.prototype.addLinkPopoverButtons = function () {
+        var _this = this;
+        this.context.memo('button.linkDialogShow', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.link),
+                tooltip: _this.lang.link.edit,
+                click: _this.context.createInvokeHandler('linkDialog.show')
+            }).render();
+        });
+        this.context.memo('button.unlink', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.unlink),
+                tooltip: _this.lang.link.unlink,
+                click: _this.context.createInvokeHandler('editor.unlink')
+            }).render();
+        });
+    };
+    /**
+     * table : [
+     *  ['add', ['addRowDown', 'addRowUp', 'addColLeft', 'addColRight']],
+     *  ['delete', ['deleteRow', 'deleteCol', 'deleteTable']]
+     * ],
+     */
+    Buttons.prototype.addTablePopoverButtons = function () {
+        var _this = this;
+        this.context.memo('button.addRowUp', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.rowAbove),
+                tooltip: _this.lang.table.addRowAbove,
+                click: _this.context.createInvokeHandler('editor.addRow', 'top')
+            }).render();
+        });
+        this.context.memo('button.addRowDown', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.rowBelow),
+                tooltip: _this.lang.table.addRowBelow,
+                click: _this.context.createInvokeHandler('editor.addRow', 'bottom')
+            }).render();
+        });
+        this.context.memo('button.addColLeft', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.colBefore),
+                tooltip: _this.lang.table.addColLeft,
+                click: _this.context.createInvokeHandler('editor.addCol', 'left')
+            }).render();
+        });
+        this.context.memo('button.addColRight', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.colAfter),
+                tooltip: _this.lang.table.addColRight,
+                click: _this.context.createInvokeHandler('editor.addCol', 'right')
+            }).render();
+        });
+        this.context.memo('button.deleteRow', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.rowRemove),
+                tooltip: _this.lang.table.delRow,
+                click: _this.context.createInvokeHandler('editor.deleteRow')
+            }).render();
+        });
+        this.context.memo('button.deleteCol', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.colRemove),
+                tooltip: _this.lang.table.delCol,
+                click: _this.context.createInvokeHandler('editor.deleteCol')
+            }).render();
+        });
+        this.context.memo('button.deleteTable', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.trash),
+                tooltip: _this.lang.table.delTable,
+                click: _this.context.createInvokeHandler('editor.deleteTable')
+            }).render();
+        });
+    };
+    Buttons.prototype.build = function ($container, groups) {
+        for (var groupIdx = 0, groupLen = groups.length; groupIdx < groupLen; groupIdx++) {
+            var group = groups[groupIdx];
+            var groupName = $$1.isArray(group) ? group[0] : group;
+            var buttons = $$1.isArray(group) ? ((group.length === 1) ? [group[0]] : group[1]) : [group];
+            var $group = this.ui.buttonGroup({
+                className: 'note-' + groupName
+            }).render();
+            for (var idx = 0, len = buttons.length; idx < len; idx++) {
+                var btn = this.context.memo('button.' + buttons[idx]);
+                if (btn) {
+                    $group.append(typeof btn === 'function' ? btn(this.context) : btn);
+                }
+            }
+            $group.appendTo($container);
+        }
+    };
+    /**
+     * @param {jQuery} [$container]
+     */
+    Buttons.prototype.updateCurrentStyle = function ($container) {
+        var _this = this;
+        var $cont = $container || this.$toolbar;
+        var styleInfo = this.context.invoke('editor.currentStyle');
+        this.updateBtnStates($cont, {
+            '.note-btn-bold': function () {
+                return styleInfo['font-bold'] === 'bold';
+            },
+            '.note-btn-italic': function () {
+                return styleInfo['font-italic'] === 'italic';
+            },
+            '.note-btn-underline': function () {
+                return styleInfo['font-underline'] === 'underline';
+            },
+            '.note-btn-subscript': function () {
+                return styleInfo['font-subscript'] === 'subscript';
+            },
+            '.note-btn-superscript': function () {
+                return styleInfo['font-superscript'] === 'superscript';
+            },
+            '.note-btn-strikethrough': function () {
+                return styleInfo['font-strikethrough'] === 'strikethrough';
+            }
+        });
+        if (styleInfo['font-family']) {
+            var fontNames = styleInfo['font-family'].split(',').map(function (name) {
+                return name.replace(/[\'\"]/g, '')
+                    .replace(/\s+$/, '')
+                    .replace(/^\s+/, '');
+            });
+            var fontName_1 = lists.find(fontNames, this.isFontInstalled.bind(this));
+            $cont.find('.dropdown-fontname a').each(function (idx, item) {
+                var $item = $$1(item);
+                // always compare string to avoid creating another func.
+                var isChecked = ($item.data('value') + '') === (fontName_1 + '');
+                $item.toggleClass('checked', isChecked);
+            });
+            $cont.find('.note-current-fontname').text(fontName_1).css('font-family', fontName_1);
+        }
+        if (styleInfo['font-size']) {
+            var fontSize_1 = styleInfo['font-size'];
+            $cont.find('.dropdown-fontsize a').each(function (idx, item) {
+                var $item = $$1(item);
+                // always compare with string to avoid creating another func.
+                var isChecked = ($item.data('value') + '') === (fontSize_1 + '');
+                $item.toggleClass('checked', isChecked);
+            });
+            $cont.find('.note-current-fontsize').text(fontSize_1);
+        }
+        if (styleInfo['line-height']) {
+            var lineHeight_1 = styleInfo['line-height'];
+            $cont.find('.dropdown-line-height li a').each(function (idx, item) {
+                // always compare with string to avoid creating another func.
+                var isChecked = ($$1(item).data('value') + '') === (lineHeight_1 + '');
+                _this.className = isChecked ? 'checked' : '';
+            });
+        }
+    };
+    Buttons.prototype.updateBtnStates = function ($container, infos) {
+        var _this = this;
+        $$1.each(infos, function (selector, pred) {
+            _this.ui.toggleBtnActive($container.find(selector), pred());
+        });
+    };
+    Buttons.prototype.tableMoveHandler = function (event) {
+        var PX_PER_EM = 18;
+        var $picker = $$1(event.target.parentNode); // target is mousecatcher
+        var $dimensionDisplay = $picker.next();
+        var $catcher = $picker.find('.note-dimension-picker-mousecatcher');
+        var $highlighted = $picker.find('.note-dimension-picker-highlighted');
+        var $unhighlighted = $picker.find('.note-dimension-picker-unhighlighted');
+        var posOffset;
+        // HTML5 with jQuery - e.offsetX is undefined in Firefox
+        if (event.offsetX === undefined) {
+            var posCatcher = $$1(event.target).offset();
+            posOffset = {
+                x: event.pageX - posCatcher.left,
+                y: event.pageY - posCatcher.top
+            };
+        }
+        else {
+            posOffset = {
+                x: event.offsetX,
+                y: event.offsetY
+            };
+        }
+        var dim = {
+            c: Math.ceil(posOffset.x / PX_PER_EM) || 1,
+            r: Math.ceil(posOffset.y / PX_PER_EM) || 1
+        };
+        $highlighted.css({ width: dim.c + 'em', height: dim.r + 'em' });
+        $catcher.data('value', dim.c + 'x' + dim.r);
+        if (dim.c > 3 && dim.c < this.options.insertTableMaxSize.col) {
+            $unhighlighted.css({ width: dim.c + 1 + 'em' });
+        }
+        if (dim.r > 3 && dim.r < this.options.insertTableMaxSize.row) {
+            $unhighlighted.css({ height: dim.r + 1 + 'em' });
+        }
+        $dimensionDisplay.html(dim.c + ' x ' + dim.r);
+    };
+    return Buttons;
+}());
+
+var Toolbar = /** @class */ (function () {
+    function Toolbar(context) {
+        this.context = context;
+        this.$window = $$1(window);
+        this.$document = $$1(document);
+        this.ui = $$1.summernote.ui;
+        this.$note = context.layoutInfo.note;
+        this.$editor = context.layoutInfo.editor;
+        this.$toolbar = context.layoutInfo.toolbar;
+        this.options = context.options;
+        this.followScroll = this.followScroll.bind(this);
+    }
+    Toolbar.prototype.shouldInitialize = function () {
+        return !this.options.airMode;
+    };
+    Toolbar.prototype.initialize = function () {
+        var _this = this;
+        this.options.toolbar = this.options.toolbar || [];
+        if (!this.options.toolbar.length) {
+            this.$toolbar.hide();
+        }
+        else {
+            this.context.invoke('buttons.build', this.$toolbar, this.options.toolbar);
+        }
+        if (this.options.toolbarContainer) {
+            this.$toolbar.appendTo(this.options.toolbarContainer);
+        }
+        this.changeContainer(false);
+        this.$note.on('summernote.keyup summernote.mouseup summernote.change', function () {
+            _this.context.invoke('buttons.updateCurrentStyle');
+        });
+        this.context.invoke('buttons.updateCurrentStyle');
+        if (this.options.followingToolbar) {
+            this.$window.on('scroll resize', this.followScroll);
+        }
+    };
+    Toolbar.prototype.destroy = function () {
+        this.$toolbar.children().remove();
+        if (this.options.followingToolbar) {
+            this.$window.off('scroll resize', this.followScroll);
+        }
+    };
+    Toolbar.prototype.followScroll = function () {
+        if (this.$editor.hasClass('fullscreen')) {
+            return false;
+        }
+        var $toolbarWrapper = this.$toolbar.parent('.note-toolbar-wrapper');
+        var editorHeight = this.$editor.outerHeight();
+        var editorWidth = this.$editor.width();
+        var toolbarHeight = this.$toolbar.height();
+        $toolbarWrapper.css({
+            height: toolbarHeight
+        });
+        // check if the web app is currently using another static bar
+        var otherBarHeight = 0;
+        if (this.options.otherStaticBar) {
+            otherBarHeight = $$1(this.options.otherStaticBar).outerHeight();
+        }
+        var currentOffset = this.$document.scrollTop();
+        var editorOffsetTop = this.$editor.offset().top;
+        var editorOffsetBottom = editorOffsetTop + editorHeight;
+        var activateOffset = editorOffsetTop - otherBarHeight;
+        var deactivateOffsetBottom = editorOffsetBottom - otherBarHeight - toolbarHeight;
+        if ((currentOffset > activateOffset) && (currentOffset < deactivateOffsetBottom)) {
+            this.$toolbar.css({
+                position: 'fixed',
+                top: otherBarHeight,
+                width: editorWidth
+            });
+        }
+        else {
+            this.$toolbar.css({
+                position: 'relative',
+                top: 0,
+                width: '100%'
+            });
+        }
+    };
+    Toolbar.prototype.changeContainer = function (isFullscreen) {
+        if (isFullscreen) {
+            this.$toolbar.prependTo(this.$editor);
+        }
+        else {
+            if (this.options.toolbarContainer) {
+                this.$toolbar.appendTo(this.options.toolbarContainer);
+            }
+        }
+    };
+    Toolbar.prototype.updateFullscreen = function (isFullscreen) {
+        this.ui.toggleBtnActive(this.$toolbar.find('.btn-fullscreen'), isFullscreen);
+        this.changeContainer(isFullscreen);
+    };
+    Toolbar.prototype.updateCodeview = function (isCodeview) {
+        this.ui.toggleBtnActive(this.$toolbar.find('.btn-codeview'), isCodeview);
+        if (isCodeview) {
+            this.deactivate();
+        }
+        else {
+            this.activate();
+        }
+    };
+    Toolbar.prototype.activate = function (isIncludeCodeview) {
+        var $btn = this.$toolbar.find('button');
+        if (!isIncludeCodeview) {
+            $btn = $btn.not('.btn-codeview');
+        }
+        this.ui.toggleBtn($btn, true);
+    };
+    Toolbar.prototype.deactivate = function (isIncludeCodeview) {
+        var $btn = this.$toolbar.find('button');
+        if (!isIncludeCodeview) {
+            $btn = $btn.not('.btn-codeview');
+        }
+        this.ui.toggleBtn($btn, false);
+    };
+    return Toolbar;
+}());
+
+var LinkDialog = /** @class */ (function () {
+    function LinkDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        context.memo('help.linkDialog.show', this.options.langInfo.help['linkDialog.show']);
+    }
+    LinkDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var body = [
+            '<div class="form-group note-form-group">',
+            "<label class=\"note-form-label\">" + this.lang.link.textToDisplay + "</label>",
+            '<input class="note-link-text form-control note-form-control  note-input" type="text" />',
+            '</div>',
+            '<div class="form-group note-form-group">',
+            "<label class=\"note-form-label\">" + this.lang.link.url + "</label>",
+            '<input class="note-link-url form-control note-form-control note-input" type="text" value="http://" />',
+            '</div>',
+            !this.options.disableLinkTarget
+                ? $$1('<div/>').append(this.ui.checkbox({
+                    id: 'sn-checkbox-open-in-new-window',
+                    text: this.lang.link.openInNewWindow,
+                    checked: true
+                }).render()).html()
+                : ''
+        ].join('');
+        var buttonClass = 'btn btn-primary note-btn note-btn-primary note-link-btn';
+        var footer = "<button type=\"submit\" href=\"#\" class=\"" + buttonClass + "\" disabled>" + this.lang.link.insert + "</button>";
+        this.$dialog = this.ui.dialog({
+            className: 'link-dialog',
+            title: this.lang.link.insert,
+            fade: this.options.dialogsFade,
+            body: body,
+            footer: footer
+        }).render().appendTo($container);
+    };
+    LinkDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    LinkDialog.prototype.bindEnterKey = function ($input, $btn) {
+        $input.on('keypress', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                event.preventDefault();
+                $btn.trigger('click');
+            }
+        });
+    };
+    /**
+     * toggle update button
+     */
+    LinkDialog.prototype.toggleLinkBtn = function ($linkBtn, $linkText, $linkUrl) {
+        this.ui.toggleBtn($linkBtn, $linkText.val() && $linkUrl.val());
+    };
+    /**
+     * Show link dialog and set event handlers on dialog controls.
+     *
+     * @param {Object} linkInfo
+     * @return {Promise}
+     */
+    LinkDialog.prototype.showLinkDialog = function (linkInfo) {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            var $linkText = _this.$dialog.find('.note-link-text');
+            var $linkUrl = _this.$dialog.find('.note-link-url');
+            var $linkBtn = _this.$dialog.find('.note-link-btn');
+            var $openInNewWindow = _this.$dialog.find('input[type=checkbox]');
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                // if no url was given, copy text to url
+                if (!linkInfo.url) {
+                    linkInfo.url = linkInfo.text;
+                }
+                $linkText.val(linkInfo.text);
+                var handleLinkTextUpdate = function () {
+                    _this.toggleLinkBtn($linkBtn, $linkText, $linkUrl);
+                    // if linktext was modified by keyup,
+                    // stop cloning text from linkUrl
+                    linkInfo.text = $linkText.val();
+                };
+                $linkText.on('input', handleLinkTextUpdate).on('paste', function () {
+                    setTimeout(handleLinkTextUpdate, 0);
+                });
+                var handleLinkUrlUpdate = function () {
+                    _this.toggleLinkBtn($linkBtn, $linkText, $linkUrl);
+                    // display same link on `Text to display` input
+                    // when create a new link
+                    if (!linkInfo.text) {
+                        $linkText.val($linkUrl.val());
+                    }
+                };
+                $linkUrl.on('input', handleLinkUrlUpdate).on('paste', function () {
+                    setTimeout(handleLinkUrlUpdate, 0);
+                }).val(linkInfo.url);
+                if (!env.isSupportTouch) {
+                    $linkUrl.trigger('focus');
+                }
+                _this.toggleLinkBtn($linkBtn, $linkText, $linkUrl);
+                _this.bindEnterKey($linkUrl, $linkBtn);
+                _this.bindEnterKey($linkText, $linkBtn);
+                var isChecked = linkInfo.isNewWindow !== undefined
+                    ? linkInfo.isNewWindow : _this.context.options.linkTargetBlank;
+                $openInNewWindow.prop('checked', isChecked);
+                $linkBtn.one('click', function (event) {
+                    event.preventDefault();
+                    deferred.resolve({
+                        range: linkInfo.range,
+                        url: $linkUrl.val(),
+                        text: $linkText.val(),
+                        isNewWindow: $openInNewWindow.is(':checked')
+                    });
+                    _this.ui.hideDialog(_this.$dialog);
+                });
+            });
+            _this.ui.onDialogHidden(_this.$dialog, function () {
+                // detach events
+                $linkText.off('input paste keypress');
+                $linkUrl.off('input paste keypress');
+                $linkBtn.off('click');
+                if (deferred.state() === 'pending') {
+                    deferred.reject();
+                }
+            });
+            _this.ui.showDialog(_this.$dialog);
+        }).promise();
+    };
+    /**
+     * @param {Object} layoutInfo
+     */
+    LinkDialog.prototype.show = function () {
+        var _this = this;
+        var linkInfo = this.context.invoke('editor.getLinkInfo');
+        this.context.invoke('editor.saveRange');
+        this.showLinkDialog(linkInfo).then(function (linkInfo) {
+            _this.context.invoke('editor.restoreRange');
+            _this.context.invoke('editor.createLink', linkInfo);
+        }).fail(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    return LinkDialog;
+}());
+
+var LinkPopover = /** @class */ (function () {
+    function LinkPopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.options = context.options;
+        this.events = {
+            'summernote.keyup summernote.mouseup summernote.change summernote.scroll': function () {
+                _this.update();
+            },
+            'summernote.disable summernote.dialog.shown': function () {
+                _this.hide();
+            }
+        };
+    }
+    LinkPopover.prototype.shouldInitialize = function () {
+        return !lists.isEmpty(this.options.popover.link);
+    };
+    LinkPopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-link-popover',
+            callback: function ($node) {
+                var $content = $node.find('.popover-content,.note-popover-content');
+                $content.prepend('<span><a target="_blank"></a>&nbsp;</span>');
+            }
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content,.note-popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.link);
+    };
+    LinkPopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    LinkPopover.prototype.update = function () {
+        // Prevent focusing on editable when invoke('code') is executed
+        if (!this.context.invoke('editor.hasFocus')) {
+            this.hide();
+            return;
+        }
+        var rng = this.context.invoke('editor.createRange');
+        if (rng.isCollapsed() && rng.isOnAnchor()) {
+            var anchor = dom.ancestor(rng.sc, dom.isAnchor);
+            var href = $$1(anchor).attr('href');
+            this.$popover.find('a').attr('href', href).html(href);
+            var pos = dom.posFromPlaceholder(anchor);
+            this.$popover.css({
+                display: 'block',
+                left: pos.left,
+                top: pos.top
+            });
+        }
+        else {
+            this.hide();
+        }
+    };
+    LinkPopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return LinkPopover;
+}());
+
+var ImageDialog = /** @class */ (function () {
+    function ImageDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+    }
+    ImageDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var imageLimitation = '';
+        if (this.options.maximumImageFileSize) {
+            var unit = Math.floor(Math.log(this.options.maximumImageFileSize) / Math.log(1024));
+            var readableSize = (this.options.maximumImageFileSize / Math.pow(1024, unit)).toFixed(2) * 1 +
+                ' ' + ' KMGTP'[unit] + 'B';
+            imageLimitation = "<small>" + (this.lang.image.maximumFileSize + ' : ' + readableSize) + "</small>";
+        }
+        var body = [
+            '<div class="form-group note-form-group note-group-select-from-files">',
+            '<label class="note-form-label">' + this.lang.image.selectFromFiles + '</label>',
+            '<input class="note-image-input note-form-control note-input" ',
+            ' type="file" name="files" accept="image/*" multiple="multiple" />',
+            imageLimitation,
+            '</div>',
+            '<div class="form-group note-group-image-url" style="overflow:auto;">',
+            '<label class="note-form-label">' + this.lang.image.url + '</label>',
+            '<input class="note-image-url form-control note-form-control note-input ',
+            ' col-md-12" type="text" />',
+            '</div>'
+        ].join('');
+        var buttonClass = 'btn btn-primary note-btn note-btn-primary note-image-btn';
+        var footer = "<button type=\"submit\" href=\"#\" class=\"" + buttonClass + "\" disabled>" + this.lang.image.insert + "</button>";
+        this.$dialog = this.ui.dialog({
+            title: this.lang.image.insert,
+            fade: this.options.dialogsFade,
+            body: body,
+            footer: footer
+        }).render().appendTo($container);
+    };
+    ImageDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    ImageDialog.prototype.bindEnterKey = function ($input, $btn) {
+        $input.on('keypress', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                event.preventDefault();
+                $btn.trigger('click');
+            }
+        });
+    };
+    ImageDialog.prototype.show = function () {
+        var _this = this;
+        this.context.invoke('editor.saveRange');
+        this.showImageDialog().then(function (data) {
+            // [workaround] hide dialog before restore range for IE range focus
+            _this.ui.hideDialog(_this.$dialog);
+            _this.context.invoke('editor.restoreRange');
+            if (typeof data === 'string') {
+                _this.context.invoke('editor.insertImage', data);
+            }
+            else {
+                _this.context.invoke('editor.insertImagesOrCallback', data);
+            }
+        }).fail(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    /**
+     * show image dialog
+     *
+     * @param {jQuery} $dialog
+     * @return {Promise}
+     */
+    ImageDialog.prototype.showImageDialog = function () {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            var $imageInput = _this.$dialog.find('.note-image-input');
+            var $imageUrl = _this.$dialog.find('.note-image-url');
+            var $imageBtn = _this.$dialog.find('.note-image-btn');
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                // Cloning imageInput to clear element.
+                $imageInput.replaceWith($imageInput.clone().on('change', function (event) {
+                    deferred.resolve(event.target.files || event.target.value);
+                }).val(''));
+                $imageBtn.click(function (event) {
+                    event.preventDefault();
+                    deferred.resolve($imageUrl.val());
+                });
+                $imageUrl.on('keyup paste', function () {
+                    var url = $imageUrl.val();
+                    _this.ui.toggleBtn($imageBtn, url);
+                }).val('');
+                if (!env.isSupportTouch) {
+                    $imageUrl.trigger('focus');
+                }
+                _this.bindEnterKey($imageUrl, $imageBtn);
+            });
+            _this.ui.onDialogHidden(_this.$dialog, function () {
+                $imageInput.off('change');
+                $imageUrl.off('keyup paste keypress');
+                $imageBtn.off('click');
+                if (deferred.state() === 'pending') {
+                    deferred.reject();
+                }
+            });
+            _this.ui.showDialog(_this.$dialog);
+        });
+    };
+    return ImageDialog;
+}());
+
+/**
+ * Image popover module
+ *  mouse events that show/hide popover will be handled by Handle.js.
+ *  Handle.js will receive the events and invoke 'imagePopover.update'.
+ */
+var ImagePopover = /** @class */ (function () {
+    function ImagePopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.editable = context.layoutInfo.editable[0];
+        this.options = context.options;
+        this.events = {
+            'summernote.disable': function () {
+                _this.hide();
+            }
+        };
+    }
+    ImagePopover.prototype.shouldInitialize = function () {
+        return !lists.isEmpty(this.options.popover.image);
+    };
+    ImagePopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-image-popover'
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content,.note-popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.image);
+    };
+    ImagePopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    ImagePopover.prototype.update = function (target) {
+        if (dom.isImg(target)) {
+            var pos = dom.posFromPlaceholder(target);
+            var posEditor = dom.posFromPlaceholder(this.editable);
+            this.$popover.css({
+                display: 'block',
+                left: this.options.popatmouse ? event.pageX - 20 : pos.left,
+                top: this.options.popatmouse ? event.pageY : Math.min(pos.top, posEditor.top)
+            });
+        }
+        else {
+            this.hide();
+        }
+    };
+    ImagePopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return ImagePopover;
+}());
+
+var TablePopover = /** @class */ (function () {
+    function TablePopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.options = context.options;
+        this.events = {
+            'summernote.mousedown': function (we, e) {
+                _this.update(e.target);
+            },
+            'summernote.keyup summernote.scroll summernote.change': function () {
+                _this.update();
+            },
+            'summernote.disable': function () {
+                _this.hide();
+            }
+        };
+    }
+    TablePopover.prototype.shouldInitialize = function () {
+        return !lists.isEmpty(this.options.popover.table);
+    };
+    TablePopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-table-popover'
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content,.note-popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.table);
+        // [workaround] Disable Firefox's default table editor
+        if (env.isFF) {
+            document.execCommand('enableInlineTableEditing', false, false);
+        }
+    };
+    TablePopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    TablePopover.prototype.update = function (target) {
+        if (this.context.isDisabled()) {
+            return false;
+        }
+        var isCell = dom.isCell(target);
+        if (isCell) {
+            var pos = dom.posFromPlaceholder(target);
+            this.$popover.css({
+                display: 'block',
+                left: pos.left,
+                top: pos.top
+            });
+        }
+        else {
+            this.hide();
+        }
+        return isCell;
+    };
+    TablePopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return TablePopover;
+}());
+
+var VideoDialog = /** @class */ (function () {
+    function VideoDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+    }
+    VideoDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var body = [
+            '<div class="form-group note-form-group row-fluid">',
+            "<label class=\"note-form-label\">" + this.lang.video.url + " <small class=\"text-muted\">" + this.lang.video.providers + "</small></label>",
+            '<input class="note-video-url form-control note-form-control note-input" type="text" />',
+            '</div>'
+        ].join('');
+        var buttonClass = 'btn btn-primary note-btn note-btn-primary note-video-btn';
+        var footer = "<button type=\"submit\" href=\"#\" class=\"" + buttonClass + "\" disabled>" + this.lang.video.insert + "</button>";
+        this.$dialog = this.ui.dialog({
+            title: this.lang.video.insert,
+            fade: this.options.dialogsFade,
+            body: body,
+            footer: footer
+        }).render().appendTo($container);
+    };
+    VideoDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    VideoDialog.prototype.bindEnterKey = function ($input, $btn) {
+        $input.on('keypress', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                event.preventDefault();
+                $btn.trigger('click');
+            }
+        });
+    };
+    VideoDialog.prototype.createVideoNode = function (url) {
+        // video url patterns(youtube, instagram, vimeo, dailymotion, youku, mp4, ogg, webm)
+        var ytRegExp = /^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/;
+        var ytMatch = url.match(ytRegExp);
+        var igRegExp = /(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/;
+        var igMatch = url.match(igRegExp);
+        var vRegExp = /\/\/vine\.co\/v\/([a-zA-Z0-9]+)/;
+        var vMatch = url.match(vRegExp);
+        var vimRegExp = /\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/;
+        var vimMatch = url.match(vimRegExp);
+        var dmRegExp = /.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/;
+        var dmMatch = url.match(dmRegExp);
+        var youkuRegExp = /\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/;
+        var youkuMatch = url.match(youkuRegExp);
+        var qqRegExp = /\/\/v\.qq\.com.*?vid=(.+)/;
+        var qqMatch = url.match(qqRegExp);
+        var qqRegExp2 = /\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/;
+        var qqMatch2 = url.match(qqRegExp2);
+        var mp4RegExp = /^.+.(mp4|m4v)$/;
+        var mp4Match = url.match(mp4RegExp);
+        var oggRegExp = /^.+.(ogg|ogv)$/;
+        var oggMatch = url.match(oggRegExp);
+        var webmRegExp = /^.+.(webm)$/;
+        var webmMatch = url.match(webmRegExp);
+        var $video;
+        if (ytMatch && ytMatch[1].length === 11) {
+            var youtubeId = ytMatch[1];
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', '//www.youtube.com/embed/' + youtubeId)
+                .attr('width', '640').attr('height', '360');
+        }
+        else if (igMatch && igMatch[0].length) {
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', 'https://instagram.com/p/' + igMatch[1] + '/embed/')
+                .attr('width', '612').attr('height', '710')
+                .attr('scrolling', 'no')
+                .attr('allowtransparency', 'true');
+        }
+        else if (vMatch && vMatch[0].length) {
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', vMatch[0] + '/embed/simple')
+                .attr('width', '600').attr('height', '600')
+                .attr('class', 'vine-embed');
+        }
+        else if (vimMatch && vimMatch[3].length) {
+            $video = $$1('<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>')
+                .attr('frameborder', 0)
+                .attr('src', '//player.vimeo.com/video/' + vimMatch[3])
+                .attr('width', '640').attr('height', '360');
+        }
+        else if (dmMatch && dmMatch[2].length) {
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', '//www.dailymotion.com/embed/video/' + dmMatch[2])
+                .attr('width', '640').attr('height', '360');
+        }
+        else if (youkuMatch && youkuMatch[1].length) {
+            $video = $$1('<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>')
+                .attr('frameborder', 0)
+                .attr('height', '498')
+                .attr('width', '510')
+                .attr('src', '//player.youku.com/embed/' + youkuMatch[1]);
+        }
+        else if ((qqMatch && qqMatch[1].length) || (qqMatch2 && qqMatch2[2].length)) {
+            var vid = ((qqMatch && qqMatch[1].length) ? qqMatch[1] : qqMatch2[2]);
+            $video = $$1('<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>')
+                .attr('frameborder', 0)
+                .attr('height', '310')
+                .attr('width', '500')
+                .attr('src', 'http://v.qq.com/iframe/player.html?vid=' + vid + '&amp;auto=0');
+        }
+        else if (mp4Match || oggMatch || webmMatch) {
+            $video = $$1('<video controls>')
+                .attr('src', url)
+                .attr('width', '640').attr('height', '360');
+        }
+        else {
+            // this is not a known video link. Now what, Cat? Now what?
+            return false;
+        }
+        $video.addClass('note-video-clip');
+        return $video[0];
+    };
+    VideoDialog.prototype.show = function () {
+        var _this = this;
+        var text = this.context.invoke('editor.getSelectedText');
+        this.context.invoke('editor.saveRange');
+        this.showVideoDialog(text).then(function (url) {
+            // [workaround] hide dialog before restore range for IE range focus
+            _this.ui.hideDialog(_this.$dialog);
+            _this.context.invoke('editor.restoreRange');
+            // build node
+            var $node = _this.createVideoNode(url);
+            if ($node) {
+                // insert video node
+                _this.context.invoke('editor.insertNode', $node);
+            }
+        }).fail(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    /**
+     * show image dialog
+     *
+     * @param {jQuery} $dialog
+     * @return {Promise}
+     */
+    VideoDialog.prototype.showVideoDialog = function (text) {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            var $videoUrl = _this.$dialog.find('.note-video-url');
+            var $videoBtn = _this.$dialog.find('.note-video-btn');
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                $videoUrl.val(text).on('input', function () {
+                    _this.ui.toggleBtn($videoBtn, $videoUrl.val());
+                });
+                if (!env.isSupportTouch) {
+                    $videoUrl.trigger('focus');
+                }
+                $videoBtn.click(function (event) {
+                    event.preventDefault();
+                    deferred.resolve($videoUrl.val());
+                });
+                _this.bindEnterKey($videoUrl, $videoBtn);
+            });
+            _this.ui.onDialogHidden(_this.$dialog, function () {
+                $videoUrl.off('input');
+                $videoBtn.off('click');
+                if (deferred.state() === 'pending') {
+                    deferred.reject();
+                }
+            });
+            _this.ui.showDialog(_this.$dialog);
+        });
+    };
+    return VideoDialog;
+}());
+
+var HelpDialog = /** @class */ (function () {
+    function HelpDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+    }
+    HelpDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var body = [
+            '<p class="text-center">',
+            '<a href="http://summernote.org/" target="_blank">Summernote 0.8.9</a> · ',
+            '<a href="https://github.com/summernote/summernote" target="_blank">Project</a> · ',
+            '<a href="https://github.com/summernote/summernote/issues" target="_blank">Issues</a>',
+            '</p>'
+        ].join('');
+        this.$dialog = this.ui.dialog({
+            title: this.lang.options.help,
+            fade: this.options.dialogsFade,
+            body: this.createShortcutList(),
+            footer: body,
+            callback: function ($node) {
+                $node.find('.modal-body,.note-modal-body').css({
+                    'max-height': 300,
+                    'overflow': 'scroll'
+                });
+            }
+        }).render().appendTo($container);
+    };
+    HelpDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    HelpDialog.prototype.createShortcutList = function () {
+        var _this = this;
+        var keyMap = this.options.keyMap[env.isMac ? 'mac' : 'pc'];
+        return Object.keys(keyMap).map(function (key) {
+            var command = keyMap[key];
+            var $row = $$1('<div><div class="help-list-item"/></div>');
+            $row.append($$1('<label><kbd>' + key + '</kdb></label>').css({
+                'width': 180,
+                'margin-right': 10
+            })).append($$1('<span/>').html(_this.context.memo('help.' + command) || command));
+            return $row.html();
+        }).join('');
+    };
+    /**
+     * show help dialog
+     *
+     * @return {Promise}
+     */
+    HelpDialog.prototype.showHelpDialog = function () {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                deferred.resolve();
+            });
+            _this.ui.showDialog(_this.$dialog);
+        }).promise();
+    };
+    HelpDialog.prototype.show = function () {
+        var _this = this;
+        this.context.invoke('editor.saveRange');
+        this.showHelpDialog().then(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    return HelpDialog;
+}());
+
+var AIR_MODE_POPOVER_X_OFFSET = 20;
+var AirPopover = /** @class */ (function () {
+    function AirPopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.options = context.options;
+        this.events = {
+            'summernote.keyup summernote.mouseup summernote.scroll': function () {
+                _this.update();
+            },
+            'summernote.disable summernote.change summernote.dialog.shown': function () {
+                _this.hide();
+            },
+            'summernote.focusout': function (we, e) {
+                // [workaround] Firefox doesn't support relatedTarget on focusout
+                //  - Ignore hide action on focus out in FF.
+                if (env.isFF) {
+                    return;
+                }
+                if (!e.relatedTarget || !dom.ancestor(e.relatedTarget, func.eq(_this.$popover[0]))) {
+                    _this.hide();
+                }
+            }
+        };
+    }
+    AirPopover.prototype.shouldInitialize = function () {
+        return this.options.airMode && !lists.isEmpty(this.options.popover.air);
+    };
+    AirPopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-air-popover'
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.air);
+    };
+    AirPopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    AirPopover.prototype.update = function () {
+        var styleInfo = this.context.invoke('editor.currentStyle');
+        if (styleInfo.range && !styleInfo.range.isCollapsed()) {
+            var rect = lists.last(styleInfo.range.getClientRects());
+            if (rect) {
+                var bnd = func.rect2bnd(rect);
+                this.$popover.css({
+                    display: 'block',
+                    left: Math.max(bnd.left + bnd.width / 2, 0) - AIR_MODE_POPOVER_X_OFFSET,
+                    top: bnd.top + bnd.height
+                });
+                this.context.invoke('buttons.updateCurrentStyle', this.$popover);
+            }
+        }
+        else {
+            this.hide();
+        }
+    };
+    AirPopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return AirPopover;
+}());
+
+var POPOVER_DIST = 5;
+var HintPopover = /** @class */ (function () {
+    function HintPopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+        this.hint = this.options.hint || [];
+        this.direction = this.options.hintDirection || 'bottom';
+        this.hints = $$1.isArray(this.hint) ? this.hint : [this.hint];
+        this.events = {
+            'summernote.keyup': function (we, e) {
+                if (!e.isDefaultPrevented()) {
+                    _this.handleKeyup(e);
+                }
+            },
+            'summernote.keydown': function (we, e) {
+                _this.handleKeydown(e);
+            },
+            'summernote.disable summernote.dialog.shown': function () {
+                _this.hide();
+            }
+        };
+    }
+    HintPopover.prototype.shouldInitialize = function () {
+        return this.hints.length > 0;
+    };
+    HintPopover.prototype.initialize = function () {
+        var _this = this;
+        this.lastWordRange = null;
+        this.$popover = this.ui.popover({
+            className: 'note-hint-popover',
+            hideArrow: true,
+            direction: ''
+        }).render().appendTo(this.options.container);
+        this.$popover.hide();
+        this.$content = this.$popover.find('.popover-content,.note-popover-content');
+        this.$content.on('click', '.note-hint-item', function () {
+            _this.$content.find('.active').removeClass('active');
+            $$1(_this).addClass('active');
+            _this.replace();
+        });
+    };
+    HintPopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    HintPopover.prototype.selectItem = function ($item) {
+        this.$content.find('.active').removeClass('active');
+        $item.addClass('active');
+        this.$content[0].scrollTop = $item[0].offsetTop - (this.$content.innerHeight() / 2);
+    };
+    HintPopover.prototype.moveDown = function () {
+        var $current = this.$content.find('.note-hint-item.active');
+        var $next = $current.next();
+        if ($next.length) {
+            this.selectItem($next);
+        }
+        else {
+            var $nextGroup = $current.parent().next();
+            if (!$nextGroup.length) {
+                $nextGroup = this.$content.find('.note-hint-group').first();
+            }
+            this.selectItem($nextGroup.find('.note-hint-item').first());
+        }
+    };
+    HintPopover.prototype.moveUp = function () {
+        var $current = this.$content.find('.note-hint-item.active');
+        var $prev = $current.prev();
+        if ($prev.length) {
+            this.selectItem($prev);
+        }
+        else {
+            var $prevGroup = $current.parent().prev();
+            if (!$prevGroup.length) {
+                $prevGroup = this.$content.find('.note-hint-group').last();
+            }
+            this.selectItem($prevGroup.find('.note-hint-item').last());
+        }
+    };
+    HintPopover.prototype.replace = function () {
+        var $item = this.$content.find('.note-hint-item.active');
+        if ($item.length) {
+            var node = this.nodeFromItem($item);
+            // XXX: consider to move codes to editor for recording redo/undo.
+            this.lastWordRange.insertNode(node);
+            range.createFromNode(node).collapse().select();
+            this.lastWordRange = null;
+            this.hide();
+            this.context.triggerEvent('change', this.$editable.html(), this.$editable[0]);
+            this.context.invoke('editor.focus');
+        }
+    };
+    HintPopover.prototype.nodeFromItem = function ($item) {
+        var hint = this.hints[$item.data('index')];
+        var item = $item.data('item');
+        var node = hint.content ? hint.content(item) : item;
+        if (typeof node === 'string') {
+            node = dom.createText(node);
+        }
+        return node;
+    };
+    HintPopover.prototype.createItemTemplates = function (hintIdx, items) {
+        var hint = this.hints[hintIdx];
+        return items.map(function (item, idx) {
+            var $item = $$1('<div class="note-hint-item"/>');
+            $item.append(hint.template ? hint.template(item) : item + '');
+            $item.data({
+                'index': hintIdx,
+                'item': item
+            });
+            return $item;
+        });
+    };
+    HintPopover.prototype.handleKeydown = function (e) {
+        if (!this.$popover.is(':visible')) {
+            return;
+        }
+        if (e.keyCode === key.code.ENTER) {
+            e.preventDefault();
+            this.replace();
+        }
+        else if (e.keyCode === key.code.UP) {
+            e.preventDefault();
+            this.moveUp();
+        }
+        else if (e.keyCode === key.code.DOWN) {
+            e.preventDefault();
+            this.moveDown();
+        }
+    };
+    HintPopover.prototype.searchKeyword = function (index, keyword, callback) {
+        var hint = this.hints[index];
+        if (hint && hint.match.test(keyword) && hint.search) {
+            var matches = hint.match.exec(keyword);
+            hint.search(matches[1], callback);
+        }
+        else {
+            callback();
+        }
+    };
+    HintPopover.prototype.createGroup = function (idx, keyword) {
+        var _this = this;
+        var $group = $$1('<div class="note-hint-group note-hint-group-' + idx + '"/>');
+        this.searchKeyword(idx, keyword, function (items) {
+            items = items || [];
+            if (items.length) {
+                $group.html(_this.createItemTemplates(idx, items));
+                _this.show();
+            }
+        });
+        return $group;
+    };
+    HintPopover.prototype.handleKeyup = function (e) {
+        var _this = this;
+        if (!lists.contains([key.code.ENTER, key.code.UP, key.code.DOWN], e.keyCode)) {
+            var wordRange = this.context.invoke('editor.createRange').getWordRange();
+            var keyword_1 = wordRange.toString();
+            if (this.hints.length && keyword_1) {
+                this.$content.empty();
+                var bnd = func.rect2bnd(lists.last(wordRange.getClientRects()));
+                if (bnd) {
+                    this.$popover.hide();
+                    this.lastWordRange = wordRange;
+                    this.hints.forEach(function (hint, idx) {
+                        if (hint.match.test(keyword_1)) {
+                            _this.createGroup(idx, keyword_1).appendTo(_this.$content);
+                        }
+                    });
+                    // select first .note-hint-item
+                    this.$content.find('.note-hint-item:first').addClass('active');
+                    // set position for popover after group is created
+                    if (this.direction === 'top') {
+                        this.$popover.css({
+                            left: bnd.left,
+                            top: bnd.top - this.$popover.outerHeight() - POPOVER_DIST
+                        });
+                    }
+                    else {
+                        this.$popover.css({
+                            left: bnd.left,
+                            top: bnd.top + bnd.height + POPOVER_DIST
+                        });
+                    }
+                }
+            }
+            else {
+                this.hide();
+            }
+        }
+    };
+    HintPopover.prototype.show = function () {
+        this.$popover.show();
+    };
+    HintPopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return HintPopover;
+}());
+
+var Context = /** @class */ (function () {
+    /**
+     * @param {jQuery} $note
+     * @param {Object} options
+     */
+    function Context($note, options) {
+        this.ui = $$1.summernote.ui;
+        this.$note = $note;
+        this.memos = {};
+        this.modules = {};
+        this.layoutInfo = {};
+        this.options = options;
+        this.initialize();
+    }
+    /**
+     * create layout and initialize modules and other resources
+     */
+    Context.prototype.initialize = function () {
+        this.layoutInfo = this.ui.createLayout(this.$note, this.options);
+        this._initialize();
+        this.$note.hide();
+        return this;
+    };
+    /**
+     * destroy modules and other resources and remove layout
+     */
+    Context.prototype.destroy = function () {
+        this._destroy();
+        this.$note.removeData('summernote');
+        this.ui.removeLayout(this.$note, this.layoutInfo);
+    };
+    /**
+     * destory modules and other resources and initialize it again
+     */
+    Context.prototype.reset = function () {
+        var disabled = this.isDisabled();
+        this.code(dom.emptyPara);
+        this._destroy();
+        this._initialize();
+        if (disabled) {
+            this.disable();
+        }
+    };
+    Context.prototype._initialize = function () {
+        var _this = this;
+        // add optional buttons
+        var buttons = $$1.extend({}, this.options.buttons);
+        Object.keys(buttons).forEach(function (key) {
+            _this.memo('button.' + key, buttons[key]);
+        });
+        var modules = $$1.extend({}, this.options.modules, $$1.summernote.plugins || {});
+        // add and initialize modules
+        Object.keys(modules).forEach(function (key) {
+            _this.module(key, modules[key], true);
+        });
+        Object.keys(this.modules).forEach(function (key) {
+            _this.initializeModule(key);
+        });
+    };
+    Context.prototype._destroy = function () {
+        var _this = this;
+        // destroy modules with reversed order
+        Object.keys(this.modules).reverse().forEach(function (key) {
+            _this.removeModule(key);
+        });
+        Object.keys(this.memos).forEach(function (key) {
+            _this.removeMemo(key);
+        });
+        // trigger custom onDestroy callback
+        this.triggerEvent('destroy', this);
+    };
+    Context.prototype.code = function (html) {
+        var isActivated = this.invoke('codeview.isActivated');
+        if (html === undefined) {
+            this.invoke('codeview.sync');
+            return isActivated ? this.layoutInfo.codable.val() : this.layoutInfo.editable.html();
+        }
+        else {
+            if (isActivated) {
+                this.layoutInfo.codable.val(html);
+            }
+            else {
+                this.layoutInfo.editable.html(html);
+            }
+            this.$note.val(html);
+            this.triggerEvent('change', html);
+        }
+    };
+    Context.prototype.isDisabled = function () {
+        return this.layoutInfo.editable.attr('contenteditable') === 'false';
+    };
+    Context.prototype.enable = function () {
+        this.layoutInfo.editable.attr('contenteditable', true);
+        this.invoke('toolbar.activate', true);
+        this.triggerEvent('disable', false);
+    };
+    Context.prototype.disable = function () {
+        // close codeview if codeview is opend
+        if (this.invoke('codeview.isActivated')) {
+            this.invoke('codeview.deactivate');
+        }
+        this.layoutInfo.editable.attr('contenteditable', false);
+        this.invoke('toolbar.deactivate', true);
+        this.triggerEvent('disable', true);
+    };
+    Context.prototype.triggerEvent = function () {
+        var namespace = lists.head(arguments);
+        var args = lists.tail(lists.from(arguments));
+        var callback = this.options.callbacks[func.namespaceToCamel(namespace, 'on')];
+        if (callback) {
+            callback.apply(this.$note[0], args);
+        }
+        this.$note.trigger('summernote.' + namespace, args);
+    };
+    Context.prototype.initializeModule = function (key) {
+        var module = this.modules[key];
+        module.shouldInitialize = module.shouldInitialize || func.ok;
+        if (!module.shouldInitialize()) {
+            return;
+        }
+        // initialize module
+        if (module.initialize) {
+            module.initialize();
+        }
+        // attach events
+        if (module.events) {
+            dom.attachEvents(this.$note, module.events);
+        }
+    };
+    Context.prototype.module = function (key, ModuleClass, withoutIntialize) {
+        if (arguments.length === 1) {
+            return this.modules[key];
+        }
+        this.modules[key] = new ModuleClass(this);
+        if (!withoutIntialize) {
+            this.initializeModule(key);
+        }
+    };
+    Context.prototype.removeModule = function (key) {
+        var module = this.modules[key];
+        if (module.shouldInitialize()) {
+            if (module.events) {
+                dom.detachEvents(this.$note, module.events);
+            }
+            if (module.destroy) {
+                module.destroy();
+            }
+        }
+        delete this.modules[key];
+    };
+    Context.prototype.memo = function (key, obj) {
+        if (arguments.length === 1) {
+            return this.memos[key];
+        }
+        this.memos[key] = obj;
+    };
+    Context.prototype.removeMemo = function (key) {
+        if (this.memos[key] && this.memos[key].destroy) {
+            this.memos[key].destroy();
+        }
+        delete this.memos[key];
+    };
+    /**
+     * Some buttons need to change their visual style immediately once they get pressed
+     */
+    Context.prototype.createInvokeHandlerAndUpdateState = function (namespace, value) {
+        var _this = this;
+        return function (event) {
+            _this.createInvokeHandler(namespace, value)(event);
+            _this.invoke('buttons.updateCurrentStyle');
+        };
+    };
+    Context.prototype.createInvokeHandler = function (namespace, value) {
+        var _this = this;
+        return function (event) {
+            event.preventDefault();
+            var $target = $$1(event.target);
+            _this.invoke(namespace, value || $target.closest('[data-value]').data('value'), $target);
+        };
+    };
+    Context.prototype.invoke = function () {
+        var namespace = lists.head(arguments);
+        var args = lists.tail(lists.from(arguments));
+        var splits = namespace.split('.');
+        var hasSeparator = splits.length > 1;
+        var moduleName = hasSeparator && lists.head(splits);
+        var methodName = hasSeparator ? lists.last(splits) : lists.head(splits);
+        var module = this.modules[moduleName || 'editor'];
+        if (!moduleName && this[methodName]) {
+            return this[methodName].apply(this, args);
+        }
+        else if (module && module[methodName] && module.shouldInitialize()) {
+            return module[methodName].apply(module, args);
+        }
+    };
+    return Context;
+}());
+
+$$1.fn.extend({
+    /**
+     * Summernote API
+     *
+     * @param {Object|String}
+     * @return {this}
+     */
+    summernote: function () {
+        var type = $$1.type(lists.head(arguments));
+        var isExternalAPICalled = type === 'string';
+        var hasInitOptions = type === 'object';
+        var options = $$1.extend({}, $$1.summernote.options, hasInitOptions ? lists.head(arguments) : {});
+        // Update options
+        options.langInfo = $$1.extend(true, {}, $$1.summernote.lang['en-US'], $$1.summernote.lang[options.lang]);
+        options.icons = $$1.extend(true, {}, $$1.summernote.options.icons, options.icons);
+        options.tooltip = options.tooltip === 'auto' ? !env.isSupportTouch : options.tooltip;
+        this.each(function (idx, note) {
+            var $note = $$1(note);
+            if (!$note.data('summernote')) {
+                var context = new Context($note, options);
+                $note.data('summernote', context);
+                $note.data('summernote').triggerEvent('init', context.layoutInfo);
+            }
+        });
+        var $note = this.first();
+        if ($note.length) {
+            var context = $note.data('summernote');
+            if (isExternalAPICalled) {
+                return context.invoke.apply(context, lists.from(arguments));
+            }
+            else if (options.focus) {
+                context.invoke('editor.focus');
+            }
+        }
+        return this;
+    }
+});
+
+$$1.summernote = $$1.extend($$1.summernote, {
+    version: '0.8.9',
+    ui: ui,
+    dom: dom,
+    plugins: {},
+    options: {
+        modules: {
+            'editor': Editor,
+            'clipboard': Clipboard,
+            'dropzone': Dropzone,
+            'codeview': CodeView,
+            'statusbar': Statusbar,
+            'fullscreen': Fullscreen,
+            'handle': Handle,
+            // FIXME: HintPopover must be front of autolink
+            //  - Script error about range when Enter key is pressed on hint popover
+            'hintPopover': HintPopover,
+            'autoLink': AutoLink,
+            'autoSync': AutoSync,
+            'placeholder': Placeholder,
+            'buttons': Buttons,
+            'toolbar': Toolbar,
+            'linkDialog': LinkDialog,
+            'linkPopover': LinkPopover,
+            'imageDialog': ImageDialog,
+            'imagePopover': ImagePopover,
+            'tablePopover': TablePopover,
+            'videoDialog': VideoDialog,
+            'helpDialog': HelpDialog,
+            'airPopover': AirPopover
+        },
+        buttons: {},
+        lang: 'en-US',
+        followingToolbar: true,
+        otherStaticBar: '',
+        // toolbar
+        toolbar: [
+            ['style', ['style']],
+            ['font', ['bold', 'underline', 'clear']],
+            ['fontname', ['fontname']],
+            ['color', ['color']],
+            ['para', ['ul', 'ol', 'paragraph']],
+            ['table', ['table']],
+            ['insert', ['link', 'picture', 'video']],
+            ['view', ['fullscreen', 'codeview', 'help']]
+        ],
+        // popover
+        popatmouse: true,
+        popover: {
+            image: [
+                ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
+                ['float', ['floatLeft', 'floatRight', 'floatNone']],
+                ['remove', ['removeMedia']]
+            ],
+            link: [
+                ['link', ['linkDialogShow', 'unlink']]
+            ],
+            table: [
+                ['add', ['addRowDown', 'addRowUp', 'addColLeft', 'addColRight']],
+                ['delete', ['deleteRow', 'deleteCol', 'deleteTable']]
+            ],
+            air: [
+                ['color', ['color']],
+                ['font', ['bold', 'underline', 'clear']],
+                ['para', ['ul', 'paragraph']],
+                ['table', ['table']],
+                ['insert', ['link', 'picture']]
+            ]
+        },
+        // air mode: inline editor
+        airMode: false,
+        width: null,
+        height: null,
+        linkTargetBlank: true,
+        focus: false,
+        tabSize: 4,
+        styleWithSpan: true,
+        shortcuts: true,
+        textareaAutoSync: true,
+        hintDirection: 'bottom',
+        tooltip: 'auto',
+        container: 'body',
+        maxTextLength: 0,
+        styleTags: [
+            'p',
+            { title: 'Blockquote', tag: 'blockquote', className: 'blockquote', value: 'blockquote' },
+            'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'
+        ],
+        fontNames: [
+            'Arial', 'Arial Black', 'Comic Sans MS', 'Courier New',
+            'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande',
+            'Tahoma', 'Times New Roman', 'Verdana'
+        ],
+        fontSizes: ['8', '9', '10', '11', '12', '14', '18', '24', '36'],
+        // pallete colors(n x n)
+        colors: [
+            ['#000000', '#424242', '#636363', '#9C9C94', '#CEC6CE', '#EFEFEF', '#F7F7F7', '#FFFFFF'],
+            ['#FF0000', '#FF9C00', '#FFFF00', '#00FF00', '#00FFFF', '#0000FF', '#9C00FF', '#FF00FF'],
+            ['#F7C6CE', '#FFE7CE', '#FFEFC6', '#D6EFD6', '#CEDEE7', '#CEE7F7', '#D6D6E7', '#E7D6DE'],
+            ['#E79C9C', '#FFC69C', '#FFE79C', '#B5D6A5', '#A5C6CE', '#9CC6EF', '#B5A5D6', '#D6A5BD'],
+            ['#E76363', '#F7AD6B', '#FFD663', '#94BD7B', '#73A5AD', '#6BADDE', '#8C7BC6', '#C67BA5'],
+            ['#CE0000', '#E79439', '#EFC631', '#6BA54A', '#4A7B8C', '#3984C6', '#634AA5', '#A54A7B'],
+            ['#9C0000', '#B56308', '#BD9400', '#397B21', '#104A5A', '#085294', '#311873', '#731842'],
+            ['#630000', '#7B3900', '#846300', '#295218', '#083139', '#003163', '#21104A', '#4A1031']
+        ],
+        lineHeights: ['1.0', '1.2', '1.4', '1.5', '1.6', '1.8', '2.0', '3.0'],
+        tableClassName: 'table table-bordered',
+        insertTableMaxSize: {
+            col: 10,
+            row: 10
+        },
+        dialogsInBody: false,
+        dialogsFade: false,
+        maximumImageFileSize: null,
+        callbacks: {
+            onInit: null,
+            onFocus: null,
+            onBlur: null,
+            onBlurCodeview: null,
+            onEnter: null,
+            onKeyup: null,
+            onKeydown: null,
+            onImageUpload: null,
+            onImageUploadError: null
+        },
+        codemirror: {
+            mode: 'text/html',
+            htmlMode: true,
+            lineNumbers: true
+        },
+        keyMap: {
+            pc: {
+                'ENTER': 'insertParagraph',
+                'CTRL+Z': 'undo',
+                'CTRL+Y': 'redo',
+                'TAB': 'tab',
+                'SHIFT+TAB': 'untab',
+                'CTRL+B': 'bold',
+                'CTRL+I': 'italic',
+                'CTRL+U': 'underline',
+                'CTRL+SHIFT+S': 'strikethrough',
+                'CTRL+BACKSLASH': 'removeFormat',
+                'CTRL+SHIFT+L': 'justifyLeft',
+                'CTRL+SHIFT+E': 'justifyCenter',
+                'CTRL+SHIFT+R': 'justifyRight',
+                'CTRL+SHIFT+J': 'justifyFull',
+                'CTRL+SHIFT+NUM7': 'insertUnorderedList',
+                'CTRL+SHIFT+NUM8': 'insertOrderedList',
+                'CTRL+LEFTBRACKET': 'outdent',
+                'CTRL+RIGHTBRACKET': 'indent',
+                'CTRL+NUM0': 'formatPara',
+                'CTRL+NUM1': 'formatH1',
+                'CTRL+NUM2': 'formatH2',
+                'CTRL+NUM3': 'formatH3',
+                'CTRL+NUM4': 'formatH4',
+                'CTRL+NUM5': 'formatH5',
+                'CTRL+NUM6': 'formatH6',
+                'CTRL+ENTER': 'insertHorizontalRule',
+                'CTRL+K': 'linkDialog.show'
+            },
+            mac: {
+                'ENTER': 'insertParagraph',
+                'CMD+Z': 'undo',
+                'CMD+SHIFT+Z': 'redo',
+                'TAB': 'tab',
+                'SHIFT+TAB': 'untab',
+                'CMD+B': 'bold',
+                'CMD+I': 'italic',
+                'CMD+U': 'underline',
+                'CMD+SHIFT+S': 'strikethrough',
+                'CMD+BACKSLASH': 'removeFormat',
+                'CMD+SHIFT+L': 'justifyLeft',
+                'CMD+SHIFT+E': 'justifyCenter',
+                'CMD+SHIFT+R': 'justifyRight',
+                'CMD+SHIFT+J': 'justifyFull',
+                'CMD+SHIFT+NUM7': 'insertUnorderedList',
+                'CMD+SHIFT+NUM8': 'insertOrderedList',
+                'CMD+LEFTBRACKET': 'outdent',
+                'CMD+RIGHTBRACKET': 'indent',
+                'CMD+NUM0': 'formatPara',
+                'CMD+NUM1': 'formatH1',
+                'CMD+NUM2': 'formatH2',
+                'CMD+NUM3': 'formatH3',
+                'CMD+NUM4': 'formatH4',
+                'CMD+NUM5': 'formatH5',
+                'CMD+NUM6': 'formatH6',
+                'CMD+ENTER': 'insertHorizontalRule',
+                'CMD+K': 'linkDialog.show'
+            }
+        },
+        icons: {
+            'align': 'note-icon-align',
+            'alignCenter': 'note-icon-align-center',
+            'alignJustify': 'note-icon-align-justify',
+            'alignLeft': 'note-icon-align-left',
+            'alignRight': 'note-icon-align-right',
+            'rowBelow': 'note-icon-row-below',
+            'colBefore': 'note-icon-col-before',
+            'colAfter': 'note-icon-col-after',
+            'rowAbove': 'note-icon-row-above',
+            'rowRemove': 'note-icon-row-remove',
+            'colRemove': 'note-icon-col-remove',
+            'indent': 'note-icon-align-indent',
+            'outdent': 'note-icon-align-outdent',
+            'arrowsAlt': 'note-icon-arrows-alt',
+            'bold': 'note-icon-bold',
+            'caret': 'note-icon-caret',
+            'circle': 'note-icon-circle',
+            'close': 'note-icon-close',
+            'code': 'note-icon-code',
+            'eraser': 'note-icon-eraser',
+            'font': 'note-icon-font',
+            'frame': 'note-icon-frame',
+            'italic': 'note-icon-italic',
+            'link': 'note-icon-link',
+            'unlink': 'note-icon-chain-broken',
+            'magic': 'note-icon-magic',
+            'menuCheck': 'note-icon-menu-check',
+            'minus': 'note-icon-minus',
+            'orderedlist': 'note-icon-orderedlist',
+            'pencil': 'note-icon-pencil',
+            'picture': 'note-icon-picture',
+            'question': 'note-icon-question',
+            'redo': 'note-icon-redo',
+            'square': 'note-icon-square',
+            'strikethrough': 'note-icon-strikethrough',
+            'subscript': 'note-icon-subscript',
+            'superscript': 'note-icon-superscript',
+            'table': 'note-icon-table',
+            'textHeight': 'note-icon-text-height',
+            'trash': 'note-icon-trash',
+            'underline': 'note-icon-underline',
+            'undo': 'note-icon-undo',
+            'unorderedlist': 'note-icon-unorderedlist',
+            'video': 'note-icon-video'
+        }
+    }
+});
+
+})));
+//# sourceMappingURL=summernote-bs4.js.map
diff --git a/static/old/summernote-bs4.min.js b/static/old/summernote-bs4.min.js
new file mode 100755
index 0000000..297de96
--- /dev/null
+++ b/static/old/summernote-bs4.min.js
@@ -0,0 +1,3 @@
+/*! Summernote v0.8.9 | (c) 2013- Alan Hong and other contributors | MIT license */
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],e):e(t.jQuery)}(this,function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var e=function(){function e(t,e,o,n){this.markup=t,this.children=e,this.options=o,this.callback=n}return e.prototype.render=function(e){var o=t(this.markup);if(this.options&&this.options.contents&&o.html(this.options.contents),this.options&&this.options.className&&o.addClass(this.options.className),this.options&&this.options.data&&t.each(this.options.data,function(t,e){o.attr("data-"+t,e)}),this.options&&this.options.click&&o.on("click",this.options.click),this.children){var n=o.find(".note-children-container");this.children.forEach(function(t){t.render(n.length?n:o)})}return this.callback&&this.callback(o,this.options),this.options&&this.options.callback&&this.options.callback(o),e&&e.append(o),o},e}(),o=function(o,n){return function(){var i="object"==typeof arguments[1]?arguments[1]:arguments[0],r=t.isArray(arguments[0])?arguments[0]:[];return i&&i.children&&(r=i.children),new e(o,r,i,n)}},n=o('<div class="note-editor note-frame card"/>'),i=o('<div class="note-toolbar-wrapper"><div class="note-toolbar card-header"></div></div>'),r=o('<div class="note-editing-area"/>'),s=o('<textarea class="note-codable"/>'),a=o('<div class="note-editable card-block" contentEditable="true"/>'),l=o(['<div class="note-statusbar">','  <div class="note-resizebar">','    <div class="note-icon-bar"/>','    <div class="note-icon-bar"/>','    <div class="note-icon-bar"/>',"  </div>","</div>"].join("")),c=o('<div class="note-editor"/>'),d=o('<div class="note-editable" contentEditable="true"/>'),u=o('<div class="note-btn-group btn-group">'),h=o('<div class="dropdown-menu">',function(e,o){var n=t.isArray(o.items)?o.items.map(function(t){var e="string"==typeof t?t:t.value||"",n=o.template?o.template(t):t,i="object"==typeof t?t.option:void 0;return'<a class="dropdown-item" href="#" '+('data-value="'+e+'"'+(void 0!==i?' data-option="'+i+'"':""))+">"+n+"</a>"}).join(""):o.items;e.html(n)}),p=o('<div class="dropdown-menu note-check">',function(e,o){var n=t.isArray(o.items)?o.items.map(function(t){var e="string"==typeof t?t:t.value||"",n=o.template?o.template(t):t;return'<a class="dropdown-item" href="#" data-value="'+e+'">'+b(o.checkClassName)+" "+n+"</a>"}).join(""):o.items;e.html(n)}),f=o('<div class="note-color-palette"/>',function(t,e){for(var o=[],n=0,i=e.colors.length;n<i;n++){for(var r=e.eventName,s=e.colors[n],a=[],l=0,c=s.length;l<c;l++){var d=s[l];a.push(['<button type="button" class="note-color-btn"','style="background-color:',d,'" ','data-event="',r,'" ','data-value="',d,'" ','title="',d,'" ','data-toggle="button" tabindex="-1"></button>'].join(""))}o.push('<div class="note-color-row">'+a.join("")+"</div>")}t.html(o.join("")),e.tooltip&&t.find(".note-color-btn").tooltip({container:e.container,trigger:"hover",placement:"bottom"})}),m=o('<div class="modal" aria-hidden="false" tabindex="-1"/>',function(t,e){e.fade&&t.addClass("fade"),t.html(['<div class="modal-dialog">','  <div class="modal-content">',e.title?'    <div class="modal-header">      <h4 class="modal-title">'+e.title+'</h4>      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>    </div>':"",'    <div class="modal-body">'+e.body+"</div>",e.footer?'    <div class="modal-footer">'+e.footer+"</div>":"","  </div>","</div>"].join(""))}),g=o(['<div class="note-popover popover in">','  <div class="arrow"/>','  <div class="popover-content note-children-container"/>',"</div>"].join(""),function(t,e){var o=void 0!==e.direction?e.direction:"bottom";t.addClass(o),e.hideArrow&&t.find(".arrow").hide()}),v=o('<label class="custom-control custom-checkbox"></label>',function(t,e){e.id&&t.attr("for",e.id),t.html([' <input type="checkbox" class="custom-control-input"'+(e.id?' id="'+e.id+'"':""),(e.checked?" checked":"")+"/>",' <span class="custom-control-indicator"></span>',' <span class="custom-control-description">'+(e.text?e.text:"")+"</span>","</label>"].join(""))}),b=function(t,e){return"<"+(e=e||"i")+' class="'+t+'"/>'},y={editor:n,toolbar:i,editingArea:r,codable:s,editable:a,statusbar:l,airEditor:c,airEditable:d,buttonGroup:u,dropdown:h,dropdownButtonContents:function(t){return t},dropdownCheck:p,palette:f,dialog:m,popover:g,icon:b,checkbox:v,options:{},button:function(t,e){return o('<button type="button" class="note-btn btn btn-light btn-sm" tabindex="-1">',function(t,e){e&&e.tooltip&&t.attr({title:e.tooltip}).tooltip({container:e.container,trigger:"hover",placement:"bottom"})})(t,e)},toggleBtn:function(t,e){t.toggleClass("disabled",!e),t.attr("disabled",!e)},toggleBtnActive:function(t,e){t.toggleClass("active",e)},onDialogShown:function(t,e){t.one("shown.bs.modal",e)},onDialogHidden:function(t,e){t.one("hidden.bs.modal",e)},showDialog:function(t){t.modal("show")},hideDialog:function(t){t.modal("hide")},createLayout:function(t,e){var o=(e.airMode?y.airEditor([y.editingArea([y.airEditable()])]):y.editor([y.toolbar(),y.editingArea([y.codable(),y.editable()]),y.statusbar()])).render();return o.insertAfter(t),{note:t,editor:o,toolbar:o.find(".note-toolbar"),editingArea:o.find(".note-editing-area"),editable:o.find(".note-editable"),codable:o.find(".note-codable"),statusbar:o.find(".note-statusbar")}},removeLayout:function(t,e){t.html(e.editable.html()),e.editor.remove(),t.show()}};var k=0;var C={eq:function(t){return function(e){return t===e}},eq2:function(t,e){return t===e},peq2:function(t){return function(e,o){return e[t]===o[t]}},ok:function(){return!0},fail:function(){return!1},self:function(t){return t},not:function(t){return function(){return!t.apply(t,arguments)}},and:function(t,e){return function(o){return t(o)&&e(o)}},invoke:function(t,e){return function(){return t[e].apply(t,arguments)}},uniqueId:function(t){var e=++k+"";return t?t+e:e},rect2bnd:function(t){var e=$(document);return{top:t.top+e.scrollTop(),left:t.left+e.scrollLeft(),width:t.right-t.left,height:t.bottom-t.top}},invertObject:function(t){var e={};for(var o in t)t.hasOwnProperty(o)&&(e[t[o]]=o);return e},namespaceToCamel:function(t,e){return(e=e||"")+t.split(".").map(function(t){return t.substring(0,1).toUpperCase()+t.substring(1)}).join("")},debounce:function(t,e,o){var n,i=this;return function(){var r=i,s=arguments,a=o&&!n;clearTimeout(n),n=setTimeout(function(){n=null,o||t.apply(r,s)},e),a&&t.apply(r,s)}}};function w(t){return t[0]}function x(t){return t[t.length-1]}function S(t){return t.slice(1)}function I(e,o){return t.inArray(o,e)}function T(t,e){return-1!==I(t,e)}var N={head:w,last:x,initial:function(t){return t.slice(0,t.length-1)},tail:S,prev:function(t,e){var o=I(t,e);return-1===o?null:t[o-1]},next:function(t,e){var o=I(t,e);return-1===o?null:t[o+1]},find:function(t,e){for(var o=0,n=t.length;o<n;o++){var i=t[o];if(e(i))return i}},contains:T,all:function(t,e){for(var o=0,n=t.length;o<n;o++)if(!e(t[o]))return!1;return!0},sum:function(t,e){return e=e||C.self,t.reduce(function(t,o){return t+e(o)},0)},from:function(t){for(var e=[],o=t.length,n=-1;++n<o;)e[n]=t[n];return e},isEmpty:function(t){return!t||!t.length},clusterBy:function(t,e){return t.length?S(t).reduce(function(t,o){var n=x(t);return e(x(n),o)?n[n.length]=o:t[t.length]=[o],t},[[w(t)]]):[]},compact:function(t){for(var e=[],o=0,n=t.length;o<n;o++)t[o]&&e.push(t[o]);return e},unique:function(t){for(var e=[],o=0,n=t.length;o<n;o++)T(e,t[o])||e.push(t[o]);return e}},E="function"==typeof define&&define.amd;var A,R=navigator.userAgent,L=/MSIE|Trident/i.test(R);if(L){var P=/MSIE (\d+[.]\d+)/.exec(R);P&&(A=parseFloat(P[1])),(P=/Trident\/.*rv:([0-9]{1,}[.0-9]{0,})/.exec(R))&&(A=parseFloat(P[1]))}var H=/Edge\/\d+/.test(R),D=!!window.CodeMirror;if(!D&&E)if("function"==typeof __webpack_require__)try{require.resolve("codemirror"),D=!0}catch(t){}else if("undefined"!=typeof require)if(void 0!==require.resolve)try{require.resolve("codemirror"),D=!0}catch(t){}else void 0!==require.specified&&(D=require.specified("codemirror"));var F="ontouchstart"in window||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0,z=L||H?"DOMCharacterDataModified DOMSubtreeModified DOMNodeInserted":"input",B={isMac:navigator.appVersion.indexOf("Mac")>-1,isMSIE:L,isEdge:H,isFF:!H&&/firefox/i.test(R),isPhantom:/PhantomJS/i.test(R),isWebkit:!H&&/webkit/i.test(R),isChrome:!H&&/chrome/i.test(R),isSafari:!H&&/safari/i.test(R),browserVersion:A,jqueryVersion:parseFloat(t.fn.jquery),isSupportAmd:E,isSupportTouch:F,hasCodeMirror:D,isFontInstalled:function(e){var o="Comic Sans MS"===e?"Courier New":"Comic Sans MS",n=t("<div>").css({position:"absolute",left:"-9999px",top:"-9999px",fontSize:"200px"}).text("mmmmmmmmmwwwwwww").appendTo(document.body),i=n.css("fontFamily",o).width(),r=n.css("fontFamily",e+","+o).width();return n.remove(),i!==r},isW3CRangeSupport:!!document.createRange,inputEventName:z},M=String.fromCharCode(160);function O(e){return e&&t(e).hasClass("note-editable")}function U(t){return t=t.toUpperCase(),function(e){return e&&e.nodeName.toUpperCase()===t}}function j(t){return t&&3===t.nodeType}function q(t){return t&&/^BR|^IMG|^HR|^IFRAME|^BUTTON|^INPUT/.test(t.nodeName.toUpperCase())}function K(t){return!O(t)&&(t&&/^DIV|^P|^LI|^H[1-7]/.test(t.nodeName.toUpperCase()))}var V=U("PRE"),W=U("LI");var _=U("TABLE"),G=U("DATA");function Z(t){return!(tt(t)||Y(t)||Q(t)||K(t)||_(t)||X(t)||G(t))}function Y(t){return t&&/^UL|^OL/.test(t.nodeName.toUpperCase())}var Q=U("HR");function J(t){return t&&/^TD|^TH/.test(t.nodeName.toUpperCase())}var X=U("BLOCKQUOTE");function tt(t){return J(t)||X(t)||O(t)}var et=U("A");var ot=U("BODY");var nt=B.isMSIE&&B.browserVersion<11?"&nbsp;":"<br>";function it(t){return j(t)?t.nodeValue.length:t?t.childNodes.length:0}function rt(t){var e=it(t);return 0===e||(!j(t)&&1===e&&t.innerHTML===nt||!(!N.all(t.childNodes,j)||""!==t.innerHTML))}function st(t){q(t)||it(t)||(t.innerHTML=nt)}function at(t,e){for(;t;){if(e(t))return t;if(O(t))break;t=t.parentNode}return null}function lt(t,e){e=e||C.fail;var o=[];return at(t,function(t){return O(t)||o.push(t),e(t)}),o}function ct(t,e){e=e||C.fail;for(var o=[];t&&!e(t);)o.push(t),t=t.nextSibling;return o}function dt(t,e){var o=e.nextSibling,n=e.parentNode;return o?n.insertBefore(t,o):n.appendChild(t),t}function ut(e,o){return t.each(o,function(t,o){e.appendChild(o)}),e}function ht(t){return 0===t.offset}function pt(t){return t.offset===it(t.node)}function ft(t){return ht(t)||pt(t)}function mt(t,e){for(;t&&t!==e;){if(0!==vt(t))return!1;t=t.parentNode}return!0}function gt(t,e){if(!e)return!1;for(;t&&t!==e;){if(vt(t)!==it(t.parentNode)-1)return!1;t=t.parentNode}return!0}function vt(t){for(var e=0;t=t.previousSibling;)e+=1;return e}function bt(t){return!!(t&&t.childNodes&&t.childNodes.length)}function yt(t,e){var o,n;if(0===t.offset){if(O(t.node))return null;o=t.node.parentNode,n=vt(t.node)}else bt(t.node)?n=it(o=t.node.childNodes[t.offset-1]):(o=t.node,n=e?0:t.offset-1);return{node:o,offset:n}}function kt(t,e){var o,n;if(it(t.node)===t.offset){if(O(t.node))return null;o=t.node.parentNode,n=vt(t.node)+1}else bt(t.node)?(o=t.node.childNodes[t.offset],n=0):(o=t.node,n=e?it(t.node):t.offset+1);return{node:o,offset:n}}function Ct(t,e){return t.node===e.node&&t.offset===e.offset}function wt(t,e){var o=e&&e.isSkipPaddingBlankHTML,n=e&&e.isNotSplitEdgePoint;if(ft(t)&&(j(t.node)||n)){if(ht(t))return t.node;if(pt(t))return t.node.nextSibling}if(j(t.node))return t.node.splitText(t.offset);var i=t.node.childNodes[t.offset],r=dt(t.node.cloneNode(!1),t.node);return ut(r,ct(i)),o||(st(t.node),st(r)),r}function xt(t,e,o){var n=lt(e.node,C.eq(t));return n.length?1===n.length?wt(e,o):n.reduce(function(t,n){return t===e.node&&(t=wt(e,o)),wt({node:n,offset:t?vt(t):it(n)},o)}):null}function St(t){return document.createElement(t)}function It(t,e){if(t&&t.parentNode){if(t.removeNode)return t.removeNode(e);var o=t.parentNode;if(!e){for(var n=[],i=0,r=t.childNodes.length;i<r;i++)n.push(t.childNodes[i]);for(i=0,r=n.length;i<r;i++)o.insertBefore(n[i],t)}o.removeChild(t)}}var Tt=U("TEXTAREA");function $t(t,e){var o=Tt(t[0])?t.val():t.html();return e?o.replace(/[\n\r]/g,""):o}var Nt={NBSP_CHAR:M,ZERO_WIDTH_NBSP_CHAR:"\ufeff",blank:nt,emptyPara:"<p>"+nt+"</p>",makePredByNodeName:U,isEditable:O,isControlSizing:function(e){return e&&t(e).hasClass("note-control-sizing")},isText:j,isElement:function(t){return t&&1===t.nodeType},isVoid:q,isPara:K,isPurePara:function(t){return K(t)&&!W(t)},isHeading:function(t){return t&&/^H[1-7]/.test(t.nodeName.toUpperCase())},isInline:Z,isBlock:C.not(Z),isBodyInline:function(t){return Z(t)&&!at(t,K)},isBody:ot,isParaInline:function(t){return Z(t)&&!!at(t,K)},isPre:V,isList:Y,isTable:_,isData:G,isCell:J,isBlockquote:X,isBodyContainer:tt,isAnchor:et,isDiv:U("DIV"),isLi:W,isBR:U("BR"),isSpan:U("SPAN"),isB:U("B"),isU:U("U"),isS:U("S"),isI:U("I"),isImg:U("IMG"),isTextarea:Tt,isEmpty:rt,isEmptyAnchor:C.and(et,rt),isClosestSibling:function(t,e){return t.nextSibling===e||t.previousSibling===e},withClosestSiblings:function(t,e){e=e||C.ok;var o=[];return t.previousSibling&&e(t.previousSibling)&&o.push(t.previousSibling),o.push(t),t.nextSibling&&e(t.nextSibling)&&o.push(t.nextSibling),o},nodeLength:it,isLeftEdgePoint:ht,isRightEdgePoint:pt,isEdgePoint:ft,isLeftEdgeOf:mt,isRightEdgeOf:gt,isLeftEdgePointOf:function(t,e){return ht(t)&&mt(t.node,e)},isRightEdgePointOf:function(t,e){return pt(t)&&gt(t.node,e)},prevPoint:yt,nextPoint:kt,isSamePoint:Ct,isVisiblePoint:function(t){if(j(t.node)||!bt(t.node)||rt(t.node))return!0;var e=t.node.childNodes[t.offset-1],o=t.node.childNodes[t.offset];return!(e&&!q(e)||o&&!q(o))},prevPointUntil:function(t,e){for(;t;){if(e(t))return t;t=yt(t)}return null},nextPointUntil:function(t,e){for(;t;){if(e(t))return t;t=kt(t)}return null},isCharPoint:function(t){if(!j(t.node))return!1;var e=t.node.nodeValue.charAt(t.offset-1);return e&&" "!==e&&e!==M},walkPoint:function(t,e,o,n){for(var i=t;i&&(o(i),!Ct(i,e));)i=kt(i,n&&t.node!==i.node&&e.node!==i.node)},ancestor:at,singleChildAncestor:function(t,e){for(t=t.parentNode;t&&1===it(t);){if(e(t))return t;if(O(t))break;t=t.parentNode}return null},listAncestor:lt,lastAncestor:function(t,e){var o=lt(t);return N.last(o.filter(e))},listNext:ct,listPrev:function(t,e){e=e||C.fail;for(var o=[];t&&!e(t);)o.push(t),t=t.previousSibling;return o},listDescendant:function(t,e){var o=[];return e=e||C.ok,function n(i){t!==i&&e(i)&&o.push(i);for(var r=0,s=i.childNodes.length;r<s;r++)n(i.childNodes[r])}(t),o},commonAncestor:function(e,o){for(var n=lt(e),i=o;i;i=i.parentNode)if(t.inArray(i,n)>-1)return i;return null},wrap:function(e,o){var n=e.parentNode,i=t("<"+o+">")[0];return n.insertBefore(i,e),i.appendChild(e),i},insertAfter:dt,appendChildNodes:ut,position:vt,hasChildren:bt,makeOffsetPath:function(t,e){return lt(e,C.eq(t)).map(vt).reverse()},fromOffsetPath:function(t,e){for(var o=t,n=0,i=e.length;n<i;n++)o=o.childNodes.length<=e[n]?o.childNodes[o.childNodes.length-1]:o.childNodes[e[n]];return o},splitTree:xt,splitPoint:function(t,e){var o,n,i=e?K:tt,r=lt(t.node,i),s=N.last(r)||t.node;i(s)?(o=r[r.length-2],n=s):n=(o=s).parentNode;var a=o&&xt(o,t,{isSkipPaddingBlankHTML:e,isNotSplitEdgePoint:e});return a||n!==t.node||(a=t.node.childNodes[t.offset]),{rightNode:a,container:n}},create:St,createText:function(t){return document.createTextNode(t)},remove:It,removeWhile:function(t,e){for(;t&&!O(t)&&e(t);){var o=t.parentNode;It(t),t=o}},replace:function(t,e){if(t.nodeName.toUpperCase()===e.toUpperCase())return t;var o=St(e);return t.style.cssText&&(o.style.cssText=t.style.cssText),ut(o,N.from(t.childNodes)),dt(o,t),It(t),o},html:function(e,o){var n=$t(e);o&&(n=n.replace(/<(\/?)(\b(?!!)[^>\s]*)(.*?)(\s*\/?>)/g,function(t,e,o){o=o.toUpperCase();var n=/^DIV|^TD|^TH|^P|^LI|^H[1-7]/.test(o)&&!!e,i=/^BLOCKQUOTE|^TABLE|^TBODY|^TR|^HR|^UL|^OL/.test(o);return t+(n||i?"\n":"")}),n=t.trim(n));return n},value:$t,posFromPlaceholder:function(e){var o=t(e),n=o.offset(),i=o.outerHeight(!0);return{left:n.left,top:n.top+i}},attachEvents:function(t,e){Object.keys(e).forEach(function(o){t.on(o,e[o])})},detachEvents:function(t,e){Object.keys(e).forEach(function(o){t.off(o,e[o])})},isCustomStyleTag:function(t){return t&&!j(t)&&N.contains(t.classList,"note-styletag")}};t.summernote=t.summernote||{lang:{}},t.extend(t.summernote.lang,{"en-US":{font:{bold:"Bold",italic:"Italic",underline:"Underline",clear:"Remove Font Style",height:"Line Height",name:"Font Family",strikethrough:"Strikethrough",subscript:"Subscript",superscript:"Superscript",size:"Font Size"},image:{image:"Picture",insert:"Insert Image",resizeFull:"Resize Full",resizeHalf:"Resize Half",resizeQuarter:"Resize Quarter",floatLeft:"Float Left",floatRight:"Float Right",floatNone:"Float None",shapeRounded:"Shape: Rounded",shapeCircle:"Shape: Circle",shapeThumbnail:"Shape: Thumbnail",shapeNone:"Shape: None",dragImageHere:"Drag image or text here",dropImage:"Drop image or Text",selectFromFiles:"Select from files",maximumFileSize:"Maximum file size",maximumFileSizeError:"Maximum file size exceeded.",url:"Image URL",remove:"Remove Image",original:"Original"},video:{video:"Video",videoLink:"Video Link",insert:"Insert Video",url:"Video URL",providers:"(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)"},link:{link:"Link",insert:"Insert Link",unlink:"Unlink",edit:"Edit",textToDisplay:"Text to display",url:"To what URL should this link go?",openInNewWindow:"Open in new window"},table:{table:"Table",addRowAbove:"Add row above",addRowBelow:"Add row below",addColLeft:"Add column left",addColRight:"Add column right",delRow:"Delete row",delCol:"Delete column",delTable:"Delete table"},hr:{insert:"Insert Horizontal Rule"},style:{style:"Style",p:"Normal",blockquote:"Quote",pre:"Code",h1:"Header 1",h2:"Header 2",h3:"Header 3",h4:"Header 4",h5:"Header 5",h6:"Header 6"},lists:{unordered:"Unordered list",ordered:"Ordered list"},options:{help:"Help",fullscreen:"Full Screen",codeview:"Code View"},paragraph:{paragraph:"Paragraph",outdent:"Outdent",indent:"Indent",left:"Align left",center:"Align center",right:"Align right",justify:"Justify full"},color:{recent:"Recent Color",more:"More Color",background:"Background Color",foreground:"Foreground Color",transparent:"Transparent",setTransparent:"Set transparent",reset:"Reset",resetToDefault:"Reset to default"},shortcut:{shortcuts:"Keyboard shortcuts",close:"Close",textFormatting:"Text formatting",action:"Action",paragraphFormatting:"Paragraph formatting",documentStyle:"Document Style",extraKeys:"Extra keys"},help:{insertParagraph:"Insert Paragraph",undo:"Undoes the last command",redo:"Redoes the last command",tab:"Tab",untab:"Untab",bold:"Set a bold style",italic:"Set a italic style",underline:"Set a underline style",strikethrough:"Set a strikethrough style",removeFormat:"Clean a style",justifyLeft:"Set left align",justifyCenter:"Set center align",justifyRight:"Set right align",justifyFull:"Set full align",insertUnorderedList:"Toggle unordered list",insertOrderedList:"Toggle ordered list",outdent:"Outdent on current paragraph",indent:"Indent on current paragraph",formatPara:"Change current block's format as a paragraph(P tag)",formatH1:"Change current block's format as H1",formatH2:"Change current block's format as H2",formatH3:"Change current block's format as H3",formatH4:"Change current block's format as H4",formatH5:"Change current block's format as H5",formatH6:"Change current block's format as H6",insertHorizontalRule:"Insert horizontal rule","linkDialog.show":"Show Link Dialog"},history:{undo:"Undo",redo:"Redo"},specialChar:{specialChar:"SPECIAL CHARACTERS",select:"Select Special characters"}}});var Et={BACKSPACE:8,TAB:9,ENTER:13,SPACE:32,DELETE:46,LEFT:37,UP:38,RIGHT:39,DOWN:40,NUM0:48,NUM1:49,NUM2:50,NUM3:51,NUM4:52,NUM5:53,NUM6:54,NUM7:55,NUM8:56,B:66,E:69,I:73,J:74,K:75,L:76,R:82,S:83,U:85,V:86,Y:89,Z:90,SLASH:191,LEFTBRACKET:219,BACKSLASH:220,RIGHTBRACKET:221},At={isEdit:function(t){return N.contains([Et.BACKSPACE,Et.TAB,Et.ENTER,Et.SPACE,Et.DELETE],t)},isMove:function(t){return N.contains([Et.LEFT,Et.UP,Et.RIGHT,Et.DOWN],t)},nameFromCode:C.invertObject(Et),code:Et};function Rt(t,e){var o,n,i=t.parentElement(),r=document.body.createTextRange(),s=N.from(i.childNodes);for(o=0;o<s.length;o++)if(!Nt.isText(s[o])){if(r.moveToElementText(s[o]),r.compareEndPoints("StartToStart",t)>=0)break;n=s[o]}if(0!==o&&Nt.isText(s[o-1])){var a=document.body.createTextRange(),l=null;a.moveToElementText(n||i),a.collapse(!n),l=n?n.nextSibling:i.firstChild;var c=t.duplicate();c.setEndPoint("StartToStart",a);for(var d=c.text.replace(/[\r\n]/g,"").length;d>l.nodeValue.length&&l.nextSibling;)d-=l.nodeValue.length,l=l.nextSibling;l.nodeValue;e&&l.nextSibling&&Nt.isText(l.nextSibling)&&d===l.nodeValue.length&&(d-=l.nodeValue.length,l=l.nextSibling),i=l,o=d}return{cont:i,offset:o}}function Lt(t){var e=function(t,o){var n,i;if(Nt.isText(t)){var r=Nt.listPrev(t,C.not(Nt.isText)),s=N.last(r).previousSibling;n=s||t.parentNode,o+=N.sum(N.tail(r),Nt.nodeLength),i=!s}else{if(n=t.childNodes[o]||t,Nt.isText(n))return e(n,0);o=0,i=!1}return{node:n,collapseToStart:i,offset:o}},o=document.body.createTextRange(),n=e(t.node,t.offset);return o.moveToElementText(n.node),o.collapse(n.collapseToStart),o.moveStart("character",n.offset),o}var Pt=function(){function e(t,e,o,n){this.sc=t,this.so=e,this.ec=o,this.eo=n,this.isOnEditable=this.makeIsOn(Nt.isEditable),this.isOnList=this.makeIsOn(Nt.isList),this.isOnAnchor=this.makeIsOn(Nt.isAnchor),this.isOnCell=this.makeIsOn(Nt.isCell),this.isOnData=this.makeIsOn(Nt.isData)}return e.prototype.nativeRange=function(){if(B.isW3CRangeSupport){var t=document.createRange();return t.setStart(this.sc,this.so),t.setEnd(this.ec,this.eo),t}var e=Lt({node:this.sc,offset:this.so});return e.setEndPoint("EndToEnd",Lt({node:this.ec,offset:this.eo})),e},e.prototype.getPoints=function(){return{sc:this.sc,so:this.so,ec:this.ec,eo:this.eo}},e.prototype.getStartPoint=function(){return{node:this.sc,offset:this.so}},e.prototype.getEndPoint=function(){return{node:this.ec,offset:this.eo}},e.prototype.select=function(){var t=this.nativeRange();if(B.isW3CRangeSupport){var e=document.getSelection();e.rangeCount>0&&e.removeAllRanges(),e.addRange(t)}else t.select();return this},e.prototype.scrollIntoView=function(e){var o=t(e).height();return e.scrollTop+o<this.sc.offsetTop&&(e.scrollTop+=Math.abs(e.scrollTop+o-this.sc.offsetTop)),this},e.prototype.normalize=function(){var t=function(t,e){if(Nt.isVisiblePoint(t)&&!Nt.isEdgePoint(t)||Nt.isVisiblePoint(t)&&Nt.isRightEdgePoint(t)&&!e||Nt.isVisiblePoint(t)&&Nt.isLeftEdgePoint(t)&&e||Nt.isVisiblePoint(t)&&Nt.isBlock(t.node)&&Nt.isEmpty(t.node))return t;var o=Nt.ancestor(t.node,Nt.isBlock);if((Nt.isLeftEdgePointOf(t,o)||Nt.isVoid(Nt.prevPoint(t).node))&&!e||(Nt.isRightEdgePointOf(t,o)||Nt.isVoid(Nt.nextPoint(t).node))&&e){if(Nt.isVisiblePoint(t))return t;e=!e}return(e?Nt.nextPointUntil(Nt.nextPoint(t),Nt.isVisiblePoint):Nt.prevPointUntil(Nt.prevPoint(t),Nt.isVisiblePoint))||t},o=t(this.getEndPoint(),!1),n=this.isCollapsed()?o:t(this.getStartPoint(),!0);return new e(n.node,n.offset,o.node,o.offset)},e.prototype.nodes=function(t,e){t=t||C.ok;var o=e&&e.includeAncestor,n=e&&e.fullyContains,i=this.getStartPoint(),r=this.getEndPoint(),s=[],a=[];return Nt.walkPoint(i,r,function(e){if(!Nt.isEditable(e.node)){var i;n?(Nt.isLeftEdgePoint(e)&&a.push(e.node),Nt.isRightEdgePoint(e)&&N.contains(a,e.node)&&(i=e.node)):i=o?Nt.ancestor(e.node,t):e.node,i&&t(i)&&s.push(i)}},!0),N.unique(s)},e.prototype.commonAncestor=function(){return Nt.commonAncestor(this.sc,this.ec)},e.prototype.expand=function(t){var o=Nt.ancestor(this.sc,t),n=Nt.ancestor(this.ec,t);if(!o&&!n)return new e(this.sc,this.so,this.ec,this.eo);var i=this.getPoints();return o&&(i.sc=o,i.so=0),n&&(i.ec=n,i.eo=Nt.nodeLength(n)),new e(i.sc,i.so,i.ec,i.eo)},e.prototype.collapse=function(t){return t?new e(this.sc,this.so,this.sc,this.so):new e(this.ec,this.eo,this.ec,this.eo)},e.prototype.splitText=function(){var t=this.sc===this.ec,o=this.getPoints();return Nt.isText(this.ec)&&!Nt.isEdgePoint(this.getEndPoint())&&this.ec.splitText(this.eo),Nt.isText(this.sc)&&!Nt.isEdgePoint(this.getStartPoint())&&(o.sc=this.sc.splitText(this.so),o.so=0,t&&(o.ec=o.sc,o.eo=this.eo-this.so)),new e(o.sc,o.so,o.ec,o.eo)},e.prototype.deleteContents=function(){if(this.isCollapsed())return this;var o=this.splitText(),n=o.nodes(null,{fullyContains:!0}),i=Nt.prevPointUntil(o.getStartPoint(),function(t){return!N.contains(n,t.node)}),r=[];return t.each(n,function(t,e){var o=e.parentNode;i.node!==o&&1===Nt.nodeLength(o)&&r.push(o),Nt.remove(e,!1)}),t.each(r,function(t,e){Nt.remove(e,!1)}),new e(i.node,i.offset,i.node,i.offset).normalize()},e.prototype.makeIsOn=function(t){return function(){var e=Nt.ancestor(this.sc,t);return!!e&&e===Nt.ancestor(this.ec,t)}},e.prototype.isLeftEdgeOf=function(t){if(!Nt.isLeftEdgePoint(this.getStartPoint()))return!1;var e=Nt.ancestor(this.sc,t);return e&&Nt.isLeftEdgeOf(this.sc,e)},e.prototype.isCollapsed=function(){return this.sc===this.ec&&this.so===this.eo},e.prototype.wrapBodyInlineWithPara=function(){if(Nt.isBodyContainer(this.sc)&&Nt.isEmpty(this.sc))return this.sc.innerHTML=Nt.emptyPara,new e(this.sc.firstChild,0,this.sc.firstChild,0);var t=this.normalize();if(Nt.isParaInline(this.sc)||Nt.isPara(this.sc))return t;var o;if(Nt.isInline(t.sc)){var n=Nt.listAncestor(t.sc,C.not(Nt.isInline));o=N.last(n),Nt.isInline(o)||(o=n[n.length-2]||t.sc.childNodes[t.so])}else o=t.sc.childNodes[t.so>0?t.so-1:0];var i=Nt.listPrev(o,Nt.isParaInline).reverse();if((i=i.concat(Nt.listNext(o.nextSibling,Nt.isParaInline))).length){var r=Nt.wrap(N.head(i),"p");Nt.appendChildNodes(r,N.tail(i))}return this.normalize()},e.prototype.insertNode=function(t){var e=this.wrapBodyInlineWithPara().deleteContents(),o=Nt.splitPoint(e.getStartPoint(),Nt.isInline(t));return o.rightNode?o.rightNode.parentNode.insertBefore(t,o.rightNode):o.container.appendChild(t),t},e.prototype.pasteHTML=function(e){var o=t("<div></div>").html(e)[0],n=N.from(o.childNodes),i=this.wrapBodyInlineWithPara().deleteContents();return n.reverse().map(function(t){return i.insertNode(t)}).reverse()},e.prototype.toString=function(){var t=this.nativeRange();return B.isW3CRangeSupport?t.toString():t.text},e.prototype.getWordRange=function(t){var o=this.getEndPoint();if(!Nt.isCharPoint(o))return this;var n=Nt.prevPointUntil(o,function(t){return!Nt.isCharPoint(t)});return t&&(o=Nt.nextPointUntil(o,function(t){return!Nt.isCharPoint(t)})),new e(n.node,n.offset,o.node,o.offset)},e.prototype.bookmark=function(t){return{s:{path:Nt.makeOffsetPath(t,this.sc),offset:this.so},e:{path:Nt.makeOffsetPath(t,this.ec),offset:this.eo}}},e.prototype.paraBookmark=function(t){return{s:{path:N.tail(Nt.makeOffsetPath(N.head(t),this.sc)),offset:this.so},e:{path:N.tail(Nt.makeOffsetPath(N.last(t),this.ec)),offset:this.eo}}},e.prototype.getClientRects=function(){return this.nativeRange().getClientRects()},e}(),Ht={create:function(t,e,o,n){if(4===arguments.length)return new Pt(t,e,o,n);if(2===arguments.length)return new Pt(t,e,o=t,n=e);var i=this.createFromSelection();return i||1!==arguments.length?i:(i=this.createFromNode(arguments[0])).collapse(Nt.emptyPara===arguments[0].innerHTML)},createFromSelection:function(){var t,e,o,n;if(B.isW3CRangeSupport){var i=document.getSelection();if(!i||0===i.rangeCount)return null;if(Nt.isBody(i.anchorNode))return null;var r=i.getRangeAt(0);t=r.startContainer,e=r.startOffset,o=r.endContainer,n=r.endOffset}else{var s=document.selection.createRange(),a=s.duplicate();a.collapse(!1);var l=s;l.collapse(!0);var c=Rt(l,!0),d=Rt(a,!1);Nt.isText(c.node)&&Nt.isLeftEdgePoint(c)&&Nt.isTextNode(d.node)&&Nt.isRightEdgePoint(d)&&d.node.nextSibling===c.node&&(c=d),t=c.cont,e=c.offset,o=d.cont,n=d.offset}return new Pt(t,e,o,n)},createFromNode:function(t){var e=t,o=0,n=t,i=Nt.nodeLength(n);return Nt.isVoid(e)&&(o=Nt.listPrev(e).length-1,e=e.parentNode),Nt.isBR(n)?(i=Nt.listPrev(n).length-1,n=n.parentNode):Nt.isVoid(n)&&(i=Nt.listPrev(n).length,n=n.parentNode),this.create(e,o,n,i)},createFromNodeBefore:function(t){return this.createFromNode(t).collapse(!0)},createFromNodeAfter:function(t){return this.createFromNode(t).collapse()},createFromBookmark:function(t,e){var o=Nt.fromOffsetPath(t,e.s.path),n=e.s.offset,i=Nt.fromOffsetPath(t,e.e.path),r=e.e.offset;return new Pt(o,n,i,r)},createFromParaBookmark:function(t,e){var o=t.s.offset,n=t.e.offset,i=Nt.fromOffsetPath(N.head(e),t.s.path),r=Nt.fromOffsetPath(N.last(e),t.e.path);return new Pt(i,o,r,n)}};var Dt=function(){function t(t){this.stack=[],this.stackOffset=-1,this.$editable=t,this.editable=t[0]}return t.prototype.makeSnapshot=function(){var t=Ht.create(this.editable);return{contents:this.$editable.html(),bookmark:t?t.bookmark(this.editable):{s:{path:[],offset:0},e:{path:[],offset:0}}}},t.prototype.applySnapshot=function(t){null!==t.contents&&this.$editable.html(t.contents),null!==t.bookmark&&Ht.createFromBookmark(this.editable,t.bookmark).select()},t.prototype.rewind=function(){this.$editable.html()!==this.stack[this.stackOffset].contents&&this.recordUndo(),this.stackOffset=0,this.applySnapshot(this.stack[this.stackOffset])},t.prototype.reset=function(){this.stack=[],this.stackOffset=-1,this.$editable.html(""),this.recordUndo()},t.prototype.undo=function(){this.$editable.html()!==this.stack[this.stackOffset].contents&&this.recordUndo(),this.stackOffset>0&&(this.stackOffset--,this.applySnapshot(this.stack[this.stackOffset]))},t.prototype.redo=function(){this.stack.length-1>this.stackOffset&&(this.stackOffset++,this.applySnapshot(this.stack[this.stackOffset]))},t.prototype.recordUndo=function(){this.stackOffset++,this.stack.length>this.stackOffset&&(this.stack=this.stack.slice(0,this.stackOffset)),this.stack.push(this.makeSnapshot())},t}(),Ft=function(){function e(){}return e.prototype.jQueryCSS=function(e,o){if(B.jqueryVersion<1.9){var n={};return t.each(o,function(t,o){n[o]=e.css(o)}),n}return e.css(o)},e.prototype.fromNode=function(t){var e=this.jQueryCSS(t,["font-family","font-size","text-align","list-style-type","line-height"])||{};return e["font-size"]=parseInt(e["font-size"],10),e},e.prototype.stylePara=function(e,o){t.each(e.nodes(Nt.isPara,{includeAncestor:!0}),function(e,n){t(n).css(o)})},e.prototype.styleNodes=function(e,o){e=e.splitText();var n=o&&o.nodeName||"SPAN",i=!(!o||!o.expandClosestSibling),r=!(!o||!o.onlyPartialContains);if(e.isCollapsed())return[e.insertNode(Nt.create(n))];var s=Nt.makePredByNodeName(n),a=e.nodes(Nt.isText,{fullyContains:!0}).map(function(t){return Nt.singleChildAncestor(t,s)||Nt.wrap(t,n)});if(i){if(r){var l=e.nodes();s=C.and(s,function(t){return N.contains(l,t)})}return a.map(function(e){var o=Nt.withClosestSiblings(e,s),n=N.head(o),i=N.tail(o);return t.each(i,function(t,e){Nt.appendChildNodes(n,e.childNodes),Nt.remove(e)}),N.head(o)})}return a},e.prototype.current=function(e){var o=t(Nt.isElement(e.sc)?e.sc:e.sc.parentNode),n=this.fromNode(o);try{n=t.extend(n,{"font-bold":document.queryCommandState("bold")?"bold":"normal","font-italic":document.queryCommandState("italic")?"italic":"normal","font-underline":document.queryCommandState("underline")?"underline":"normal","font-subscript":document.queryCommandState("subscript")?"subscript":"normal","font-superscript":document.queryCommandState("superscript")?"superscript":"normal","font-strikethrough":document.queryCommandState("strikethrough")?"strikethrough":"normal","font-family":document.queryCommandValue("fontname")||n["font-family"]})}catch(t){}if(e.isOnList()){var i=t.inArray(n["list-style-type"],["circle","disc","disc-leading-zero","square"])>-1;n["list-style"]=i?"unordered":"ordered"}else n["list-style"]="none";var r=Nt.ancestor(e.sc,Nt.isPara);if(r&&r.style["line-height"])n["line-height"]=r.style.lineHeight;else{var s=parseInt(n["line-height"],10)/parseInt(n["font-size"],10);n["line-height"]=s.toFixed(1)}return n.anchor=e.isOnAnchor()&&Nt.ancestor(e.sc,Nt.isAnchor),n.ancestors=Nt.listAncestor(e.sc,Nt.isEditable),n.range=e,n},e}(),zt=function(){function e(){}return e.prototype.insertOrderedList=function(t){this.toggleList("OL",t)},e.prototype.insertUnorderedList=function(t){this.toggleList("UL",t)},e.prototype.indent=function(e){var o=this,n=Ht.create(e).wrapBodyInlineWithPara(),i=n.nodes(Nt.isPara,{includeAncestor:!0}),r=N.clusterBy(i,C.peq2("parentNode"));t.each(r,function(e,n){var i=N.head(n);Nt.isLi(i)?o.wrapList(n,i.parentNode.nodeName):t.each(n,function(e,o){t(o).css("marginLeft",function(t,e){return(parseInt(e,10)||0)+25})})}),n.select()},e.prototype.outdent=function(e){var o=this,n=Ht.create(e).wrapBodyInlineWithPara(),i=n.nodes(Nt.isPara,{includeAncestor:!0}),r=N.clusterBy(i,C.peq2("parentNode"));t.each(r,function(e,n){var i=N.head(n);Nt.isLi(i)?o.releaseList([n]):t.each(n,function(e,o){t(o).css("marginLeft",function(t,e){return(e=parseInt(e,10)||0)>25?e-25:""})})}),n.select()},e.prototype.toggleList=function(e,o){var n=this,i=Ht.create(o).wrapBodyInlineWithPara(),r=i.nodes(Nt.isPara,{includeAncestor:!0}),s=i.paraBookmark(r),a=N.clusterBy(r,C.peq2("parentNode"));if(N.find(r,Nt.isPurePara)){var l=[];t.each(a,function(t,o){l=l.concat(n.wrapList(o,e))}),r=l}else{var c=i.nodes(Nt.isList,{includeAncestor:!0}).filter(function(o){return!t.nodeName(o,e)});c.length?t.each(c,function(t,o){Nt.replace(o,e)}):r=this.releaseList(a,!0)}Ht.createFromParaBookmark(s,r).select()},e.prototype.wrapList=function(t,e){var o=N.head(t),n=N.last(t),i=Nt.isList(o.previousSibling)&&o.previousSibling,r=Nt.isList(n.nextSibling)&&n.nextSibling,s=i||Nt.insertAfter(Nt.create(e||"UL"),n);return t=t.map(function(t){return Nt.isPurePara(t)?Nt.replace(t,"LI"):t}),Nt.appendChildNodes(s,t),r&&(Nt.appendChildNodes(s,N.from(r.childNodes)),Nt.remove(r)),t},e.prototype.releaseList=function(e,o){var n=[];return t.each(e,function(e,i){var r=N.head(i),s=N.last(i),a=o?Nt.lastAncestor(r,Nt.isList):r.parentNode,l=a.childNodes.length>1?Nt.splitTree(a,{node:s.parentNode,offset:Nt.position(s)+1},{isSkipPaddingBlankHTML:!0}):null,c=Nt.splitTree(a,{node:r.parentNode,offset:Nt.position(r)},{isSkipPaddingBlankHTML:!0});i=o?Nt.listDescendant(c,Nt.isLi):N.from(c.childNodes).filter(Nt.isLi),!o&&Nt.isList(a.parentNode)||(i=i.map(function(t){return Nt.replace(t,"P")})),t.each(N.from(i).reverse(),function(t,e){Nt.insertAfter(e,a)});var d=N.compact([a,c,l]);t.each(d,function(e,o){var n=[o].concat(Nt.listDescendant(o,Nt.isList));t.each(n.reverse(),function(t,e){Nt.nodeLength(e)||Nt.remove(e,!0)})}),n=n.concat(i)}),n},e}(),Bt=function(){function e(){this.bullet=new zt}return e.prototype.insertTab=function(t,e){var o=Nt.createText(new Array(e+1).join(Nt.NBSP_CHAR));(t=t.deleteContents()).insertNode(o,!0),(t=Ht.create(o,e)).select()},e.prototype.insertParagraph=function(e){var o=Ht.create(e);o=(o=o.deleteContents()).wrapBodyInlineWithPara();var n,i=Nt.ancestor(o.sc,Nt.isPara);if(i){if(Nt.isEmpty(i)&&Nt.isLi(i))return void this.bullet.toggleList(i.parentNode.nodeName);if(Nt.isEmpty(i)&&Nt.isPara(i)&&Nt.isBlockquote(i.parentNode))Nt.insertAfter(i,i.parentNode),n=i;else{n=Nt.splitTree(i,o.getStartPoint());var r=Nt.listDescendant(i,Nt.isEmptyAnchor);r=r.concat(Nt.listDescendant(n,Nt.isEmptyAnchor)),t.each(r,function(t,e){Nt.remove(e)}),(Nt.isHeading(n)||Nt.isPre(n)||Nt.isCustomStyleTag(n))&&Nt.isEmpty(n)&&(n=Nt.replace(n,"p"))}}else{var s=o.sc.childNodes[o.so];n=t(Nt.emptyPara)[0],s?o.sc.insertBefore(n,s):o.sc.appendChild(n)}Ht.create(n,0).normalize().select().scrollIntoView(e)},e}(),Mt=function(t,e,o,n){var i={colPos:0,rowPos:0},r=[],s=[];function a(t,e,o,n,i,s,a){var l={baseRow:o,baseCell:n,isRowSpan:i,isColSpan:s,isVirtual:a};r[t]||(r[t]=[]),r[t][e]=l}function l(t,e){if(!r[t])return e;if(!r[t][e])return e;for(var o=e;r[t][o];)if(o++,!r[t][o])return o}function c(t,e){var o=l(t.rowIndex,e.cellIndex),n=e.colSpan>1,r=e.rowSpan>1,s=t.rowIndex===i.rowPos&&e.cellIndex===i.colPos;a(t.rowIndex,o,t,e,r,n,!1);var c=e.attributes.rowSpan?parseInt(e.attributes.rowSpan.value,10):0;if(c>1)for(var u=1;u<c;u++){var h=t.rowIndex+u;d(h,o,e,s),a(h,o,t,e,!0,n,!0)}var p=e.attributes.colSpan?parseInt(e.attributes.colSpan.value,10):0;if(p>1)for(var f=1;f<p;f++){var m=l(t.rowIndex,o+f);d(t.rowIndex,m,e,s),a(t.rowIndex,m,t,e,r,!0,!0)}}function d(t,e,o,n){t===i.rowPos&&i.colPos>=o.cellIndex&&o.cellIndex<=e&&!n&&i.colPos++}function u(t){switch(e){case Mt.where.Column:if(t.isColSpan)return Mt.resultAction.SubtractSpanCount;break;case Mt.where.Row:if(!t.isVirtual&&t.isRowSpan)return Mt.resultAction.AddCell;if(t.isRowSpan)return Mt.resultAction.SubtractSpanCount}return Mt.resultAction.RemoveCell}function h(t){switch(e){case Mt.where.Column:if(t.isColSpan)return Mt.resultAction.SumSpanCount;if(t.isRowSpan&&t.isVirtual)return Mt.resultAction.Ignore;break;case Mt.where.Row:if(t.isRowSpan)return Mt.resultAction.SumSpanCount;if(t.isColSpan&&t.isVirtual)return Mt.resultAction.Ignore}return Mt.resultAction.AddCell}this.getActionList=function(){for(var t=e===Mt.where.Row?i.rowPos:-1,n=e===Mt.where.Column?i.colPos:-1,a=0,l=!0;l;){var c=t>=0?t:a,d=n>=0?n:a,p=r[c];if(!p)return l=!1,s;var f=p[d];if(!f)return l=!1,s;var m=Mt.resultAction.Ignore;switch(o){case Mt.requestAction.Add:m=h(f);break;case Mt.requestAction.Delete:m=u(f)}s.push((g=m,v=c,b=d,{baseCell:f.baseCell,action:g,virtualTable:{rowIndex:v,cellIndex:b}})),a++}var g,v,b;return s},t&&t.tagName&&("td"===t.tagName.toLowerCase()||"th"===t.tagName.toLowerCase())?(i.colPos=t.cellIndex,t.parentElement&&t.parentElement.tagName&&"tr"===t.parentElement.tagName.toLowerCase()?i.rowPos=t.parentElement.rowIndex:console.error("Impossible to identify start Row point.",t)):console.error("Impossible to identify start Cell point.",t),function(){for(var t=n.rows,e=0;e<t.length;e++)for(var o=t[e].cells,i=0;i<o.length;i++)c(t[e],o[i])}()};Mt.where={Row:0,Column:1},Mt.requestAction={Add:0,Delete:1},Mt.resultAction={Ignore:0,SubtractSpanCount:1,RemoveCell:2,AddCell:3,SumSpanCount:4};var Ot,Ut=function(){function e(){}return e.prototype.tab=function(t,e){var o=Nt.ancestor(t.commonAncestor(),Nt.isCell),n=Nt.ancestor(o,Nt.isTable),i=Nt.listDescendant(n,Nt.isCell),r=N[e?"prev":"next"](i,o);r&&Ht.create(r,0).select()},e.prototype.addRow=function(e,o){for(var n=Nt.ancestor(e.commonAncestor(),Nt.isCell),i=t(n).closest("tr"),r=this.recoverAttributes(i),s=t("<tr"+r+"></tr>"),a=new Mt(n,Mt.where.Row,Mt.requestAction.Add,t(i).closest("table")[0]).getActionList(),l=0;l<a.length;l++){var c=a[l],d=this.recoverAttributes(c.baseCell);switch(c.action){case Mt.resultAction.AddCell:s.append("<td"+d+">"+Nt.blank+"</td>");break;case Mt.resultAction.SumSpanCount:if("top"===o){if((c.baseCell.parent?c.baseCell.closest("tr").rowIndex:0)<=i[0].rowIndex){var u=t("<div></div>").append(t("<td"+d+">"+Nt.blank+"</td>").removeAttr("rowspan")).html();s.append(u);break}}var h=parseInt(c.baseCell.rowSpan,10);h++,c.baseCell.setAttribute("rowSpan",h)}}if("top"===o)i.before(s);else{if(n.rowSpan>1){var p=i[0].rowIndex+(n.rowSpan-2);return void t(t(i).parent().find("tr")[p]).after(t(s))}i.after(s)}},e.prototype.addCol=function(e,o){var n=Nt.ancestor(e.commonAncestor(),Nt.isCell),i=t(n).closest("tr");t(i).siblings().push(i);for(var r=new Mt(n,Mt.where.Column,Mt.requestAction.Add,t(i).closest("table")[0]).getActionList(),s=0;s<r.length;s++){var a=r[s],l=this.recoverAttributes(a.baseCell);switch(a.action){case Mt.resultAction.AddCell:"right"===o?t(a.baseCell).after("<td"+l+">"+Nt.blank+"</td>"):t(a.baseCell).before("<td"+l+">"+Nt.blank+"</td>");break;case Mt.resultAction.SumSpanCount:if("right"===o){var c=parseInt(a.baseCell.colSpan,10);c++,a.baseCell.setAttribute("colSpan",c)}else t(a.baseCell).before("<td"+l+">"+Nt.blank+"</td>")}}},e.prototype.recoverAttributes=function(t){var e="";if(!t)return e;for(var o=t.attributes||[],n=0;n<o.length;n++)"id"!==o[n].name.toLowerCase()&&o[n].specified&&(e+=" "+o[n].name+"='"+o[n].value+"'");return e},e.prototype.deleteRow=function(e){for(var o=Nt.ancestor(e.commonAncestor(),Nt.isCell),n=t(o).closest("tr"),i=n.children("td, th").index(t(o)),r=n[0].rowIndex,s=new Mt(o,Mt.where.Row,Mt.requestAction.Delete,t(n).closest("table")[0]).getActionList(),a=0;a<s.length;a++)if(s[a]){var l=s[a].baseCell,c=s[a].virtualTable,d=l.rowSpan&&l.rowSpan>1,u=d?parseInt(l.rowSpan,10):0;switch(s[a].action){case Mt.resultAction.Ignore:continue;case Mt.resultAction.AddCell:var h=n.next("tr")[0];if(!h)continue;var p=n[0].cells[i];d&&(u>2?(u--,h.insertBefore(p,h.cells[i]),h.cells[i].setAttribute("rowSpan",u),h.cells[i].innerHTML=""):2===u&&(h.insertBefore(p,h.cells[i]),h.cells[i].removeAttribute("rowSpan"),h.cells[i].innerHTML=""));continue;case Mt.resultAction.SubtractSpanCount:d&&(u>2?(u--,l.setAttribute("rowSpan",u),c.rowIndex!==r&&l.cellIndex===i&&(l.innerHTML="")):2===u&&(l.removeAttribute("rowSpan"),c.rowIndex!==r&&l.cellIndex===i&&(l.innerHTML="")));continue;case Mt.resultAction.RemoveCell:continue}}n.remove()},e.prototype.deleteCol=function(e){for(var o=Nt.ancestor(e.commonAncestor(),Nt.isCell),n=t(o).closest("tr"),i=n.children("td, th").index(t(o)),r=new Mt(o,Mt.where.Column,Mt.requestAction.Delete,t(n).closest("table")[0]).getActionList(),s=0;s<r.length;s++)if(r[s])switch(r[s].action){case Mt.resultAction.Ignore:continue;case Mt.resultAction.SubtractSpanCount:var a=r[s].baseCell;if(a.colSpan&&a.colSpan>1){var l=a.colSpan?parseInt(a.colSpan,10):0;l>2?(l--,a.setAttribute("colSpan",l),a.cellIndex===i&&(a.innerHTML="")):2===l&&(a.removeAttribute("colSpan"),a.cellIndex===i&&(a.innerHTML=""))}continue;case Mt.resultAction.RemoveCell:Nt.remove(r[s].baseCell,!0);continue}},e.prototype.createTable=function(e,o,n){for(var i,r=[],s=0;s<e;s++)r.push("<td>"+Nt.blank+"</td>");i=r.join("");for(var a,l=[],c=0;c<o;c++)l.push("<tr>"+i+"</tr>");a=l.join("");var d=t("<table>"+a+"</table>");return n&&n.tableClassName&&d.addClass(n.tableClassName),d[0]},e.prototype.deleteTable=function(e){var o=Nt.ancestor(e.commonAncestor(),Nt.isCell);t(o).closest("table").remove()},e}(),jt=function(){function e(e){var o=this;this.context=e,this.$note=e.layoutInfo.note,this.$editor=e.layoutInfo.editor,this.$editable=e.layoutInfo.editable,this.options=e.options,this.lang=this.options.langInfo,this.editable=this.$editable[0],this.lastRange=null,this.style=new Ft,this.table=new Ut,this.typing=new Bt,this.bullet=new zt,this.history=new Dt(this.$editable),this.context.memo("help.undo",this.lang.help.undo),this.context.memo("help.redo",this.lang.help.redo),this.context.memo("help.tab",this.lang.help.tab),this.context.memo("help.untab",this.lang.help.untab),this.context.memo("help.insertParagraph",this.lang.help.insertParagraph),this.context.memo("help.insertOrderedList",this.lang.help.insertOrderedList),this.context.memo("help.insertUnorderedList",this.lang.help.insertUnorderedList),this.context.memo("help.indent",this.lang.help.indent),this.context.memo("help.outdent",this.lang.help.outdent),this.context.memo("help.formatPara",this.lang.help.formatPara),this.context.memo("help.insertHorizontalRule",this.lang.help.insertHorizontalRule),this.context.memo("help.fontName",this.lang.help.fontName);for(var n=["bold","italic","underline","strikethrough","superscript","subscript","justifyLeft","justifyCenter","justifyRight","justifyFull","formatBlock","removeFormat","backColor"],i=0,r=n.length;i<r;i++)this[n[i]]=(s=n[i],function(t){o.beforeCommand(),document.execCommand(s,!1,t),o.afterCommand(!0)}),this.context.memo("help."+n[i],this.lang.help[n[i]]);var s;this.fontName=this.wrapCommand(function(t){return o.fontStyling("font-family","'"+t+"'")}),this.fontSize=this.wrapCommand(function(t){return o.fontStyling("font-size",t+"px")});for(i=1;i<=6;i++)this["formatH"+i]=(a=i,function(){o.formatBlock("H"+a)}),this.context.memo("help.formatH"+i,this.lang.help["formatH"+i]);var a;this.insertParagraph=this.wrapCommand(function(){o.typing.insertParagraph(o.editable)}),this.insertOrderedList=this.wrapCommand(function(){o.bullet.insertOrderedList(o.editable)}),this.insertUnorderedList=this.wrapCommand(function(){o.bullet.insertUnorderedList(o.editable)}),this.indent=this.wrapCommand(function(){o.bullet.indent(o.editable)}),this.outdent=this.wrapCommand(function(){o.bullet.outdent(o.editable)}),this.insertNode=this.wrapCommand(function(e){if(!o.isLimited(t(e).text().length)){o.createRange().insertNode(e),Ht.createFromNodeAfter(e).select()}}),this.insertText=this.wrapCommand(function(t){if(!o.isLimited(t.length)){var e=o.createRange().insertNode(Nt.createText(t));Ht.create(e,Nt.nodeLength(e)).select()}}),this.pasteHTML=this.wrapCommand(function(t){if(!o.isLimited(t.length)){var e=o.createRange().pasteHTML(t);Ht.createFromNodeAfter(N.last(e)).select()}}),this.formatBlock=this.wrapCommand(function(t,e){var n=o.options.callbacks.onApplyCustomStyle;n?n.call(o,e,o.context,o.onFormatBlock):o.onFormatBlock(t,e)}),this.insertHorizontalRule=this.wrapCommand(function(){var t=o.createRange().insertNode(Nt.create("HR"));t.nextSibling&&Ht.create(t.nextSibling,0).normalize().select()}),this.lineHeight=this.wrapCommand(function(t){o.style.stylePara(o.createRange(),{lineHeight:t})}),this.createLink=this.wrapCommand(function(e){var n=e.url,i=e.text,r=e.isNewWindow,s=e.range||o.createRange(),a=s.toString()!==i;"string"==typeof n&&(n=n.trim()),n=o.options.onCreateLink?o.options.onCreateLink(n):/^[A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?/.test(n)?n:"http://"+n;var l=[];if(a){var c=(s=s.deleteContents()).insertNode(t("<A>"+i+"</A>")[0]);l.push(c)}else l=o.style.styleNodes(s,{nodeName:"A",expandClosestSibling:!0,onlyPartialContains:!0});t.each(l,function(e,o){t(o).attr("href",n),r?t(o).attr("target","_blank"):t(o).removeAttr("target")});var d=Ht.createFromNodeBefore(N.head(l)).getStartPoint(),u=Ht.createFromNodeAfter(N.last(l)).getEndPoint();Ht.create(d.node,d.offset,u.node,u.offset).select()}),this.color=this.wrapCommand(function(t){var e=t.foreColor,o=t.backColor;e&&document.execCommand("foreColor",!1,e),o&&document.execCommand("backColor",!1,o)}),this.foreColor=this.wrapCommand(function(t){document.execCommand("styleWithCSS",!1,!0),document.execCommand("foreColor",!1,t)}),this.insertTable=this.wrapCommand(function(t){var e=t.split("x");o.createRange().deleteContents().insertNode(o.table.createTable(e[0],e[1],o.options))}),this.removeMedia=this.wrapCommand(function(){var e=t(o.restoreTarget()).parent();e.parent("figure").length?e.parent("figure").remove():e=t(o.restoreTarget()).detach(),o.context.triggerEvent("media.delete",e,o.$editable)}),this.floatMe=this.wrapCommand(function(e){var n=t(o.restoreTarget());n.toggleClass("note-float-left","left"===e),n.toggleClass("note-float-right","right"===e),n.css("float",e)}),this.resize=this.wrapCommand(function(e){t(o.restoreTarget()).css({width:100*e+"%",height:""})})}return e.prototype.initialize=function(){var t=this;this.$editable.on("keydown",function(e){if(e.keyCode===At.code.ENTER&&t.context.triggerEvent("enter",e),t.context.triggerEvent("keydown",e),e.isDefaultPrevented()||(t.options.shortcuts?t.handleKeyMap(e):t.preventDefaultEditableShortCuts(e)),t.isLimited(1,e))return!1}).on("keyup",function(e){t.context.triggerEvent("keyup",e)}).on("focus",function(e){t.context.triggerEvent("focus",e)}).on("blur",function(e){t.context.triggerEvent("blur",e)}).on("mousedown",function(e){t.context.triggerEvent("mousedown",e)}).on("mouseup",function(e){t.context.triggerEvent("mouseup",e)}).on("scroll",function(e){t.context.triggerEvent("scroll",e)}).on("paste",function(e){t.context.triggerEvent("paste",e)}),this.$editable.html(Nt.html(this.$note)||Nt.emptyPara),this.$editable.on(B.inputEventName,C.debounce(function(){t.context.triggerEvent("change",t.$editable.html())},100)),this.$editor.on("focusin",function(e){t.context.triggerEvent("focusin",e)}).on("focusout",function(e){t.context.triggerEvent("focusout",e)}),this.options.airMode||(this.options.width&&this.$editor.outerWidth(this.options.width),this.options.height&&this.$editable.outerHeight(this.options.height),this.options.maxHeight&&this.$editable.css("max-height",this.options.maxHeight),this.options.minHeight&&this.$editable.css("min-height",this.options.minHeight)),this.history.recordUndo()},e.prototype.destroy=function(){this.$editable.off()},e.prototype.handleKeyMap=function(t){var e=this.options.keyMap[B.isMac?"mac":"pc"],o=[];t.metaKey&&o.push("CMD"),t.ctrlKey&&!t.altKey&&o.push("CTRL"),t.shiftKey&&o.push("SHIFT");var n=At.nameFromCode[t.keyCode];n&&o.push(n);var i=e[o.join("+")];i?!1!==this.context.invoke(i)&&t.preventDefault():At.isEdit(t.keyCode)&&this.afterCommand()},e.prototype.preventDefaultEditableShortCuts=function(t){(t.ctrlKey||t.metaKey)&&N.contains([66,73,85],t.keyCode)&&t.preventDefault()},e.prototype.isLimited=function(t,e){return t=t||0,(void 0===e||!(At.isMove(e.keyCode)||e.ctrlKey||e.metaKey||N.contains([At.code.BACKSPACE,At.code.DELETE],e.keyCode)))&&(this.options.maxTextLength>0&&this.$editable.text().length+t>=this.options.maxTextLength)},e.prototype.createRange=function(){return this.focus(),Ht.create(this.editable)},e.prototype.saveRange=function(t){this.lastRange=this.createRange(),t&&this.lastRange.collapse().select()},e.prototype.restoreRange=function(){this.lastRange&&(this.lastRange.select(),this.focus())},e.prototype.saveTarget=function(t){this.$editable.data("target",t)},e.prototype.clearTarget=function(){this.$editable.removeData("target")},e.prototype.restoreTarget=function(){return this.$editable.data("target")},e.prototype.currentStyle=function(){var t=Ht.create();return t&&(t=t.normalize()),t?this.style.current(t):this.style.fromNode(this.$editable)},e.prototype.styleFromNode=function(t){return this.style.fromNode(t)},e.prototype.undo=function(){this.context.triggerEvent("before.command",this.$editable.html()),this.history.undo(),this.context.triggerEvent("change",this.$editable.html())},e.prototype.redo=function(){this.context.triggerEvent("before.command",this.$editable.html()),this.history.redo(),this.context.triggerEvent("change",this.$editable.html())},e.prototype.beforeCommand=function(){this.context.triggerEvent("before.command",this.$editable.html()),this.focus()},e.prototype.afterCommand=function(t){this.history.recordUndo(),t||this.context.triggerEvent("change",this.$editable.html())},e.prototype.tab=function(){var t=this.createRange();if(t.isCollapsed()&&t.isOnCell())this.table.tab(t);else{if(0===this.options.tabSize)return!1;this.isLimited(this.options.tabSize)||(this.beforeCommand(),this.typing.insertTab(t,this.options.tabSize),this.afterCommand())}},e.prototype.untab=function(){var t=this.createRange();if(t.isCollapsed()&&t.isOnCell())this.table.tab(t,!0);else if(0===this.options.tabSize)return!1},e.prototype.wrapCommand=function(t){var e=this;return function(){e.beforeCommand(),t.apply(e,arguments),e.afterCommand()}},e.prototype.insertImage=function(e,o){var n=this;return(i=e,t.Deferred(function(e){var o=t("<img>");o.one("load",function(){o.off("error abort"),e.resolve(o)}).one("error abort",function(){o.off("load").detach(),e.reject(o)}).css({display:"none"}).appendTo(document.body).attr("src",i)}).promise()).then(function(t){n.beforeCommand(),"function"==typeof o?o(t):("string"==typeof o&&t.attr("data-filename",o),t.css("width",Math.min(n.$editable.width(),t.width()))),t.show(),Ht.create(n.editable).insertNode(t[0]),Ht.createFromNodeAfter(t[0]).select(),n.afterCommand()}).fail(function(t){n.context.triggerEvent("image.upload.error",t)});var i},e.prototype.insertImages=function(e){var o=this;t.each(e,function(e,n){var i=n.name;o.options.maximumImageFileSize&&o.options.maximumImageFileSize<n.size?o.context.triggerEvent("image.upload.error",o.lang.image.maximumFileSizeError):(r=n,t.Deferred(function(e){t.extend(new FileReader,{onload:function(t){var o=t.target.result;e.resolve(o)},onerror:function(t){e.reject(t)}}).readAsDataURL(r)}).promise()).then(function(t){return o.insertImage(t,i)}).fail(function(){o.context.triggerEvent("image.upload.error")});var r})},e.prototype.insertImagesOrCallback=function(t){this.options.callbacks.onImageUpload?this.context.triggerEvent("image.upload",t):this.insertImages(t)},e.prototype.getSelectedText=function(){var t=this.createRange();return t.isOnAnchor()&&(t=Ht.createFromNode(Nt.ancestor(t.sc,Nt.isAnchor))),t.toString()},e.prototype.onFormatBlock=function(e,o){if(e=B.isMSIE?"<"+e+">":e,document.execCommand("FormatBlock",!1,e),o&&o.length){var n=o[0].className||"";if(n){var i=this.createRange();t([i.sc,i.ec]).closest(e).addClass(n)}}},e.prototype.formatPara=function(){this.formatBlock("P")},e.prototype.fontStyling=function(e,o){var n=this.createRange();if(n){var i=this.style.styleNodes(n);if(t(i).css(e,o),n.isCollapsed()){var r=N.head(i);r&&!Nt.nodeLength(r)&&(r.innerHTML=Nt.ZERO_WIDTH_NBSP_CHAR,Ht.createFromNodeAfter(r.firstChild).select(),this.$editable.data("bogus",r))}}},e.prototype.unlink=function(){var t=this.createRange();if(t.isOnAnchor()){var e=Nt.ancestor(t.sc,Nt.isAnchor);(t=Ht.createFromNode(e)).select(),this.beforeCommand(),document.execCommand("unlink"),this.afterCommand()}},e.prototype.getLinkInfo=function(){var e=this.createRange().expand(Nt.isAnchor),o=t(N.head(e.nodes(Nt.isAnchor))),n={range:e,text:e.toString(),url:o.length?o.attr("href"):""};return o.length&&(n.isNewWindow="_blank"===o.attr("target")),n},e.prototype.addRow=function(t){var e=this.createRange(this.$editable);e.isCollapsed()&&e.isOnCell()&&(this.beforeCommand(),this.table.addRow(e,t),this.afterCommand())},e.prototype.addCol=function(t){var e=this.createRange(this.$editable);e.isCollapsed()&&e.isOnCell()&&(this.beforeCommand(),this.table.addCol(e,t),this.afterCommand())},e.prototype.deleteRow=function(){var t=this.createRange(this.$editable);t.isCollapsed()&&t.isOnCell()&&(this.beforeCommand(),this.table.deleteRow(t),this.afterCommand())},e.prototype.deleteCol=function(){var t=this.createRange(this.$editable);t.isCollapsed()&&t.isOnCell()&&(this.beforeCommand(),this.table.deleteCol(t),this.afterCommand())},e.prototype.deleteTable=function(){var t=this.createRange(this.$editable);t.isCollapsed()&&t.isOnCell()&&(this.beforeCommand(),this.table.deleteTable(t),this.afterCommand())},e.prototype.resizeTo=function(t,e,o){var n;if(o){var i=t.y/t.x,r=e.data("ratio");n={width:r>i?t.x:t.y/r,height:r>i?t.x*r:t.y}}else n={width:t.x,height:t.y};e.css(n)},e.prototype.hasFocus=function(){return this.$editable.is(":focus")},e.prototype.focus=function(){this.hasFocus()||this.$editable.focus()},e.prototype.isEmpty=function(){return Nt.isEmpty(this.$editable[0])||Nt.emptyPara===this.$editable.html()},e.prototype.empty=function(){this.context.invoke("code",Nt.emptyPara)},e}(),qt=function(){function t(t){this.context=t,this.$editable=t.layoutInfo.editable}return t.prototype.initialize=function(){this.$editable.on("paste",this.pasteByEvent.bind(this))},t.prototype.pasteByEvent=function(t){var e=t.originalEvent.clipboardData;if(e&&e.items&&e.items.length){var o=N.head(e.items);"file"===o.kind&&-1!==o.type.indexOf("image/")&&this.context.invoke("editor.insertImagesOrCallback",[o.getAsFile()]),this.context.invoke("editor.afterCommand")}},t}(),Kt=function(){function e(e){this.context=e,this.$eventListener=t(document),this.$editor=e.layoutInfo.editor,this.$editable=e.layoutInfo.editable,this.options=e.options,this.lang=this.options.langInfo,this.documentEventHandlers={},this.$dropzone=t(['<div class="note-dropzone">','  <div class="note-dropzone-message"/>',"</div>"].join("")).prependTo(this.$editor)}return e.prototype.initialize=function(){this.options.disableDragAndDrop?(this.documentEventHandlers.onDrop=function(t){t.preventDefault()},this.$eventListener=this.$dropzone,this.$eventListener.on("drop",this.documentEventHandlers.onDrop)):this.attachDragAndDropEvent()},e.prototype.attachDragAndDropEvent=function(){var e=this,o=t(),n=this.$dropzone.find(".note-dropzone-message");this.documentEventHandlers.onDragenter=function(t){var i=e.context.invoke("codeview.isActivated"),r=e.$editor.width()>0&&e.$editor.height()>0;i||o.length||!r||(e.$editor.addClass("dragover"),e.$dropzone.width(e.$editor.width()),e.$dropzone.height(e.$editor.height()),n.text(e.lang.image.dragImageHere)),o=o.add(t.target)},this.documentEventHandlers.onDragleave=function(t){(o=o.not(t.target)).length||e.$editor.removeClass("dragover")},this.documentEventHandlers.onDrop=function(){o=t(),e.$editor.removeClass("dragover")},this.$eventListener.on("dragenter",this.documentEventHandlers.onDragenter).on("dragleave",this.documentEventHandlers.onDragleave).on("drop",this.documentEventHandlers.onDrop),this.$dropzone.on("dragenter",function(){e.$dropzone.addClass("hover"),n.text(e.lang.image.dropImage)}).on("dragleave",function(){e.$dropzone.removeClass("hover"),n.text(e.lang.image.dragImageHere)}),this.$dropzone.on("drop",function(o){var n=o.originalEvent.dataTransfer;o.preventDefault(),n&&n.files&&n.files.length?(e.$editable.focus(),e.context.invoke("editor.insertImagesOrCallback",n.files)):t.each(n.types,function(o,i){var r=n.getData(i);i.toLowerCase().indexOf("text")>-1?e.context.invoke("editor.pasteHTML",r):t(r).each(function(t,o){e.context.invoke("editor.insertNode",o)})})}).on("dragover",!1)},e.prototype.destroy=function(){var t=this;Object.keys(this.documentEventHandlers).forEach(function(e){t.$eventListener.off(e.substr(2).toLowerCase(),t.documentEventHandlers[e])}),this.documentEventHandlers={}},e}();B.hasCodeMirror&&(B.isSupportAmd?require(["codemirror"],function(t){Ot=t}):Ot=window.CodeMirror);var Vt=function(){function t(t){this.context=t,this.$editor=t.layoutInfo.editor,this.$editable=t.layoutInfo.editable,this.$codable=t.layoutInfo.codable,this.options=t.options}return t.prototype.sync=function(){this.isActivated()&&B.hasCodeMirror&&this.$codable.data("cmEditor").save()},t.prototype.isActivated=function(){return this.$editor.hasClass("codeview")},t.prototype.toggle=function(){this.isActivated()?this.deactivate():this.activate(),this.context.triggerEvent("codeview.toggled")},t.prototype.activate=function(){var t=this;if(this.$codable.val(Nt.html(this.$editable,this.options.prettifyHtml)),this.$codable.height(this.$editable.height()),this.context.invoke("toolbar.updateCodeview",!0),this.$editor.addClass("codeview"),this.$codable.focus(),B.hasCodeMirror){var e=Ot.fromTextArea(this.$codable[0],this.options.codemirror);if(this.options.codemirror.tern){var o=new Ot.TernServer(this.options.codemirror.tern);e.ternServer=o,e.on("cursorActivity",function(t){o.updateArgHints(t)})}e.on("blur",function(o){t.context.triggerEvent("blur.codeview",e.getValue(),o)}),e.setSize(null,this.$editable.outerHeight()),this.$codable.data("cmEditor",e)}else this.$codable.on("blur",function(e){t.context.triggerEvent("blur.codeview",t.$codable.val(),e)})},t.prototype.deactivate=function(){if(B.hasCodeMirror){var t=this.$codable.data("cmEditor");this.$codable.val(t.getValue()),t.toTextArea()}var e=Nt.value(this.$codable,this.options.prettifyHtml)||Nt.emptyPara,o=this.$editable.html()!==e;this.$editable.html(e),this.$editable.height(this.options.height?this.$codable.height():"auto"),this.$editor.removeClass("codeview"),o&&this.context.triggerEvent("change",this.$editable.html(),this.$editable),this.$editable.focus(),this.context.invoke("toolbar.updateCodeview",!1)},t.prototype.destroy=function(){this.isActivated()&&this.deactivate()},t}(),Wt=function(){function e(e){this.$document=t(document),this.$statusbar=e.layoutInfo.statusbar,this.$editable=e.layoutInfo.editable,this.options=e.options}return e.prototype.initialize=function(){var t=this;this.options.airMode||this.options.disableResizeEditor?this.destroy():this.$statusbar.on("mousedown",function(e){e.preventDefault(),e.stopPropagation();var o=t.$editable.offset().top-t.$document.scrollTop(),n=function(e){var n=e.clientY-(o+24);n=t.options.minheight>0?Math.max(n,t.options.minheight):n,n=t.options.maxHeight>0?Math.min(n,t.options.maxHeight):n,t.$editable.height(n)};t.$document.on("mousemove",n).one("mouseup",function(){t.$document.off("mousemove",n)})})},e.prototype.destroy=function(){this.$statusbar.off()},e}(),_t=function(){function e(e){var o=this;this.context=e,this.$editor=e.layoutInfo.editor,this.$toolbar=e.layoutInfo.toolbar,this.$editable=e.layoutInfo.editable,this.$codable=e.layoutInfo.codable,this.$window=t(window),this.$scrollbar=t("html, body"),this.onResize=function(){o.resizeTo({h:o.$window.height()-o.$toolbar.outerHeight()})}}return e.prototype.resizeTo=function(t){this.$editable.css("height",t.h),this.$codable.css("height",t.h),this.$codable.data("cmeditor")&&this.$codable.data("cmeditor").setsize(null,t.h)},e.prototype.toggle=function(){this.$editor.toggleClass("fullscreen"),this.isFullscreen()?(this.$editable.data("orgHeight",this.$editable.css("height")),this.$window.on("resize",this.onResize).trigger("resize"),this.$scrollbar.css("overflow","hidden")):(this.$window.off("resize",this.onResize),this.resizeTo({h:this.$editable.data("orgHeight")}),this.$scrollbar.css("overflow","visible")),this.context.invoke("toolbar.updateFullscreen",this.isFullscreen())},e.prototype.isFullscreen=function(){return this.$editor.hasClass("fullscreen")},e}(),Gt=function(){function e(e){var o=this;this.context=e,this.$document=t(document),this.$editingArea=e.layoutInfo.editingArea,this.options=e.options,this.lang=this.options.langInfo,this.events={"summernote.mousedown":function(t,e){o.update(e.target)&&e.preventDefault()},"summernote.keyup summernote.scroll summernote.change summernote.dialog.shown":function(){o.update()},"summernote.disable":function(){o.hide()},"summernote.codeview.toggled":function(){o.update()}}}return e.prototype.initialize=function(){var e=this;this.$handle=t(['<div class="note-handle">','<div class="note-control-selection">','<div class="note-control-selection-bg"></div>','<div class="note-control-holder note-control-nw"></div>','<div class="note-control-holder note-control-ne"></div>','<div class="note-control-holder note-control-sw"></div>','<div class="',this.options.disableResizeImage?"note-control-holder":"note-control-sizing",' note-control-se"></div>',this.options.disableResizeImage?"":'<div class="note-control-selection-info"></div>',"</div>","</div>"].join("")).prependTo(this.$editingArea),this.$handle.on("mousedown",function(t){if(Nt.isControlSizing(t.target)){t.preventDefault(),t.stopPropagation();var o=e.$handle.find(".note-control-selection").data("target"),n=o.offset(),i=e.$document.scrollTop(),r=function(t){e.context.invoke("editor.resizeTo",{x:t.clientX-n.left,y:t.clientY-(n.top-i)},o,!t.shiftKey),e.update(o[0])};e.$document.on("mousemove",r).one("mouseup",function(t){t.preventDefault(),e.$document.off("mousemove",r),e.context.invoke("editor.afterCommand")}),o.data("ratio")||o.data("ratio",o.height()/o.width())}}),this.$handle.on("wheel",function(t){t.preventDefault(),e.update()})},e.prototype.destroy=function(){this.$handle.remove()},e.prototype.update=function(e){if(this.context.isDisabled())return!1;var o=Nt.isImg(e),n=this.$handle.find(".note-control-selection");if(this.context.invoke("imagePopover.update",e),o){var i=t(e),r=i.position(),s={left:r.left+parseInt(i.css("marginLeft"),10),top:r.top+parseInt(i.css("marginTop"),10)},a={w:i.outerWidth(!1),h:i.outerHeight(!1)};n.css({display:"block",left:s.left,top:s.top,width:a.w,height:a.h}).data("target",i);var l=new Image;l.src=i.attr("src");var c=a.w+"x"+a.h+" ("+this.lang.image.original+": "+l.width+"x"+l.height+")";n.find(".note-control-selection-info").text(c),this.context.invoke("editor.saveTarget",e)}else this.hide();return o},e.prototype.hide=function(){this.context.invoke("editor.clearTarget"),this.$handle.children().hide()},e}(),Zt=/^([A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?|mailto:[A-Z0-9._%+-]+@)?(www\.)?(.+)$/i,Yt=function(){function e(t){var e=this;this.context=t,this.events={"summernote.keyup":function(t,o){o.isDefaultPrevented()||e.handleKeyup(o)},"summernote.keydown":function(t,o){e.handleKeydown(o)}}}return e.prototype.initialize=function(){this.lastWordRange=null},e.prototype.destroy=function(){this.lastWordRange=null},e.prototype.replace=function(){if(this.lastWordRange){var e=this.lastWordRange.toString(),o=e.match(Zt);if(o&&(o[1]||o[2])){var n=o[1]?e:"http://"+e,i=t("<a />").html(e).attr("href",n)[0];this.lastWordRange.insertNode(i),this.lastWordRange=null,this.context.invoke("editor.focus")}}},e.prototype.handleKeydown=function(t){if(N.contains([At.code.ENTER,At.code.SPACE],t.keyCode)){var e=this.context.invoke("editor.createRange").getWordRange();this.lastWordRange=e}},e.prototype.handleKeyup=function(t){N.contains([At.code.ENTER,At.code.SPACE],t.keyCode)&&this.replace()},e}(),Qt=function(){function t(t){var e=this;this.$note=t.layoutInfo.note,this.events={"summernote.change":function(){e.$note.val(t.invoke("code"))}}}return t.prototype.shouldInitialize=function(){return Nt.isTextarea(this.$note[0])},t}(),Jt=function(){function e(t){var e=this;this.context=t,this.$editingArea=t.layoutInfo.editingArea,this.options=t.options,this.events={"summernote.init summernote.change":function(){e.update()},"summernote.codeview.toggled":function(){e.update()}}}return e.prototype.shouldInitialize=function(){return!!this.options.placeholder},e.prototype.initialize=function(){var e=this;this.$placeholder=t('<div class="note-placeholder">'),this.$placeholder.on("click",function(){e.context.invoke("focus")}).text(this.options.placeholder).prependTo(this.$editingArea),this.update()},e.prototype.destroy=function(){this.$placeholder.remove()},e.prototype.update=function(){var t=!this.context.invoke("codeview.isActivated")&&this.context.invoke("editor.isEmpty");this.$placeholder.toggle(t)},e}(),Xt=function(){function e(e){this.ui=t.summernote.ui,this.context=e,this.$toolbar=e.layoutInfo.toolbar,this.options=e.options,this.lang=this.options.langInfo,this.invertedKeyMap=C.invertObject(this.options.keyMap[B.isMac?"mac":"pc"])}return e.prototype.representShortcut=function(t){var e=this.invertedKeyMap[t];return this.options.shortcuts&&e?(B.isMac&&(e=e.replace("CMD","⌘").replace("SHIFT","⇧"))," ("+(e=e.replace("BACKSLASH","\\").replace("SLASH","/").replace("LEFTBRACKET","[").replace("RIGHTBRACKET","]"))+")"):""},e.prototype.button=function(t){return!this.options.tooltip&&t.tooltip&&delete t.tooltip,t.container=this.options.container,this.ui.button(t)},e.prototype.initialize=function(){this.addToolbarButtons(),this.addImagePopoverButtons(),this.addLinkPopoverButtons(),this.addTablePopoverButtons(),this.fontInstalledMap={}},e.prototype.destroy=function(){delete this.fontInstalledMap},e.prototype.isFontInstalled=function(t){return this.fontInstalledMap.hasOwnProperty(t)||(this.fontInstalledMap[t]=B.isFontInstalled(t)||N.contains(this.options.fontNamesIgnoreCheck,t)),this.fontInstalledMap[t]},e.prototype.isFontDeservedToAdd=function(e){return""!==(e=e.toLowerCase())&&this.isFontInstalled(e)&&-1===t.inArray(e,["sans-serif","serif","monospace","cursive","fantasy"])},e.prototype.addToolbarButtons=function(){var e=this;this.context.memo("button.style",function(){return e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents(e.ui.icon(e.options.icons.magic),e.options),tooltip:e.lang.style.style,data:{toggle:"dropdown"}}),e.ui.dropdown({className:"dropdown-style",items:e.options.styleTags,template:function(t){"string"==typeof t&&(t={tag:t,title:e.lang.style.hasOwnProperty(t)?e.lang.style[t]:t});var o=t.tag,n=t.title;return"<"+o+(t.style?' style="'+t.style+'" ':"")+(t.className?' class="'+t.className+'"':"")+">"+n+"</"+o+">"},click:e.context.createInvokeHandler("editor.formatBlock")})]).render()});for(var o=function(t,o){var i=n.options.styleTags[t];n.context.memo("button.style."+i,function(){return e.button({className:"note-btn-style-"+i,contents:'<div data-value="'+i+'">'+i.toUpperCase()+"</div>",tooltip:i.toUpperCase(),click:e.context.createInvokeHandler("editor.formatBlock")}).render()})},n=this,i=0,r=this.options.styleTags.length;i<r;i++)o(i);this.context.memo("button.bold",function(){return e.button({className:"note-btn-bold",contents:e.ui.icon(e.options.icons.bold),tooltip:e.lang.font.bold+e.representShortcut("bold"),click:e.context.createInvokeHandlerAndUpdateState("editor.bold")}).render()}),this.context.memo("button.italic",function(){return e.button({className:"note-btn-italic",contents:e.ui.icon(e.options.icons.italic),tooltip:e.lang.font.italic+e.representShortcut("italic"),click:e.context.createInvokeHandlerAndUpdateState("editor.italic")}).render()}),this.context.memo("button.underline",function(){return e.button({className:"note-btn-underline",contents:e.ui.icon(e.options.icons.underline),tooltip:e.lang.font.underline+e.representShortcut("underline"),click:e.context.createInvokeHandlerAndUpdateState("editor.underline")}).render()}),this.context.memo("button.clear",function(){return e.button({contents:e.ui.icon(e.options.icons.eraser),tooltip:e.lang.font.clear+e.representShortcut("removeFormat"),click:e.context.createInvokeHandler("editor.removeFormat")}).render()}),this.context.memo("button.strikethrough",function(){return e.button({className:"note-btn-strikethrough",contents:e.ui.icon(e.options.icons.strikethrough),tooltip:e.lang.font.strikethrough+e.representShortcut("strikethrough"),click:e.context.createInvokeHandlerAndUpdateState("editor.strikethrough")}).render()}),this.context.memo("button.superscript",function(){return e.button({className:"note-btn-superscript",contents:e.ui.icon(e.options.icons.superscript),tooltip:e.lang.font.superscript,click:e.context.createInvokeHandlerAndUpdateState("editor.superscript")}).render()}),this.context.memo("button.subscript",function(){return e.button({className:"note-btn-subscript",contents:e.ui.icon(e.options.icons.subscript),tooltip:e.lang.font.subscript,click:e.context.createInvokeHandlerAndUpdateState("editor.subscript")}).render()}),this.context.memo("button.fontname",function(){var o=e.context.invoke("editor.currentStyle");return t.each(o["font-family"].split(","),function(o,n){n=n.trim().replace(/['"]+/g,""),e.isFontDeservedToAdd(n)&&-1===t.inArray(n,e.options.fontNames)&&e.options.fontNames.push(n)}),e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents('<span class="note-current-fontname"/>',e.options),tooltip:e.lang.font.name,data:{toggle:"dropdown"}}),e.ui.dropdownCheck({className:"dropdown-fontname",checkClassName:e.options.icons.menuCheck,items:e.options.fontNames.filter(e.isFontInstalled.bind(e)),template:function(t){return"<span style=\"font-family: '"+t+"'\">"+t+"</span>"},click:e.context.createInvokeHandlerAndUpdateState("editor.fontName")})]).render()}),this.context.memo("button.fontsize",function(){return e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents('<span class="note-current-fontsize"/>',e.options),tooltip:e.lang.font.size,data:{toggle:"dropdown"}}),e.ui.dropdownCheck({className:"dropdown-fontsize",checkClassName:e.options.icons.menuCheck,items:e.options.fontSizes,click:e.context.createInvokeHandlerAndUpdateState("editor.fontSize")})]).render()}),this.context.memo("button.color",function(){return e.ui.buttonGroup({className:"note-color",children:[e.button({className:"note-current-color-button",contents:e.ui.icon(e.options.icons.font+" note-recent-color"),tooltip:e.lang.color.recent,click:function(o){var n=t(o.currentTarget);e.context.invoke("editor.color",{backColor:n.attr("data-backColor"),foreColor:n.attr("data-foreColor")})},callback:function(t){t.find(".note-recent-color").css("background-color","#FFFF00"),t.attr("data-backColor","#FFFF00")}}),e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents("",e.options),tooltip:e.lang.color.more,data:{toggle:"dropdown"}}),e.ui.dropdown({items:['<div class="note-palette">','  <div class="note-palette-title">'+e.lang.color.background+"</div>","  <div>",'    <button type="button" class="note-color-reset btn btn-light" data-event="backColor" data-value="inherit">',e.lang.color.transparent,"    </button>","  </div>",'  <div class="note-holder" data-event="backColor"/>',"</div>",'<div class="note-palette">','  <div class="note-palette-title">'+e.lang.color.foreground+"</div>","  <div>",'    <button type="button" class="note-color-reset btn btn-light" data-event="removeFormat" data-value="foreColor">',e.lang.color.resetToDefault,"    </button>","  </div>",'  <div class="note-holder" data-event="foreColor"/>',"</div>"].join(""),callback:function(o){o.find(".note-holder").each(function(o,n){var i=t(n);i.append(e.ui.palette({colors:e.options.colors,eventName:i.data("event"),container:e.options.container,tooltip:e.options.tooltip}).render())})},click:function(o){var n=t(o.target),i=n.data("event"),r=n.data("value");if(i&&r){var s="backColor"===i?"background-color":"color",a=n.closest(".note-color").find(".note-recent-color"),l=n.closest(".note-color").find(".note-current-color-button");a.css(s,r),l.attr("data-"+i,r),e.context.invoke("editor."+i,r)}}})]}).render()}),this.context.memo("button.ul",function(){return e.button({contents:e.ui.icon(e.options.icons.unorderedlist),tooltip:e.lang.lists.unordered+e.representShortcut("insertUnorderedList"),click:e.context.createInvokeHandler("editor.insertUnorderedList")}).render()}),this.context.memo("button.ol",function(){return e.button({contents:e.ui.icon(e.options.icons.orderedlist),tooltip:e.lang.lists.ordered+e.representShortcut("insertOrderedList"),click:e.context.createInvokeHandler("editor.insertOrderedList")}).render()});var s=this.button({contents:this.ui.icon(this.options.icons.alignLeft),tooltip:this.lang.paragraph.left+this.representShortcut("justifyLeft"),click:this.context.createInvokeHandler("editor.justifyLeft")}),a=this.button({contents:this.ui.icon(this.options.icons.alignCenter),tooltip:this.lang.paragraph.center+this.representShortcut("justifyCenter"),click:this.context.createInvokeHandler("editor.justifyCenter")}),l=this.button({contents:this.ui.icon(this.options.icons.alignRight),tooltip:this.lang.paragraph.right+this.representShortcut("justifyRight"),click:this.context.createInvokeHandler("editor.justifyRight")}),c=this.button({contents:this.ui.icon(this.options.icons.alignJustify),tooltip:this.lang.paragraph.justify+this.representShortcut("justifyFull"),click:this.context.createInvokeHandler("editor.justifyFull")}),d=this.button({contents:this.ui.icon(this.options.icons.outdent),tooltip:this.lang.paragraph.outdent+this.representShortcut("outdent"),click:this.context.createInvokeHandler("editor.outdent")}),u=this.button({contents:this.ui.icon(this.options.icons.indent),tooltip:this.lang.paragraph.indent+this.representShortcut("indent"),click:this.context.createInvokeHandler("editor.indent")});this.context.memo("button.justifyLeft",C.invoke(s,"render")),this.context.memo("button.justifyCenter",C.invoke(a,"render")),this.context.memo("button.justifyRight",C.invoke(l,"render")),this.context.memo("button.justifyFull",C.invoke(c,"render")),this.context.memo("button.outdent",C.invoke(d,"render")),this.context.memo("button.indent",C.invoke(u,"render")),this.context.memo("button.paragraph",function(){return e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents(e.ui.icon(e.options.icons.alignLeft),e.options),tooltip:e.lang.paragraph.paragraph,data:{toggle:"dropdown"}}),e.ui.dropdown([e.ui.buttonGroup({className:"note-align",children:[s,a,l,c]}),e.ui.buttonGroup({className:"note-list",children:[d,u]})])]).render()}),this.context.memo("button.height",function(){return e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents(e.ui.icon(e.options.icons.textHeight),e.options),tooltip:e.lang.font.height,data:{toggle:"dropdown"}}),e.ui.dropdownCheck({items:e.options.lineHeights,checkClassName:e.options.icons.menuCheck,className:"dropdown-line-height",click:e.context.createInvokeHandler("editor.lineHeight")})]).render()}),this.context.memo("button.table",function(){return e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents(e.ui.icon(e.options.icons.table),e.options),tooltip:e.lang.table.table,data:{toggle:"dropdown"}}),e.ui.dropdown({className:"note-table",items:['<div class="note-dimension-picker">','  <div class="note-dimension-picker-mousecatcher" data-event="insertTable" data-value="1x1"/>','  <div class="note-dimension-picker-highlighted"/>','  <div class="note-dimension-picker-unhighlighted"/>',"</div>",'<div class="note-dimension-display">1 x 1</div>'].join("")})],{callback:function(t){t.find(".note-dimension-picker-mousecatcher").css({width:e.options.insertTableMaxSize.col+"em",height:e.options.insertTableMaxSize.row+"em"}).mousedown(e.context.createInvokeHandler("editor.insertTable")).on("mousemove",e.tableMoveHandler.bind(e))}}).render()}),this.context.memo("button.link",function(){return e.button({contents:e.ui.icon(e.options.icons.link),tooltip:e.lang.link.link+e.representShortcut("linkDialog.show"),click:e.context.createInvokeHandler("linkDialog.show")}).render()}),this.context.memo("button.picture",function(){return e.button({contents:e.ui.icon(e.options.icons.picture),tooltip:e.lang.image.image,click:e.context.createInvokeHandler("imageDialog.show")}).render()}),this.context.memo("button.video",function(){return e.button({contents:e.ui.icon(e.options.icons.video),tooltip:e.lang.video.video,click:e.context.createInvokeHandler("videoDialog.show")}).render()}),this.context.memo("button.hr",function(){return e.button({contents:e.ui.icon(e.options.icons.minus),tooltip:e.lang.hr.insert+e.representShortcut("insertHorizontalRule"),click:e.context.createInvokeHandler("editor.insertHorizontalRule")}).render()}),this.context.memo("button.fullscreen",function(){return e.button({className:"btn-fullscreen",contents:e.ui.icon(e.options.icons.arrowsAlt),tooltip:e.options.fullscreen,click:e.context.createInvokeHandler("fullscreen.toggle")}).render()}),this.context.memo("button.codeview",function(){return e.button({className:"btn-codeview",contents:e.ui.icon(e.options.icons.code),tooltip:e.options.codeview,click:e.context.createInvokeHandler("codeview.toggle")}).render()}),this.context.memo("button.redo",function(){return e.button({contents:e.ui.icon(e.options.icons.redo),tooltip:e.lang.history.redo+e.representShortcut("redo"),click:e.context.createInvokeHandler("editor.redo")}).render()}),this.context.memo("button.undo",function(){return e.button({contents:e.ui.icon(e.options.icons.undo),tooltip:e.lang.history.undo+e.representShortcut("undo"),click:e.context.createInvokeHandler("editor.undo")}).render()}),this.context.memo("button.help",function(){return e.button({contents:e.ui.icon(e.options.icons.question),tooltip:e.options.help,click:e.context.createInvokeHandler("helpDialog.show")}).render()})},e.prototype.addImagePopoverButtons=function(){var t=this;this.context.memo("button.imageSize100",function(){return t.button({contents:'<span class="note-fontsize-10">100%</span>',tooltip:t.lang.image.resizeFull,click:t.context.createInvokeHandler("editor.resize","1")}).render()}),this.context.memo("button.imageSize50",function(){return t.button({contents:'<span class="note-fontsize-10">50%</span>',tooltip:t.lang.image.resizeHalf,click:t.context.createInvokeHandler("editor.resize","0.5")}).render()}),this.context.memo("button.imageSize25",function(){return t.button({contents:'<span class="note-fontsize-10">25%</span>',tooltip:t.lang.image.resizeQuarter,click:t.context.createInvokeHandler("editor.resize","0.25")}).render()}),this.context.memo("button.floatLeft",function(){return t.button({contents:t.ui.icon(t.options.icons.alignLeft),tooltip:t.lang.image.floatLeft,click:t.context.createInvokeHandler("editor.floatMe","left")}).render()}),this.context.memo("button.floatRight",function(){return t.button({contents:t.ui.icon(t.options.icons.alignRight),tooltip:t.lang.image.floatRight,click:t.context.createInvokeHandler("editor.floatMe","right")}).render()}),this.context.memo("button.floatNone",function(){return t.button({contents:t.ui.icon(t.options.icons.alignJustify),tooltip:t.lang.image.floatNone,click:t.context.createInvokeHandler("editor.floatMe","none")}).render()}),this.context.memo("button.removeMedia",function(){return t.button({contents:t.ui.icon(t.options.icons.trash),tooltip:t.lang.image.remove,click:t.context.createInvokeHandler("editor.removeMedia")}).render()})},e.prototype.addLinkPopoverButtons=function(){var t=this;this.context.memo("button.linkDialogShow",function(){return t.button({contents:t.ui.icon(t.options.icons.link),tooltip:t.lang.link.edit,click:t.context.createInvokeHandler("linkDialog.show")}).render()}),this.context.memo("button.unlink",function(){return t.button({contents:t.ui.icon(t.options.icons.unlink),tooltip:t.lang.link.unlink,click:t.context.createInvokeHandler("editor.unlink")}).render()})},e.prototype.addTablePopoverButtons=function(){var t=this;this.context.memo("button.addRowUp",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.rowAbove),tooltip:t.lang.table.addRowAbove,click:t.context.createInvokeHandler("editor.addRow","top")}).render()}),this.context.memo("button.addRowDown",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.rowBelow),tooltip:t.lang.table.addRowBelow,click:t.context.createInvokeHandler("editor.addRow","bottom")}).render()}),this.context.memo("button.addColLeft",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.colBefore),tooltip:t.lang.table.addColLeft,click:t.context.createInvokeHandler("editor.addCol","left")}).render()}),this.context.memo("button.addColRight",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.colAfter),tooltip:t.lang.table.addColRight,click:t.context.createInvokeHandler("editor.addCol","right")}).render()}),this.context.memo("button.deleteRow",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.rowRemove),tooltip:t.lang.table.delRow,click:t.context.createInvokeHandler("editor.deleteRow")}).render()}),this.context.memo("button.deleteCol",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.colRemove),tooltip:t.lang.table.delCol,click:t.context.createInvokeHandler("editor.deleteCol")}).render()}),this.context.memo("button.deleteTable",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.trash),tooltip:t.lang.table.delTable,click:t.context.createInvokeHandler("editor.deleteTable")}).render()})},e.prototype.build=function(e,o){for(var n=0,i=o.length;n<i;n++){for(var r=o[n],s=t.isArray(r)?r[0]:r,a=t.isArray(r)?1===r.length?[r[0]]:r[1]:[r],l=this.ui.buttonGroup({className:"note-"+s}).render(),c=0,d=a.length;c<d;c++){var u=this.context.memo("button."+a[c]);u&&l.append("function"==typeof u?u(this.context):u)}l.appendTo(e)}},e.prototype.updateCurrentStyle=function(e){var o=this,n=e||this.$toolbar,i=this.context.invoke("editor.currentStyle");if(this.updateBtnStates(n,{".note-btn-bold":function(){return"bold"===i["font-bold"]},".note-btn-italic":function(){return"italic"===i["font-italic"]},".note-btn-underline":function(){return"underline"===i["font-underline"]},".note-btn-subscript":function(){return"subscript"===i["font-subscript"]},".note-btn-superscript":function(){return"superscript"===i["font-superscript"]},".note-btn-strikethrough":function(){return"strikethrough"===i["font-strikethrough"]}}),i["font-family"]){var r=i["font-family"].split(",").map(function(t){return t.replace(/[\'\"]/g,"").replace(/\s+$/,"").replace(/^\s+/,"")}),s=N.find(r,this.isFontInstalled.bind(this));n.find(".dropdown-fontname a").each(function(e,o){var n=t(o),i=n.data("value")+""==s+"";n.toggleClass("checked",i)}),n.find(".note-current-fontname").text(s).css("font-family",s)}if(i["font-size"]){var a=i["font-size"];n.find(".dropdown-fontsize a").each(function(e,o){var n=t(o),i=n.data("value")+""==a+"";n.toggleClass("checked",i)}),n.find(".note-current-fontsize").text(a)}if(i["line-height"]){var l=i["line-height"];n.find(".dropdown-line-height li a").each(function(e,n){var i=t(n).data("value")+""==l+"";o.className=i?"checked":""})}},e.prototype.updateBtnStates=function(e,o){var n=this;t.each(o,function(t,o){n.ui.toggleBtnActive(e.find(t),o())})},e.prototype.tableMoveHandler=function(e){var o,n=t(e.target.parentNode),i=n.next(),r=n.find(".note-dimension-picker-mousecatcher"),s=n.find(".note-dimension-picker-highlighted"),a=n.find(".note-dimension-picker-unhighlighted");if(void 0===e.offsetX){var l=t(e.target).offset();o={x:e.pageX-l.left,y:e.pageY-l.top}}else o={x:e.offsetX,y:e.offsetY};var c=Math.ceil(o.x/18)||1,d=Math.ceil(o.y/18)||1;s.css({width:c+"em",height:d+"em"}),r.data("value",c+"x"+d),c>3&&c<this.options.insertTableMaxSize.col&&a.css({width:c+1+"em"}),d>3&&d<this.options.insertTableMaxSize.row&&a.css({height:d+1+"em"}),i.html(c+" x "+d)},e}(),te=function(){function e(e){this.context=e,this.$window=t(window),this.$document=t(document),this.ui=t.summernote.ui,this.$note=e.layoutInfo.note,this.$editor=e.layoutInfo.editor,this.$toolbar=e.layoutInfo.toolbar,this.options=e.options,this.followScroll=this.followScroll.bind(this)}return e.prototype.shouldInitialize=function(){return!this.options.airMode},e.prototype.initialize=function(){var t=this;this.options.toolbar=this.options.toolbar||[],this.options.toolbar.length?this.context.invoke("buttons.build",this.$toolbar,this.options.toolbar):this.$toolbar.hide(),this.options.toolbarContainer&&this.$toolbar.appendTo(this.options.toolbarContainer),this.changeContainer(!1),this.$note.on("summernote.keyup summernote.mouseup summernote.change",function(){t.context.invoke("buttons.updateCurrentStyle")}),this.context.invoke("buttons.updateCurrentStyle"),this.options.followingToolbar&&this.$window.on("scroll resize",this.followScroll)},e.prototype.destroy=function(){this.$toolbar.children().remove(),this.options.followingToolbar&&this.$window.off("scroll resize",this.followScroll)},e.prototype.followScroll=function(){if(this.$editor.hasClass("fullscreen"))return!1;var e=this.$toolbar.parent(".note-toolbar-wrapper"),o=this.$editor.outerHeight(),n=this.$editor.width(),i=this.$toolbar.height();e.css({height:i});var r=0;this.options.otherStaticBar&&(r=t(this.options.otherStaticBar).outerHeight());var s=this.$document.scrollTop(),a=this.$editor.offset().top;s>a-r&&s<a+o-r-i?this.$toolbar.css({position:"fixed",top:r,width:n}):this.$toolbar.css({position:"relative",top:0,width:"100%"})},e.prototype.changeContainer=function(t){t?this.$toolbar.prependTo(this.$editor):this.options.toolbarContainer&&this.$toolbar.appendTo(this.options.toolbarContainer)},e.prototype.updateFullscreen=function(t){this.ui.toggleBtnActive(this.$toolbar.find(".btn-fullscreen"),t),this.changeContainer(t)},e.prototype.updateCodeview=function(t){this.ui.toggleBtnActive(this.$toolbar.find(".btn-codeview"),t),t?this.deactivate():this.activate()},e.prototype.activate=function(t){var e=this.$toolbar.find("button");t||(e=e.not(".btn-codeview")),this.ui.toggleBtn(e,!0)},e.prototype.deactivate=function(t){var e=this.$toolbar.find("button");t||(e=e.not(".btn-codeview")),this.ui.toggleBtn(e,!1)},e}(),ee=function(){function e(e){this.context=e,this.ui=t.summernote.ui,this.$body=t(document.body),this.$editor=e.layoutInfo.editor,this.options=e.options,this.lang=this.options.langInfo,e.memo("help.linkDialog.show",this.options.langInfo.help["linkDialog.show"])}return e.prototype.initialize=function(){var e=this.options.dialogsInBody?this.$body:this.$editor,o=['<div class="form-group note-form-group">','<label class="note-form-label">'+this.lang.link.textToDisplay+"</label>",'<input class="note-link-text form-control note-form-control  note-input" type="text" />',"</div>",'<div class="form-group note-form-group">','<label class="note-form-label">'+this.lang.link.url+"</label>",'<input class="note-link-url form-control note-form-control note-input" type="text" value="http://" />',"</div>",this.options.disableLinkTarget?"":t("<div/>").append(this.ui.checkbox({id:"sn-checkbox-open-in-new-window",text:this.lang.link.openInNewWindow,checked:!0}).render()).html()].join(""),n='<button type="submit" href="#" class="btn btn-primary note-btn note-btn-primary note-link-btn" disabled>'+this.lang.link.insert+"</button>";this.$dialog=this.ui.dialog({className:"link-dialog",title:this.lang.link.insert,fade:this.options.dialogsFade,body:o,footer:n}).render().appendTo(e)},e.prototype.destroy=function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()},e.prototype.bindEnterKey=function(t,e){t.on("keypress",function(t){t.keyCode===At.code.ENTER&&(t.preventDefault(),e.trigger("click"))})},e.prototype.toggleLinkBtn=function(t,e,o){this.ui.toggleBtn(t,e.val()&&o.val())},e.prototype.showLinkDialog=function(e){var o=this;return t.Deferred(function(t){var n=o.$dialog.find(".note-link-text"),i=o.$dialog.find(".note-link-url"),r=o.$dialog.find(".note-link-btn"),s=o.$dialog.find("input[type=checkbox]");o.ui.onDialogShown(o.$dialog,function(){o.context.triggerEvent("dialog.shown"),e.url||(e.url=e.text),n.val(e.text);var a=function(){o.toggleLinkBtn(r,n,i),e.text=n.val()};n.on("input",a).on("paste",function(){setTimeout(a,0)});var l=function(){o.toggleLinkBtn(r,n,i),e.text||n.val(i.val())};i.on("input",l).on("paste",function(){setTimeout(l,0)}).val(e.url),B.isSupportTouch||i.trigger("focus"),o.toggleLinkBtn(r,n,i),o.bindEnterKey(i,r),o.bindEnterKey(n,r);var c=void 0!==e.isNewWindow?e.isNewWindow:o.context.options.linkTargetBlank;s.prop("checked",c),r.one("click",function(r){r.preventDefault(),t.resolve({range:e.range,url:i.val(),text:n.val(),isNewWindow:s.is(":checked")}),o.ui.hideDialog(o.$dialog)})}),o.ui.onDialogHidden(o.$dialog,function(){n.off("input paste keypress"),i.off("input paste keypress"),r.off("click"),"pending"===t.state()&&t.reject()}),o.ui.showDialog(o.$dialog)}).promise()},e.prototype.show=function(){var t=this,e=this.context.invoke("editor.getLinkInfo");this.context.invoke("editor.saveRange"),this.showLinkDialog(e).then(function(e){t.context.invoke("editor.restoreRange"),t.context.invoke("editor.createLink",e)}).fail(function(){t.context.invoke("editor.restoreRange")})},e}(),oe=function(){function e(e){var o=this;this.context=e,this.ui=t.summernote.ui,this.options=e.options,this.events={"summernote.keyup summernote.mouseup summernote.change summernote.scroll":function(){o.update()},"summernote.disable summernote.dialog.shown":function(){o.hide()}}}return e.prototype.shouldInitialize=function(){return!N.isEmpty(this.options.popover.link)},e.prototype.initialize=function(){this.$popover=this.ui.popover({className:"note-link-popover",callback:function(t){t.find(".popover-content,.note-popover-content").prepend('<span><a target="_blank"></a>&nbsp;</span>')}}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content,.note-popover-content");this.context.invoke("buttons.build",t,this.options.popover.link)},e.prototype.destroy=function(){this.$popover.remove()},e.prototype.update=function(){if(this.context.invoke("editor.hasFocus")){var e=this.context.invoke("editor.createRange");if(e.isCollapsed()&&e.isOnAnchor()){var o=Nt.ancestor(e.sc,Nt.isAnchor),n=t(o).attr("href");this.$popover.find("a").attr("href",n).html(n);var i=Nt.posFromPlaceholder(o);this.$popover.css({display:"block",left:i.left,top:i.top})}else this.hide()}else this.hide()},e.prototype.hide=function(){this.$popover.hide()},e}(),ne=function(){function e(e){this.context=e,this.ui=t.summernote.ui,this.$body=t(document.body),this.$editor=e.layoutInfo.editor,this.options=e.options,this.lang=this.options.langInfo}return e.prototype.initialize=function(){var t=this.options.dialogsInBody?this.$body:this.$editor,e="";if(this.options.maximumImageFileSize){var o=Math.floor(Math.log(this.options.maximumImageFileSize)/Math.log(1024)),n=1*(this.options.maximumImageFileSize/Math.pow(1024,o)).toFixed(2)+" "+" KMGTP"[o]+"B";e="<small>"+this.lang.image.maximumFileSize+" : "+n+"</small>"}var i=['<div class="form-group note-form-group note-group-select-from-files">','<label class="note-form-label">'+this.lang.image.selectFromFiles+"</label>",'<input class="note-image-input note-form-control note-input" ',' type="file" name="files" accept="image/*" multiple="multiple" />',e,"</div>",'<div class="form-group note-group-image-url" style="overflow:auto;">','<label class="note-form-label">'+this.lang.image.url+"</label>",'<input class="note-image-url form-control note-form-control note-input ',' col-md-12" type="text" />',"</div>"].join(""),r='<button type="submit" href="#" class="btn btn-primary note-btn note-btn-primary note-image-btn" disabled>'+this.lang.image.insert+"</button>";this.$dialog=this.ui.dialog({title:this.lang.image.insert,fade:this.options.dialogsFade,body:i,footer:r}).render().appendTo(t)},e.prototype.destroy=function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()},e.prototype.bindEnterKey=function(t,e){t.on("keypress",function(t){t.keyCode===At.code.ENTER&&(t.preventDefault(),e.trigger("click"))})},e.prototype.show=function(){var t=this;this.context.invoke("editor.saveRange"),this.showImageDialog().then(function(e){t.ui.hideDialog(t.$dialog),t.context.invoke("editor.restoreRange"),"string"==typeof e?t.context.invoke("editor.insertImage",e):t.context.invoke("editor.insertImagesOrCallback",e)}).fail(function(){t.context.invoke("editor.restoreRange")})},e.prototype.showImageDialog=function(){var e=this;return t.Deferred(function(t){var o=e.$dialog.find(".note-image-input"),n=e.$dialog.find(".note-image-url"),i=e.$dialog.find(".note-image-btn");e.ui.onDialogShown(e.$dialog,function(){e.context.triggerEvent("dialog.shown"),o.replaceWith(o.clone().on("change",function(e){t.resolve(e.target.files||e.target.value)}).val("")),i.click(function(e){e.preventDefault(),t.resolve(n.val())}),n.on("keyup paste",function(){var t=n.val();e.ui.toggleBtn(i,t)}).val(""),B.isSupportTouch||n.trigger("focus"),e.bindEnterKey(n,i)}),e.ui.onDialogHidden(e.$dialog,function(){o.off("change"),n.off("keyup paste keypress"),i.off("click"),"pending"===t.state()&&t.reject()}),e.ui.showDialog(e.$dialog)})},e}(),ie=function(){function e(e){var o=this;this.context=e,this.ui=t.summernote.ui,this.editable=e.layoutInfo.editable[0],this.options=e.options,this.events={"summernote.disable":function(){o.hide()}}}return e.prototype.shouldInitialize=function(){return!N.isEmpty(this.options.popover.image)},e.prototype.initialize=function(){this.$popover=this.ui.popover({className:"note-image-popover"}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content,.note-popover-content");this.context.invoke("buttons.build",t,this.options.popover.image)},e.prototype.destroy=function(){this.$popover.remove()},e.prototype.update=function(t){if(Nt.isImg(t)){var e=Nt.posFromPlaceholder(t),o=Nt.posFromPlaceholder(this.editable);this.$popover.css({display:"block",left:this.options.popatmouse?event.pageX-20:e.left,top:this.options.popatmouse?event.pageY:Math.min(e.top,o.top)})}else this.hide()},e.prototype.hide=function(){this.$popover.hide()},e}(),re=function(){function e(e){var o=this;this.context=e,this.ui=t.summernote.ui,this.options=e.options,this.events={"summernote.mousedown":function(t,e){o.update(e.target)},"summernote.keyup summernote.scroll summernote.change":function(){o.update()},"summernote.disable":function(){o.hide()}}}return e.prototype.shouldInitialize=function(){return!N.isEmpty(this.options.popover.table)},e.prototype.initialize=function(){this.$popover=this.ui.popover({className:"note-table-popover"}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content,.note-popover-content");this.context.invoke("buttons.build",t,this.options.popover.table),B.isFF&&document.execCommand("enableInlineTableEditing",!1,!1)},e.prototype.destroy=function(){this.$popover.remove()},e.prototype.update=function(t){if(this.context.isDisabled())return!1;var e=Nt.isCell(t);if(e){var o=Nt.posFromPlaceholder(t);this.$popover.css({display:"block",left:o.left,top:o.top})}else this.hide();return e},e.prototype.hide=function(){this.$popover.hide()},e}(),se=function(){function e(e){this.context=e,this.ui=t.summernote.ui,this.$body=t(document.body),this.$editor=e.layoutInfo.editor,this.options=e.options,this.lang=this.options.langInfo}return e.prototype.initialize=function(){var t=this.options.dialogsInBody?this.$body:this.$editor,e=['<div class="form-group note-form-group row-fluid">','<label class="note-form-label">'+this.lang.video.url+' <small class="text-muted">'+this.lang.video.providers+"</small></label>",'<input class="note-video-url form-control note-form-control note-input" type="text" />',"</div>"].join(""),o='<button type="submit" href="#" class="btn btn-primary note-btn note-btn-primary note-video-btn" disabled>'+this.lang.video.insert+"</button>";this.$dialog=this.ui.dialog({title:this.lang.video.insert,fade:this.options.dialogsFade,body:e,footer:o}).render().appendTo(t)},e.prototype.destroy=function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()},e.prototype.bindEnterKey=function(t,e){t.on("keypress",function(t){t.keyCode===At.code.ENTER&&(t.preventDefault(),e.trigger("click"))})},e.prototype.createVideoNode=function(e){var o,n=e.match(/^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/),i=e.match(/(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/),r=e.match(/\/\/vine\.co\/v\/([a-zA-Z0-9]+)/),s=e.match(/\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/),a=e.match(/.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/),l=e.match(/\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/),c=e.match(/\/\/v\.qq\.com.*?vid=(.+)/),d=e.match(/\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/),u=e.match(/^.+.(mp4|m4v)$/),h=e.match(/^.+.(ogg|ogv)$/),p=e.match(/^.+.(webm)$/);if(n&&11===n[1].length){var f=n[1];o=t("<iframe>").attr("frameborder",0).attr("src","//www.youtube.com/embed/"+f).attr("width","640").attr("height","360")}else if(i&&i[0].length)o=t("<iframe>").attr("frameborder",0).attr("src","https://instagram.com/p/"+i[1]+"/embed/").attr("width","612").attr("height","710").attr("scrolling","no").attr("allowtransparency","true");else if(r&&r[0].length)o=t("<iframe>").attr("frameborder",0).attr("src",r[0]+"/embed/simple").attr("width","600").attr("height","600").attr("class","vine-embed");else if(s&&s[3].length)o=t("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("src","//player.vimeo.com/video/"+s[3]).attr("width","640").attr("height","360");else if(a&&a[2].length)o=t("<iframe>").attr("frameborder",0).attr("src","//www.dailymotion.com/embed/video/"+a[2]).attr("width","640").attr("height","360");else if(l&&l[1].length)o=t("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("height","498").attr("width","510").attr("src","//player.youku.com/embed/"+l[1]);else if(c&&c[1].length||d&&d[2].length){var m=c&&c[1].length?c[1]:d[2];o=t("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("height","310").attr("width","500").attr("src","http://v.qq.com/iframe/player.html?vid="+m+"&amp;auto=0")}else{if(!(u||h||p))return!1;o=t("<video controls>").attr("src",e).attr("width","640").attr("height","360")}return o.addClass("note-video-clip"),o[0]},e.prototype.show=function(){var t=this,e=this.context.invoke("editor.getSelectedText");this.context.invoke("editor.saveRange"),this.showVideoDialog(e).then(function(e){t.ui.hideDialog(t.$dialog),t.context.invoke("editor.restoreRange");var o=t.createVideoNode(e);o&&t.context.invoke("editor.insertNode",o)}).fail(function(){t.context.invoke("editor.restoreRange")})},e.prototype.showVideoDialog=function(e){var o=this;return t.Deferred(function(t){var n=o.$dialog.find(".note-video-url"),i=o.$dialog.find(".note-video-btn");o.ui.onDialogShown(o.$dialog,function(){o.context.triggerEvent("dialog.shown"),n.val(e).on("input",function(){o.ui.toggleBtn(i,n.val())}),B.isSupportTouch||n.trigger("focus"),i.click(function(e){e.preventDefault(),t.resolve(n.val())}),o.bindEnterKey(n,i)}),o.ui.onDialogHidden(o.$dialog,function(){n.off("input"),i.off("click"),"pending"===t.state()&&t.reject()}),o.ui.showDialog(o.$dialog)})},e}(),ae=function(){function e(e){this.context=e,this.ui=t.summernote.ui,this.$body=t(document.body),this.$editor=e.layoutInfo.editor,this.options=e.options,this.lang=this.options.langInfo}return e.prototype.initialize=function(){var t=this.options.dialogsInBody?this.$body:this.$editor,e=['<p class="text-center">','<a href="http://summernote.org/" target="_blank">Summernote 0.8.9</a> · ','<a href="https://github.com/summernote/summernote" target="_blank">Project</a> · ','<a href="https://github.com/summernote/summernote/issues" target="_blank">Issues</a>',"</p>"].join("");this.$dialog=this.ui.dialog({title:this.lang.options.help,fade:this.options.dialogsFade,body:this.createShortcutList(),footer:e,callback:function(t){t.find(".modal-body,.note-modal-body").css({"max-height":300,overflow:"scroll"})}}).render().appendTo(t)},e.prototype.destroy=function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()},e.prototype.createShortcutList=function(){var e=this,o=this.options.keyMap[B.isMac?"mac":"pc"];return Object.keys(o).map(function(n){var i=o[n],r=t('<div><div class="help-list-item"/></div>');return r.append(t("<label><kbd>"+n+"</kdb></label>").css({width:180,"margin-right":10})).append(t("<span/>").html(e.context.memo("help."+i)||i)),r.html()}).join("")},e.prototype.showHelpDialog=function(){var e=this;return t.Deferred(function(t){e.ui.onDialogShown(e.$dialog,function(){e.context.triggerEvent("dialog.shown"),t.resolve()}),e.ui.showDialog(e.$dialog)}).promise()},e.prototype.show=function(){var t=this;this.context.invoke("editor.saveRange"),this.showHelpDialog().then(function(){t.context.invoke("editor.restoreRange")})},e}(),le=function(){function e(e){var o=this;this.context=e,this.ui=t.summernote.ui,this.options=e.options,this.events={"summernote.keyup summernote.mouseup summernote.scroll":function(){o.update()},"summernote.disable summernote.change summernote.dialog.shown":function(){o.hide()},"summernote.focusout":function(t,e){B.isFF||e.relatedTarget&&Nt.ancestor(e.relatedTarget,C.eq(o.$popover[0]))||o.hide()}}}return e.prototype.shouldInitialize=function(){return this.options.airMode&&!N.isEmpty(this.options.popover.air)},e.prototype.initialize=function(){this.$popover=this.ui.popover({className:"note-air-popover"}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content");this.context.invoke("buttons.build",t,this.options.popover.air)},e.prototype.destroy=function(){this.$popover.remove()},e.prototype.update=function(){var t=this.context.invoke("editor.currentStyle");if(t.range&&!t.range.isCollapsed()){var e=N.last(t.range.getClientRects());if(e){var o=C.rect2bnd(e);this.$popover.css({display:"block",left:Math.max(o.left+o.width/2,0)-20,top:o.top+o.height}),this.context.invoke("buttons.updateCurrentStyle",this.$popover)}}else this.hide()},e.prototype.hide=function(){this.$popover.hide()},e}(),ce=function(){function e(e){var o=this;this.context=e,this.ui=t.summernote.ui,this.$editable=e.layoutInfo.editable,this.options=e.options,this.hint=this.options.hint||[],this.direction=this.options.hintDirection||"bottom",this.hints=t.isArray(this.hint)?this.hint:[this.hint],this.events={"summernote.keyup":function(t,e){e.isDefaultPrevented()||o.handleKeyup(e)},"summernote.keydown":function(t,e){o.handleKeydown(e)},"summernote.disable summernote.dialog.shown":function(){o.hide()}}}return e.prototype.shouldInitialize=function(){return this.hints.length>0},e.prototype.initialize=function(){var e=this;this.lastWordRange=null,this.$popover=this.ui.popover({className:"note-hint-popover",hideArrow:!0,direction:""}).render().appendTo(this.options.container),this.$popover.hide(),this.$content=this.$popover.find(".popover-content,.note-popover-content"),this.$content.on("click",".note-hint-item",function(){e.$content.find(".active").removeClass("active"),t(e).addClass("active"),e.replace()})},e.prototype.destroy=function(){this.$popover.remove()},e.prototype.selectItem=function(t){this.$content.find(".active").removeClass("active"),t.addClass("active"),this.$content[0].scrollTop=t[0].offsetTop-this.$content.innerHeight()/2},e.prototype.moveDown=function(){var t=this.$content.find(".note-hint-item.active"),e=t.next();if(e.length)this.selectItem(e);else{var o=t.parent().next();o.length||(o=this.$content.find(".note-hint-group").first()),this.selectItem(o.find(".note-hint-item").first())}},e.prototype.moveUp=function(){var t=this.$content.find(".note-hint-item.active"),e=t.prev();if(e.length)this.selectItem(e);else{var o=t.parent().prev();o.length||(o=this.$content.find(".note-hint-group").last()),this.selectItem(o.find(".note-hint-item").last())}},e.prototype.replace=function(){var t=this.$content.find(".note-hint-item.active");if(t.length){var e=this.nodeFromItem(t);this.lastWordRange.insertNode(e),Ht.createFromNode(e).collapse().select(),this.lastWordRange=null,this.hide(),this.context.triggerEvent("change",this.$editable.html(),this.$editable[0]),this.context.invoke("editor.focus")}},e.prototype.nodeFromItem=function(t){var e=this.hints[t.data("index")],o=t.data("item"),n=e.content?e.content(o):o;return"string"==typeof n&&(n=Nt.createText(n)),n},e.prototype.createItemTemplates=function(e,o){var n=this.hints[e];return o.map(function(o,i){var r=t('<div class="note-hint-item"/>');return r.append(n.template?n.template(o):o+""),r.data({index:e,item:o}),r})},e.prototype.handleKeydown=function(t){this.$popover.is(":visible")&&(t.keyCode===At.code.ENTER?(t.preventDefault(),this.replace()):t.keyCode===At.code.UP?(t.preventDefault(),this.moveUp()):t.keyCode===At.code.DOWN&&(t.preventDefault(),this.moveDown()))},e.prototype.searchKeyword=function(t,e,o){var n=this.hints[t];if(n&&n.match.test(e)&&n.search){var i=n.match.exec(e);n.search(i[1],o)}else o()},e.prototype.createGroup=function(e,o){var n=this,i=t('<div class="note-hint-group note-hint-group-'+e+'"/>');return this.searchKeyword(e,o,function(t){(t=t||[]).length&&(i.html(n.createItemTemplates(e,t)),n.show())}),i},e.prototype.handleKeyup=function(t){var e=this;if(!N.contains([At.code.ENTER,At.code.UP,At.code.DOWN],t.keyCode)){var o=this.context.invoke("editor.createRange").getWordRange(),n=o.toString();if(this.hints.length&&n){this.$content.empty();var i=C.rect2bnd(N.last(o.getClientRects()));i&&(this.$popover.hide(),this.lastWordRange=o,this.hints.forEach(function(t,o){t.match.test(n)&&e.createGroup(o,n).appendTo(e.$content)}),this.$content.find(".note-hint-item:first").addClass("active"),"top"===this.direction?this.$popover.css({left:i.left,top:i.top-this.$popover.outerHeight()-5}):this.$popover.css({left:i.left,top:i.top+i.height+5}))}else this.hide()}},e.prototype.show=function(){this.$popover.show()},e.prototype.hide=function(){this.$popover.hide()},e}(),de=function(){function e(e,o){this.ui=t.summernote.ui,this.$note=e,this.memos={},this.modules={},this.layoutInfo={},this.options=o,this.initialize()}return e.prototype.initialize=function(){return this.layoutInfo=this.ui.createLayout(this.$note,this.options),this._initialize(),this.$note.hide(),this},e.prototype.destroy=function(){this._destroy(),this.$note.removeData("summernote"),this.ui.removeLayout(this.$note,this.layoutInfo)},e.prototype.reset=function(){var t=this.isDisabled();this.code(Nt.emptyPara),this._destroy(),this._initialize(),t&&this.disable()},e.prototype._initialize=function(){var e=this,o=t.extend({},this.options.buttons);Object.keys(o).forEach(function(t){e.memo("button."+t,o[t])});var n=t.extend({},this.options.modules,t.summernote.plugins||{});Object.keys(n).forEach(function(t){e.module(t,n[t],!0)}),Object.keys(this.modules).forEach(function(t){e.initializeModule(t)})},e.prototype._destroy=function(){var t=this;Object.keys(this.modules).reverse().forEach(function(e){t.removeModule(e)}),Object.keys(this.memos).forEach(function(e){t.removeMemo(e)}),this.triggerEvent("destroy",this)},e.prototype.code=function(t){var e=this.invoke("codeview.isActivated");if(void 0===t)return this.invoke("codeview.sync"),e?this.layoutInfo.codable.val():this.layoutInfo.editable.html();e?this.layoutInfo.codable.val(t):this.layoutInfo.editable.html(t),this.$note.val(t),this.triggerEvent("change",t)},e.prototype.isDisabled=function(){return"false"===this.layoutInfo.editable.attr("contenteditable")},e.prototype.enable=function(){this.layoutInfo.editable.attr("contenteditable",!0),this.invoke("toolbar.activate",!0),this.triggerEvent("disable",!1)},e.prototype.disable=function(){this.invoke("codeview.isActivated")&&this.invoke("codeview.deactivate"),this.layoutInfo.editable.attr("contenteditable",!1),this.invoke("toolbar.deactivate",!0),this.triggerEvent("disable",!0)},e.prototype.triggerEvent=function(){var t=N.head(arguments),e=N.tail(N.from(arguments)),o=this.options.callbacks[C.namespaceToCamel(t,"on")];o&&o.apply(this.$note[0],e),this.$note.trigger("summernote."+t,e)},e.prototype.initializeModule=function(t){var e=this.modules[t];e.shouldInitialize=e.shouldInitialize||C.ok,e.shouldInitialize()&&(e.initialize&&e.initialize(),e.events&&Nt.attachEvents(this.$note,e.events))},e.prototype.module=function(t,e,o){if(1===arguments.length)return this.modules[t];this.modules[t]=new e(this),o||this.initializeModule(t)},e.prototype.removeModule=function(t){var e=this.modules[t];e.shouldInitialize()&&(e.events&&Nt.detachEvents(this.$note,e.events),e.destroy&&e.destroy()),delete this.modules[t]},e.prototype.memo=function(t,e){if(1===arguments.length)return this.memos[t];this.memos[t]=e},e.prototype.removeMemo=function(t){this.memos[t]&&this.memos[t].destroy&&this.memos[t].destroy(),delete this.memos[t]},e.prototype.createInvokeHandlerAndUpdateState=function(t,e){var o=this;return function(n){o.createInvokeHandler(t,e)(n),o.invoke("buttons.updateCurrentStyle")}},e.prototype.createInvokeHandler=function(e,o){var n=this;return function(i){i.preventDefault();var r=t(i.target);n.invoke(e,o||r.closest("[data-value]").data("value"),r)}},e.prototype.invoke=function(){var t=N.head(arguments),e=N.tail(N.from(arguments)),o=t.split("."),n=o.length>1,i=n&&N.head(o),r=n?N.last(o):N.head(o),s=this.modules[i||"editor"];return!i&&this[r]?this[r].apply(this,e):s&&s[r]&&s.shouldInitialize()?s[r].apply(s,e):void 0},e}();t.fn.extend({summernote:function(){var e=t.type(N.head(arguments)),o="string"===e,n="object"===e,i=t.extend({},t.summernote.options,n?N.head(arguments):{});i.langInfo=t.extend(!0,{},t.summernote.lang["en-US"],t.summernote.lang[i.lang]),i.icons=t.extend(!0,{},t.summernote.options.icons,i.icons),i.tooltip="auto"===i.tooltip?!B.isSupportTouch:i.tooltip,this.each(function(e,o){var n=t(o);if(!n.data("summernote")){var r=new de(n,i);n.data("summernote",r),n.data("summernote").triggerEvent("init",r.layoutInfo)}});var r=this.first();if(r.length){var s=r.data("summernote");if(o)return s.invoke.apply(s,N.from(arguments));i.focus&&s.invoke("editor.focus")}return this}}),t.summernote=t.extend(t.summernote,{version:"0.8.9",ui:y,dom:Nt,plugins:{},options:{modules:{editor:jt,clipboard:qt,dropzone:Kt,codeview:Vt,statusbar:Wt,fullscreen:_t,handle:Gt,hintPopover:ce,autoLink:Yt,autoSync:Qt,placeholder:Jt,buttons:Xt,toolbar:te,linkDialog:ee,linkPopover:oe,imageDialog:ne,imagePopover:ie,tablePopover:re,videoDialog:se,helpDialog:ae,airPopover:le},buttons:{},lang:"en-US",followingToolbar:!0,otherStaticBar:"",toolbar:[["style",["style"]],["font",["bold","underline","clear"]],["fontname",["fontname"]],["color",["color"]],["para",["ul","ol","paragraph"]],["table",["table"]],["insert",["link","picture","video"]],["view",["fullscreen","codeview","help"]]],popatmouse:!0,popover:{image:[["imagesize",["imageSize100","imageSize50","imageSize25"]],["float",["floatLeft","floatRight","floatNone"]],["remove",["removeMedia"]]],link:[["link",["linkDialogShow","unlink"]]],table:[["add",["addRowDown","addRowUp","addColLeft","addColRight"]],["delete",["deleteRow","deleteCol","deleteTable"]]],air:[["color",["color"]],["font",["bold","underline","clear"]],["para",["ul","paragraph"]],["table",["table"]],["insert",["link","picture"]]]},airMode:!1,width:null,height:null,linkTargetBlank:!0,focus:!1,tabSize:4,styleWithSpan:!0,shortcuts:!0,textareaAutoSync:!0,hintDirection:"bottom",tooltip:"auto",container:"body",maxTextLength:0,styleTags:["p",{title:"Blockquote",tag:"blockquote",className:"blockquote",value:"blockquote"},"pre","h1","h2","h3","h4","h5","h6"],fontNames:["Arial","Arial Black","Comic Sans MS","Courier New","Helvetica Neue","Helvetica","Impact","Lucida Grande","Tahoma","Times New Roman","Verdana"],fontSizes:["8","9","10","11","12","14","18","24","36"],colors:[["#000000","#424242","#636363","#9C9C94","#CEC6CE","#EFEFEF","#F7F7F7","#FFFFFF"],["#FF0000","#FF9C00","#FFFF00","#00FF00","#00FFFF","#0000FF","#9C00FF","#FF00FF"],["#F7C6CE","#FFE7CE","#FFEFC6","#D6EFD6","#CEDEE7","#CEE7F7","#D6D6E7","#E7D6DE"],["#E79C9C","#FFC69C","#FFE79C","#B5D6A5","#A5C6CE","#9CC6EF","#B5A5D6","#D6A5BD"],["#E76363","#F7AD6B","#FFD663","#94BD7B","#73A5AD","#6BADDE","#8C7BC6","#C67BA5"],["#CE0000","#E79439","#EFC631","#6BA54A","#4A7B8C","#3984C6","#634AA5","#A54A7B"],["#9C0000","#B56308","#BD9400","#397B21","#104A5A","#085294","#311873","#731842"],["#630000","#7B3900","#846300","#295218","#083139","#003163","#21104A","#4A1031"]],lineHeights:["1.0","1.2","1.4","1.5","1.6","1.8","2.0","3.0"],tableClassName:"table table-bordered",insertTableMaxSize:{col:10,row:10},dialogsInBody:!1,dialogsFade:!1,maximumImageFileSize:null,callbacks:{onInit:null,onFocus:null,onBlur:null,onBlurCodeview:null,onEnter:null,onKeyup:null,onKeydown:null,onImageUpload:null,onImageUploadError:null},codemirror:{mode:"text/html",htmlMode:!0,lineNumbers:!0},keyMap:{pc:{ENTER:"insertParagraph","CTRL+Z":"undo","CTRL+Y":"redo",TAB:"tab","SHIFT+TAB":"untab","CTRL+B":"bold","CTRL+I":"italic","CTRL+U":"underline","CTRL+SHIFT+S":"strikethrough","CTRL+BACKSLASH":"removeFormat","CTRL+SHIFT+L":"justifyLeft","CTRL+SHIFT+E":"justifyCenter","CTRL+SHIFT+R":"justifyRight","CTRL+SHIFT+J":"justifyFull","CTRL+SHIFT+NUM7":"insertUnorderedList","CTRL+SHIFT+NUM8":"insertOrderedList","CTRL+LEFTBRACKET":"outdent","CTRL+RIGHTBRACKET":"indent","CTRL+NUM0":"formatPara","CTRL+NUM1":"formatH1","CTRL+NUM2":"formatH2","CTRL+NUM3":"formatH3","CTRL+NUM4":"formatH4","CTRL+NUM5":"formatH5","CTRL+NUM6":"formatH6","CTRL+ENTER":"insertHorizontalRule","CTRL+K":"linkDialog.show"},mac:{ENTER:"insertParagraph","CMD+Z":"undo","CMD+SHIFT+Z":"redo",TAB:"tab","SHIFT+TAB":"untab","CMD+B":"bold","CMD+I":"italic","CMD+U":"underline","CMD+SHIFT+S":"strikethrough","CMD+BACKSLASH":"removeFormat","CMD+SHIFT+L":"justifyLeft","CMD+SHIFT+E":"justifyCenter","CMD+SHIFT+R":"justifyRight","CMD+SHIFT+J":"justifyFull","CMD+SHIFT+NUM7":"insertUnorderedList","CMD+SHIFT+NUM8":"insertOrderedList","CMD+LEFTBRACKET":"outdent","CMD+RIGHTBRACKET":"indent","CMD+NUM0":"formatPara","CMD+NUM1":"formatH1","CMD+NUM2":"formatH2","CMD+NUM3":"formatH3","CMD+NUM4":"formatH4","CMD+NUM5":"formatH5","CMD+NUM6":"formatH6","CMD+ENTER":"insertHorizontalRule","CMD+K":"linkDialog.show"}},icons:{align:"note-icon-align",alignCenter:"note-icon-align-center",alignJustify:"note-icon-align-justify",alignLeft:"note-icon-align-left",alignRight:"note-icon-align-right",rowBelow:"note-icon-row-below",colBefore:"note-icon-col-before",colAfter:"note-icon-col-after",rowAbove:"note-icon-row-above",rowRemove:"note-icon-row-remove",colRemove:"note-icon-col-remove",indent:"note-icon-align-indent",outdent:"note-icon-align-outdent",arrowsAlt:"note-icon-arrows-alt",bold:"note-icon-bold",caret:"note-icon-caret",circle:"note-icon-circle",close:"note-icon-close",code:"note-icon-code",eraser:"note-icon-eraser",font:"note-icon-font",frame:"note-icon-frame",italic:"note-icon-italic",link:"note-icon-link",unlink:"note-icon-chain-broken",magic:"note-icon-magic",menuCheck:"note-icon-menu-check",minus:"note-icon-minus",orderedlist:"note-icon-orderedlist",pencil:"note-icon-pencil",picture:"note-icon-picture",question:"note-icon-question",redo:"note-icon-redo",square:"note-icon-square",strikethrough:"note-icon-strikethrough",subscript:"note-icon-subscript",superscript:"note-icon-superscript",table:"note-icon-table",textHeight:"note-icon-text-height",trash:"note-icon-trash",underline:"note-icon-underline",undo:"note-icon-undo",unorderedlist:"note-icon-unorderedlist",video:"note-icon-video"}}})});
\ No newline at end of file
diff --git a/static/old/summernote-lite.css b/static/old/summernote-lite.css
new file mode 100755
index 0000000..40a24ee
--- /dev/null
+++ b/static/old/summernote-lite.css
@@ -0,0 +1 @@
+@font-face{font-family:"summernote";font-style:normal;font-weight:normal;src:url("./font/summernote.eot?e557617934c52ea068954af79ed7c221");src:url("./font/summernote.eot?#iefix") format("embedded-opentype"),url("./font/summernote.woff?e557617934c52ea068954af79ed7c221") format("woff"),url("./font/summernote.ttf?e557617934c52ea068954af79ed7c221") format("truetype")}[class^="note-icon-"]:before,[class*=" note-icon-"]:before{display:inline-block;font:normal normal normal 14px summernote;font-size:inherit;-webkit-font-smoothing:antialiased;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;speak:none;-moz-osx-font-smoothing:grayscale}.note-icon-align-center:before,.note-icon-align-indent:before,.note-icon-align-justify:before,.note-icon-align-left:before,.note-icon-align-outdent:before,.note-icon-align-right:before,.note-icon-align:before,.note-icon-arrow-circle-down:before,.note-icon-arrow-circle-left:before,.note-icon-arrow-circle-right:before,.note-icon-arrow-circle-up:before,.note-icon-arrows-alt:before,.note-icon-arrows-h:before,.note-icon-arrows-v:before,.note-icon-bold:before,.note-icon-caret:before,.note-icon-chain-broken:before,.note-icon-circle:before,.note-icon-close:before,.note-icon-code:before,.note-icon-col-after:before,.note-icon-col-before:before,.note-icon-col-remove:before,.note-icon-eraser:before,.note-icon-font:before,.note-icon-frame:before,.note-icon-italic:before,.note-icon-link:before,.note-icon-magic:before,.note-icon-menu-check:before,.note-icon-minus:before,.note-icon-orderedlist:before,.note-icon-pencil:before,.note-icon-picture:before,.note-icon-question:before,.note-icon-redo:before,.note-icon-row-above:before,.note-icon-row-below:before,.note-icon-row-remove:before,.note-icon-special-character:before,.note-icon-square:before,.note-icon-strikethrough:before,.note-icon-subscript:before,.note-icon-summernote:before,.note-icon-superscript:before,.note-icon-table:before,.note-icon-text-height:before,.note-icon-trash:before,.note-icon-underline:before,.note-icon-undo:before,.note-icon-unorderedlist:before,.note-icon-video:before{display:inline-block;font-family:"summernote";font-style:normal;font-weight:normal;text-decoration:inherit}.note-icon-align-center:before{content:"\f101"}.note-icon-align-indent:before{content:"\f102"}.note-icon-align-justify:before{content:"\f103"}.note-icon-align-left:before{content:"\f104"}.note-icon-align-outdent:before{content:"\f105"}.note-icon-align-right:before{content:"\f106"}.note-icon-align:before{content:"\f107"}.note-icon-arrow-circle-down:before{content:"\f108"}.note-icon-arrow-circle-left:before{content:"\f109"}.note-icon-arrow-circle-right:before{content:"\f10a"}.note-icon-arrow-circle-up:before{content:"\f10b"}.note-icon-arrows-alt:before{content:"\f10c"}.note-icon-arrows-h:before{content:"\f10d"}.note-icon-arrows-v:before{content:"\f10e"}.note-icon-bold:before{content:"\f10f"}.note-icon-caret:before{content:"\f110"}.note-icon-chain-broken:before{content:"\f111"}.note-icon-circle:before{content:"\f112"}.note-icon-close:before{content:"\f113"}.note-icon-code:before{content:"\f114"}.note-icon-col-after:before{content:"\f115"}.note-icon-col-before:before{content:"\f116"}.note-icon-col-remove:before{content:"\f117"}.note-icon-eraser:before{content:"\f118"}.note-icon-font:before{content:"\f119"}.note-icon-frame:before{content:"\f11a"}.note-icon-italic:before{content:"\f11b"}.note-icon-link:before{content:"\f11c"}.note-icon-magic:before{content:"\f11d"}.note-icon-menu-check:before{content:"\f11e"}.note-icon-minus:before{content:"\f11f"}.note-icon-orderedlist:before{content:"\f120"}.note-icon-pencil:before{content:"\f121"}.note-icon-picture:before{content:"\f122"}.note-icon-question:before{content:"\f123"}.note-icon-redo:before{content:"\f124"}.note-icon-row-above:before{content:"\f125"}.note-icon-row-below:before{content:"\f126"}.note-icon-row-remove:before{content:"\f127"}.note-icon-special-character:before{content:"\f128"}.note-icon-square:before{content:"\f129"}.note-icon-strikethrough:before{content:"\f12a"}.note-icon-subscript:before{content:"\f12b"}.note-icon-summernote:before{content:"\f12c"}.note-icon-superscript:before{content:"\f12d"}.note-icon-table:before{content:"\f12e"}.note-icon-text-height:before{content:"\f12f"}.note-icon-trash:before{content:"\f130"}.note-icon-underline:before{content:"\f131"}.note-icon-undo:before{content:"\f132"}.note-icon-unorderedlist:before{content:"\f133"}.note-icon-video:before{content:"\f134"}.summernote-ui *{color:black;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}p{margin:0 0 10px}kbd{padding:3px 5px;font-weight:bold;color:white;background-color:black;border-radius:2px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.note-toolbar{padding:10px 5px;border-bottom:1px solid #e2e2e2}.note-btn-group{position:relative;display:inline-block;margin-right:8px}.note-btn-group>.note-btn-group{margin-right:0}.note-btn-group>.note-btn,.note-btn-group>.note-btn-group{margin-left:-4px;border-radius:0}.note-btn-group>.note-btn.focus,.note-btn-group>.note-btn-group.focus,.note-btn-group>.note-btn.active,.note-btn-group>.note-btn-group.active{border-radius:0}.note-btn-group>.note-btn:first-child,.note-btn-group>.note-btn-group:first-child{margin-left:0;border-bottom-left-radius:1px;border-top-left-radius:1px}.note-btn-group>.note-btn:first-child.focus,.note-btn-group>.note-btn-group:first-child.focus,.note-btn-group>.note-btn:first-child.active,.note-btn-group>.note-btn-group:first-child.active{border-bottom-left-radius:1px;border-top-left-radius:1px}.note-btn-group>.note-btn:last-child:not(.note-dropdown),.note-btn-group>.note-btn-group:last-child:not(.note-dropdown){border-top-right-radius:1px;border-bottom-right-radius:1px}.note-btn-group>.note-btn:last-child:not(.note-dropdown).focus,.note-btn-group>.note-btn-group:last-child:not(.note-dropdown).focus,.note-btn-group>.note-btn:last-child:not(.note-dropdown).active,.note-btn-group>.note-btn-group:last-child:not(.note-dropdown).active{border-top-right-radius:1px;border-bottom-right-radius:1px}.note-btn-group.open>.note-dropdown{display:block}.note-btn{display:inline-block;padding:5px 10px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.4;color:#333;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-color:#fff;background-image:none;border:1px solid #fff;border-color:#fff;border-radius:1px;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:manipulation}.note-btn:focus,.note-btn.focus{color:#333;background-color:#ebebeb;border-color:#fff}.note-btn:hover{color:#333;background-color:#ebebeb;border-color:#fff}.note-btn.disabled:focus,.note-btn[disabled]:focus,fieldset[disabled] .note-btn:focus,.note-btn.disabled.focus,.note-btn[disabled].focus,fieldset[disabled] .note-btn.focus{background-color:#fff;border-color:#fff}.note-btn:hover,.note-btn:focus,.note-btn.focus{color:#333;text-decoration:none;background-color:#ebebeb;border:1px solid #fff;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;outline:0}.note-btn:active,.note-btn.active{background-image:none;outline:0}.note-btn.disabled,.note-btn[disabled],fieldset[disabled] .note-btn{cursor:not-allowed;-webkit-opacity:.65;-khtml-opacity:.65;-moz-opacity:.65;opacity:.65;-ms-filter:alpha(opacity=65);filter:alpha(opacity=65);-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.note-btn-primary{color:white;background:#fa6362}.note-btn-primary:hover,.note-btn-primary:focus,.note-btn-primary.focus{color:white;text-decoration:none;background-color:#fa6362;border:1px solid #fff;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.note-btn-large{padding:8px 34px;font-size:16px}.note-btn-block{display:block;width:100%}.note-btn-block+.note-btn-block{margin-top:5px}input[type="submit"].note-btn-block,input[type="reset"].note-btn-block,input[type="button"].note-btn-block{width:100%}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.close{float:right;font-size:21px;line-height:1;color:#000;opacity:.2}.note-dropdown{position:relative}.note-dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:100px;padding:5px;text-align:left;background:#fff;border:1px solid #e2e2e2;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.06);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.06);box-shadow:0 1px 1px rgba(0,0,0,0.06);background-clip:padding-box}.note-btn-group.open .note-dropdown-menu{display:block}.note-dropdown-item{display:block}.note-dropdown-item:hover{background-color:#ebebeb}a.note-dropdown-item{color:black;text-decoration:none}.note-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-opacity:1;-khtml-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100)}.note-modal.open{display:block}.note-modal-content{position:relative;width:auto;margin:30px 20px;background:#fff;border:1px solid rgba(0,0,0,0.2);outline:0;background-clip:border-box}.note-modal-header{padding-top:30px;padding-right:20px;padding-bottom:20px;padding-left:20px;border:1px solid #ededef}.note-modal-header .close{margin-top:-10px}.note-modal-body{position:relative;padding:20px 30px}.note-modal-footer{padding-top:10px;padding-right:10px;padding-bottom:10px;padding-left:10px;text-align:center}.note-modal-title{margin:0;font-size:26px;line-height:1.4;color:#42515f;text-align:center}.note-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;background:#000;-webkit-opacity:.5;-khtml-opacity:.5;-moz-opacity:.5;opacity:.5;-ms-filter:alpha(opacity=50);filter:alpha(opacity=50)}.note-modal-backdrop.open{display:block}@media(min-width:768px){.note-modal-content{width:600px;margin:30px auto}}@media(min-width:992px){.note-modal-content-large{width:900px}}.note-form-group{padding-bottom:20px}.note-form-group:last-child{padding-bottom:0}.note-form-label{display:block;margin-bottom:10px;font-size:16px;font-weight:bold;color:#42515f}.note-input{display:block;width:100%;padding:6px 4px;font-size:14px;background:white;border:1px solid #ededef;outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.note-input::-webkit-input-placeholder{color:#eee}.note-input:-moz-placeholder{color:#eee}.note-input::-moz-placeholder{color:#eee}.note-input:-ms-input-placeholder{color:#eee}.note-tooltip{position:absolute;z-index:1070;display:block;font-size:13px;-webkit-opacity:0;-khtml-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:alpha(opacity=0);filter:alpha(opacity=0)}.note-tooltip.in{-webkit-opacity:.9;-khtml-opacity:.9;-moz-opacity:.9;opacity:.9;-ms-filter:alpha(opacity=90);filter:alpha(opacity=90)}.note-tooltip.top{padding:5px 0;margin-top:-3px}.note-tooltip.right{padding:0 5px;margin-left:3px}.note-tooltip.bottom{padding:5px 0;margin-top:3px}.note-tooltip.left{padding:0 5px;margin-left:-3px}.note-tooltip.bottom .note-tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#47c8f7;border-width:0 5px 5px}.note-tooltip.top .note-tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#47c8f7;border-width:5px 5px 0}.note-tooltip.right .note-tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#47c8f7;border-width:5px 5px 5px 0}.note-tooltip.left .note-tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#47c8f7;border-width:5px 0 5px 5px}.note-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.note-tooltip-content{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#47c8f7}.note-popover{position:absolute;z-index:1060;display:block;display:none;font-size:13px;background:#fff;border:1px solid rgba(0,0,0,0.2);border:1px solid #ccc}.note-popover.in{display:block}.note-popover.top{padding:5 0;margin-top:-3px}.note-popover.right{padding:0 5;margin-left:3px}.note-popover.bottom{padding:5 0;margin-top:3px}.note-popover.left{padding:0 5;margin-left:-3px}.note-popover.bottom .note-popover-arrow{top:-11px;left:50%;margin-left:-10px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.note-popover.bottom .note-popover-arrow::after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.note-popover.top .note-popover-arrow{bottom:-11px;left:50%;margin-left:-10px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.note-popover.top .note-popover-arrow::after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.note-popover.right .note-popover-arrow{top:50%;left:-11px;margin-top:-10px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.note-popover.right .note-popover-arrow::after{left:1px;margin-top:-10px;border-right-color:#fff;border-left-width:0;content:" "}.note-popover.left .note-popover-arrow{top:50%;right:-11px;margin-top:-10px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.note-popover.left .note-popover-arrow::after{right:1px;margin-top:-10px;border-left-color:#fff;border-right-width:0;content:" "}.note-popover-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;border-width:11px}.note-popover-arrow::after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid;border-width:10px;content:" "}.note-popover-content{min-width:100px;min-height:30px;padding:3px 8px;color:#000;text-align:center;background-color:#fff}.note-editor{position:relative}.note-editor .note-dropzone{position:absolute;z-index:100;display:none;color:#87cefa;background-color:white;opacity:.95;pointer-event:none}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:bold;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area p{margin:0 0 10px}.note-editor .note-editing-area .note-editable{outline:0}.note-editor .note-editing-area .note-editable table{width:100%;border-collapse:collapse}.note-editor .note-editing-area .note-editable table td,.note-editor .note-editing-area .note-editable table th{padding:5px 3px;border:1px solid #ececec}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor.note-frame{border:1px solid #a9a9a9}.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;color:#000;word-wrap:break-word;background-color:#fff}.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"]{background-color:#e5e5e5}.note-editor.note-frame .note-editing-area .note-codable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-editor.note-frame.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%!important}.note-editor.note-frame.fullscreen .note-editable{background-color:white}.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-frame .note-statusbar{background-color:#f5f5f5;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.note-editor.note-frame .note-statusbar .note-resizebar{width:100%;height:8px;padding-top:1px;cursor:ns-resize}.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor.note-frame .note-placeholder{padding:10px}.note-popover{max-width:none}.note-popover .note-popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover .note-popover-arrow{left:20px!important}.note-popover .note-popover-content,.note-toolbar{padding:0 0 5px 5px;margin:0;background-color:white}.note-popover .note-popover-content>.note-btn-group,.note-toolbar>.note-btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-popover .note-popover-content .note-btn-group .note-table,.note-toolbar .note-btn-group .note-table{min-width:0;padding:5px}.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker,.note-toolbar .note-btn-group .note-table .note-dimension-picker{font-size:18px}.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .note-popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .note-popover-content .note-style h1,.note-toolbar .note-style h1,.note-popover .note-popover-content .note-style h2,.note-toolbar .note-style h2,.note-popover .note-popover-content .note-style h3,.note-toolbar .note-style h3,.note-popover .note-popover-content .note-style h4,.note-toolbar .note-style h4,.note-popover .note-popover-content .note-style h5,.note-toolbar .note-style h5,.note-popover .note-popover-content .note-style h6,.note-toolbar .note-style h6,.note-popover .note-popover-content .note-style blockquote,.note-toolbar .note-style blockquote{margin:0}.note-popover .note-popover-content .note-color .dropdown-toggle,.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .note-popover-content .note-color .note-dropdown-menu,.note-toolbar .note-color .note-dropdown-menu{min-width:346px}.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette,.note-toolbar .note-color .note-dropdown-menu .note-palette{display:inline-block;width:160px;margin:0}.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette:first-child,.note-toolbar .note-color .note-dropdown-menu .note-palette:first-child{margin:0 5px;margin-right:15px}.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset{width:100%;padding:2px 3px;margin:3px;cursor:pointer;background-color:white;border:0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-row,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row{height:20px}.note-popover .note-popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,.note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover{background:#eee}.note-popover .note-popover-content .note-para .note-dropdown-menu,.note-toolbar .note-para .note-dropdown-menu{min-width:216px;padding:5px}.note-popover .note-popover-content .note-para .note-dropdown-menu>div:first-child,.note-toolbar .note-para .note-dropdown-menu>div:first-child{margin-right:5px}.note-popover .note-popover-content .note-btn-fontname .note-dropdown-menu,.note-toolbar .note-btn-fontname .note-dropdown-menu{min-width:200px}.note-popover .note-popover-content .note-dropdown-menu,.note-toolbar .note-dropdown-menu{min-width:160px}.note-popover .note-popover-content .note-dropdown-menu.right,.note-toolbar .note-dropdown-menu.right{right:0;left:auto}.note-popover .note-popover-content .note-dropdown-menu.right::before,.note-toolbar .note-dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .note-popover-content .note-dropdown-menu.right::after,.note-toolbar .note-dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .note-popover-content .note-dropdown-menu.note-check .note-dropdown-item i,.note-toolbar .note-dropdown-menu.note-check .note-dropdown-item i{color:deepskyblue;visibility:hidden}.note-popover .note-popover-content .note-dropdown-menu.note-check .note-dropdown-item.checked i,.note-toolbar .note-dropdown-menu.note-check .note-dropdown-item.checked i{visibility:visible}.note-popover .note-popover-content .note-dropdown-menu .note-dropdown-item>*,.note-toolbar .note-dropdown-menu .note-dropdown-item>*{margin:0}.note-popover .note-popover-content .note-fontsize-10,.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .note-popover-content .note-color-palette,.note-toolbar .note-color-palette{line-height:1}.note-popover .note-popover-content .note-color-palette div .note-color-btn,.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .note-popover-content .note-color-palette div .note-color-btn:hover,.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-modal .note-modal-body label{display:inline-block;padding:2px 5px;margin-bottom:2px}.note-modal .note-modal-body .help-list-item:hover{background-color:#e0e0e0}@-moz-document url-prefix(){.note-image-input{height:auto}}.note-placeholder{position:absolute;display:none;color:gray}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid black}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:black;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:white;border:1px solid black}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:0;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:white;background-color:black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .note-popover-content{max-height:150px;padding:3px;overflow:auto}.note-hint-popover .note-popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .note-popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .note-popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:white;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#428bca;outline:0}.help-list-item label{display:inline-block;margin-bottom:5px}
\ No newline at end of file
diff --git a/static/old/summernote-lite.js b/static/old/summernote-lite.js
new file mode 100755
index 0000000..bf90fc9
--- /dev/null
+++ b/static/old/summernote-lite.js
@@ -0,0 +1,7798 @@
+/**
+ * Super simple wysiwyg editor v0.8.9
+ * https://summernote.org
+ *
+ * Copyright 2013- Alan Hong. and other contributors
+ * summernote may be freely distributed under the MIT license.
+ *
+ * Date: 2017-12-25T06:39Z
+ */
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery')) :
+	typeof define === 'function' && define.amd ? define(['jquery'], factory) :
+	(factory(global.jQuery));
+}(this, (function ($$1) { 'use strict';
+
+$$1 = $$1 && $$1.hasOwnProperty('default') ? $$1['default'] : $$1;
+
+var Renderer = /** @class */ (function () {
+    function Renderer(markup, children, options, callback) {
+        this.markup = markup;
+        this.children = children;
+        this.options = options;
+        this.callback = callback;
+    }
+    Renderer.prototype.render = function ($parent) {
+        var $node = $$1(this.markup);
+        if (this.options && this.options.contents) {
+            $node.html(this.options.contents);
+        }
+        if (this.options && this.options.className) {
+            $node.addClass(this.options.className);
+        }
+        if (this.options && this.options.data) {
+            $$1.each(this.options.data, function (k, v) {
+                $node.attr('data-' + k, v);
+            });
+        }
+        if (this.options && this.options.click) {
+            $node.on('click', this.options.click);
+        }
+        if (this.children) {
+            var $container_1 = $node.find('.note-children-container');
+            this.children.forEach(function (child) {
+                child.render($container_1.length ? $container_1 : $node);
+            });
+        }
+        if (this.callback) {
+            this.callback($node, this.options);
+        }
+        if (this.options && this.options.callback) {
+            this.options.callback($node);
+        }
+        if ($parent) {
+            $parent.append($node);
+        }
+        return $node;
+    };
+    return Renderer;
+}());
+var renderer = {
+    create: function (markup, callback) {
+        return function () {
+            var options = typeof arguments[1] === 'object' ? arguments[1] : arguments[0];
+            var children = $$1.isArray(arguments[0]) ? arguments[0] : [];
+            if (options && options.children) {
+                children = options.children;
+            }
+            return new Renderer(markup, children, options, callback);
+        };
+    }
+};
+
+var TooltipUI = /** @class */ (function () {
+    function TooltipUI($node, options) {
+        this.$node = $node;
+        this.options = $.extend({}, {
+            title: '',
+            target: options.container,
+            trigger: 'hover focus',
+            placement: 'bottom'
+        }, options);
+        // create tooltip node
+        this.$tooltip = $([
+            '<div class="note-tooltip in">',
+            '  <div class="note-tooltip-arrow"/>',
+            '  <div class="note-tooltip-content"/>',
+            '</div>'
+        ].join(''));
+        // define event
+        if (this.options.trigger !== 'manual') {
+            var showCallback_1 = this.show.bind(this);
+            var hideCallback_1 = this.hide.bind(this);
+            var toggleCallback_1 = this.toggle.bind(this);
+            this.options.trigger.split(' ').forEach(function (eventName) {
+                if (eventName === 'hover') {
+                    $node.off('mouseenter mouseleave');
+                    $node.on('mouseenter', showCallback_1).on('mouseleave', hideCallback_1);
+                }
+                else if (eventName === 'click') {
+                    $node.on('click', toggleCallback_1);
+                }
+                else if (eventName === 'focus') {
+                    $node.on('focus', showCallback_1).on('blur', hideCallback_1);
+                }
+            });
+        }
+    }
+    TooltipUI.prototype.show = function () {
+        var $node = this.$node;
+        var offset = $node.offset();
+        var $tooltip = this.$tooltip;
+        var title = this.options.title || $node.attr('title') || $node.data('title');
+        var placement = this.options.placement || $node.data('placement');
+        $tooltip.addClass(placement);
+        $tooltip.addClass('in');
+        $tooltip.find('.note-tooltip-content').text(title);
+        $tooltip.appendTo(this.options.target);
+        var nodeWidth = $node.outerWidth();
+        var nodeHeight = $node.outerHeight();
+        var tooltipWidth = $tooltip.outerWidth();
+        var tooltipHeight = $tooltip.outerHeight();
+        if (placement === 'bottom') {
+            $tooltip.css({
+                top: offset.top + nodeHeight,
+                left: offset.left + (nodeWidth / 2 - tooltipWidth / 2)
+            });
+        }
+        else if (placement === 'top') {
+            $tooltip.css({
+                top: offset.top - tooltipHeight,
+                left: offset.left + (nodeWidth / 2 - tooltipWidth / 2)
+            });
+        }
+        else if (placement === 'left') {
+            $tooltip.css({
+                top: offset.top + (nodeHeight / 2 - tooltipHeight / 2),
+                left: offset.left - tooltipWidth
+            });
+        }
+        else if (placement === 'right') {
+            $tooltip.css({
+                top: offset.top + (nodeHeight / 2 - tooltipHeight / 2),
+                left: offset.left + nodeWidth
+            });
+        }
+    };
+    TooltipUI.prototype.hide = function () {
+        this.$tooltip.removeClass('in');
+        this.$tooltip.remove();
+    };
+    TooltipUI.prototype.toggle = function () {
+        if (this.$tooltip.hasClass('in')) {
+            this.hide();
+        }
+        else {
+            this.show();
+        }
+    };
+    return TooltipUI;
+}());
+
+var DropdownUI = /** @class */ (function () {
+    function DropdownUI($node, options) {
+        this.$button = $node;
+        this.options = $.extend({}, {
+            target: options.container
+        }, options);
+        this.setEvent();
+    }
+    DropdownUI.prototype.setEvent = function () {
+        this.$button.on('click', this.toggle.bind(this));
+    };
+    DropdownUI.prototype.clear = function () {
+        var $parent = $('.note-btn-group.open');
+        $parent.find('.note-btn.active').removeClass('active');
+        $parent.removeClass('open');
+    };
+    DropdownUI.prototype.show = function () {
+        this.$button.addClass('active');
+        this.$button.parent().addClass('open');
+        var $dropdown = this.$button.next();
+        var offset = $dropdown.offset();
+        var width = $dropdown.outerWidth();
+        var windowWidth = $(window).width();
+        var targetMarginRight = parseFloat($(this.options.target).css('margin-right'));
+        if (offset.left + width > windowWidth - targetMarginRight) {
+            $dropdown.css('margin-left', windowWidth - targetMarginRight - (offset.left + width));
+        }
+        else {
+            $dropdown.css('margin-left', '');
+        }
+    };
+    DropdownUI.prototype.hide = function () {
+        this.$button.removeClass('active');
+        this.$button.parent().removeClass('open');
+    };
+    DropdownUI.prototype.toggle = function () {
+        var isOpened = this.$button.parent().hasClass('open');
+        this.clear();
+        if (isOpened) {
+            this.hide();
+        }
+        else {
+            this.show();
+        }
+    };
+    return DropdownUI;
+}());
+$(document).on('click', function (e) {
+    if (!$(e.target).closest('.note-btn-group').length) {
+        $('.note-btn-group.open').removeClass('open');
+    }
+});
+$(document).on('click.note-dropdown-menu', function (e) {
+    $(e.target).closest('.note-dropdown-menu').parent().removeClass('open');
+});
+
+var ModalUI = /** @class */ (function () {
+    function ModalUI($node, options) {
+        this.options = $.extend({}, {
+            target: options.container || 'body'
+        }, options);
+        this.$modal = $node;
+        this.$backdrop = $('<div class="note-modal-backdrop" />');
+    }
+    ModalUI.prototype.show = function () {
+        if (this.options.target === 'body') {
+            this.$backdrop.css('position', 'fixed');
+            this.$modal.css('position', 'fixed');
+        }
+        else {
+            this.$backdrop.css('position', 'absolute');
+            this.$modal.css('position', 'absolute');
+        }
+        this.$backdrop.appendTo(this.options.target).show();
+        this.$modal.appendTo(this.options.target).addClass('open').show();
+        this.$modal.trigger('note.modal.show');
+        this.$modal.off('click', '.close').on('click', '.close', this.hide.bind(this));
+    };
+    ModalUI.prototype.hide = function () {
+        this.$modal.removeClass('open').hide();
+        this.$backdrop.hide();
+        this.$modal.trigger('note.modal.hide');
+    };
+    return ModalUI;
+}());
+
+var editor = renderer.create('<div class="note-editor note-frame"/>');
+var toolbar = renderer.create('<div class="note-toolbar"/>');
+var editingArea = renderer.create('<div class="note-editing-area"/>');
+var codable = renderer.create('<textarea class="note-codable"/>');
+var editable = renderer.create('<div class="note-editable" contentEditable="true"/>');
+var statusbar = renderer.create([
+    '<div class="note-statusbar">',
+    '  <div class="note-resizebar">',
+    '    <div class="note-icon-bar"/>',
+    '    <div class="note-icon-bar"/>',
+    '    <div class="note-icon-bar"/>',
+    '  </div>',
+    '</div>'
+].join(''));
+var airEditor = renderer.create('<div class="note-editor"/>');
+var airEditable = renderer.create('<div class="note-editable" contentEditable="true"/>');
+var buttonGroup = renderer.create('<div class="note-btn-group">');
+var button = renderer.create('<button type="button" class="note-btn">', function ($node, options) {
+    // set button type
+    if (options && options.tooltip) {
+        $node.data('_lite_tooltip', new TooltipUI($node, {
+            title: options.tooltip,
+            container: options.container
+        }));
+    }
+    if (options.contents) {
+        $node.html(options.contents);
+    }
+    if (options && options.data && options.data.toggle === 'dropdown') {
+        $node.data('_lite_dropdown', new DropdownUI($node, {
+            container: options.container
+        }));
+    }
+});
+var dropdown = renderer.create('<div class="note-dropdown-menu">', function ($node, options) {
+    var markup = $.isArray(options.items) ? options.items.map(function (item) {
+        var value = (typeof item === 'string') ? item : (item.value || '');
+        var content = options.template ? options.template(item) : item;
+        var $temp = $('<a class="note-dropdown-item" href="#" data-value="' + value + '"></a>');
+        $temp.html(content).data('item', item);
+        return $temp;
+    }) : options.items;
+    $node.html(markup);
+    $node.on('click', '> .note-dropdown-item', function (e) {
+        var $a = $(this);
+        var item = $a.data('item');
+        var value = $a.data('value');
+        if (item.click) {
+            item.click($a);
+        }
+        else if (options.itemClick) {
+            options.itemClick(e, item, value);
+        }
+    });
+});
+var dropdownCheck = renderer.create('<div class="note-dropdown-menu note-check">', function ($node, options) {
+    var markup = $.isArray(options.items) ? options.items.map(function (item) {
+        var value = (typeof item === 'string') ? item : (item.value || '');
+        var content = options.template ? options.template(item) : item;
+        var $temp = $('<a class="note-dropdown-item" href="#" data-value="' + value + '"></a>');
+        $temp.html([icon(options.checkClassName), ' ', content]).data('item', item);
+        return $temp;
+    }) : options.items;
+    $node.html(markup);
+    $node.on('click', '> .note-dropdown-item', function (e) {
+        var $a = $(this);
+        var item = $a.data('item');
+        var value = $a.data('value');
+        if (item.click) {
+            item.click($a);
+        }
+        else if (options.itemClick) {
+            options.itemClick(e, item, value);
+        }
+    });
+});
+var dropdownButtonContents = function (contents, options) {
+    return contents + ' ' + icon(options.icons.caret, 'span');
+};
+var dropdownButton = function (opt, callback) {
+    return buttonGroup([
+        button({
+            className: 'dropdown-toggle',
+            contents: opt.title + ' ' + icon('note-icon-caret'),
+            tooltip: opt.tooltip,
+            data: {
+                toggle: 'dropdown'
+            }
+        }),
+        dropdown({
+            className: opt.className,
+            items: opt.items,
+            template: opt.template,
+            itemClick: opt.itemClick
+        })
+    ], { callback: callback }).render();
+};
+var dropdownCheckButton = function (opt, callback) {
+    return buttonGroup([
+        button({
+            className: 'dropdown-toggle',
+            contents: opt.title + ' ' + icon('note-icon-caret'),
+            tooltip: opt.tooltip,
+            data: {
+                toggle: 'dropdown'
+            }
+        }),
+        dropdownCheck({
+            className: opt.className,
+            checkClassName: opt.checkClassName,
+            items: opt.items,
+            template: opt.template,
+            itemClick: opt.itemClick
+        })
+    ], { callback: callback }).render();
+};
+var paragraphDropdownButton = function (opt) {
+    return buttonGroup([
+        button({
+            className: 'dropdown-toggle',
+            contents: opt.title + ' ' + icon('note-icon-caret'),
+            tooltip: opt.tooltip,
+            data: {
+                toggle: 'dropdown'
+            }
+        }),
+        dropdown([
+            buttonGroup({
+                className: 'note-align',
+                children: opt.items[0]
+            }),
+            buttonGroup({
+                className: 'note-list',
+                children: opt.items[1]
+            })
+        ])
+    ]).render();
+};
+var tableMoveHandler = function (event, col, row) {
+    var PX_PER_EM = 18;
+    var $picker = $(event.target.parentNode); // target is mousecatcher
+    var $dimensionDisplay = $picker.next();
+    var $catcher = $picker.find('.note-dimension-picker-mousecatcher');
+    var $highlighted = $picker.find('.note-dimension-picker-highlighted');
+    var $unhighlighted = $picker.find('.note-dimension-picker-unhighlighted');
+    var posOffset;
+    // HTML5 with jQuery - e.offsetX is undefined in Firefox
+    if (event.offsetX === undefined) {
+        var posCatcher = $(event.target).offset();
+        posOffset = {
+            x: event.pageX - posCatcher.left,
+            y: event.pageY - posCatcher.top
+        };
+    }
+    else {
+        posOffset = {
+            x: event.offsetX,
+            y: event.offsetY
+        };
+    }
+    var dim = {
+        c: Math.ceil(posOffset.x / PX_PER_EM) || 1,
+        r: Math.ceil(posOffset.y / PX_PER_EM) || 1
+    };
+    $highlighted.css({ width: dim.c + 'em', height: dim.r + 'em' });
+    $catcher.data('value', dim.c + 'x' + dim.r);
+    if (dim.c > 3 && dim.c < col) {
+        $unhighlighted.css({ width: dim.c + 1 + 'em' });
+    }
+    if (dim.r > 3 && dim.r < row) {
+        $unhighlighted.css({ height: dim.r + 1 + 'em' });
+    }
+    $dimensionDisplay.html(dim.c + ' x ' + dim.r);
+};
+var tableDropdownButton = function (opt) {
+    return buttonGroup([
+        button({
+            className: 'dropdown-toggle',
+            contents: opt.title + ' ' + icon('note-icon-caret'),
+            tooltip: opt.tooltip,
+            data: {
+                toggle: 'dropdown'
+            }
+        }),
+        dropdown({
+            className: 'note-table',
+            items: [
+                '<div class="note-dimension-picker">',
+                '  <div class="note-dimension-picker-mousecatcher" data-event="insertTable" data-value="1x1"/>',
+                '  <div class="note-dimension-picker-highlighted"/>',
+                '  <div class="note-dimension-picker-unhighlighted"/>',
+                '</div>',
+                '<div class="note-dimension-display">1 x 1</div>'
+            ].join('')
+        })
+    ], {
+        callback: function ($node) {
+            var $catcher = $node.find('.note-dimension-picker-mousecatcher');
+            $catcher.css({
+                width: opt.col + 'em',
+                height: opt.row + 'em'
+            })
+                .mousedown(opt.itemClick)
+                .mousemove(function (e) {
+                tableMoveHandler(e, opt.col, opt.row);
+            });
+        }
+    }).render();
+};
+var palette = renderer.create('<div class="note-color-palette"/>', function ($node, options) {
+    var contents = [];
+    for (var row = 0, rowSize = options.colors.length; row < rowSize; row++) {
+        var eventName = options.eventName;
+        var colors = options.colors[row];
+        var buttons = [];
+        for (var col = 0, colSize = colors.length; col < colSize; col++) {
+            var color = colors[col];
+            buttons.push([
+                '<button type="button" class="note-btn note-color-btn"',
+                'style="background-color:', color, '" ',
+                'data-event="', eventName, '" ',
+                'data-value="', color, '" ',
+                'title="', color, '" ',
+                'data-toggle="button" tabindex="-1"></button>'
+            ].join(''));
+        }
+        contents.push('<div class="note-color-row">' + buttons.join('') + '</div>');
+    }
+    $node.html(contents.join(''));
+    $node.find('.note-color-btn').each(function () {
+        $(this).data('_lite_tooltip', new TooltipUI($(this), {
+            container: options.container
+        }));
+    });
+});
+var colorDropdownButton = function (opt, type) {
+    return buttonGroup({
+        className: 'note-color',
+        children: [
+            button({
+                className: 'note-current-color-button',
+                contents: opt.title,
+                tooltip: opt.lang.color.recent,
+                click: opt.currentClick,
+                callback: function ($button) {
+                    var $recentColor = $button.find('.note-recent-color');
+                    if (type !== 'foreColor') {
+                        $recentColor.css('background-color', '#FFFF00');
+                        $button.attr('data-backColor', '#FFFF00');
+                    }
+                }
+            }),
+            button({
+                className: 'dropdown-toggle',
+                contents: icon('note-icon-caret'),
+                tooltip: opt.lang.color.more,
+                data: {
+                    toggle: 'dropdown'
+                }
+            }),
+            dropdown({
+                items: [
+                    '<div>',
+                    '<div class="note-btn-group btn-background-color">',
+                    '  <div class="note-palette-title">' + opt.lang.color.background + '</div>',
+                    '  <div>',
+                    '<button type="button" class="note-color-reset note-btn note-btn-block" ' +
+                        ' data-event="backColor" data-value="inherit">',
+                    opt.lang.color.transparent,
+                    '    </button>',
+                    '  </div>',
+                    '  <div class="note-holder" data-event="backColor"/>',
+                    '</div>',
+                    '<div class="note-btn-group btn-foreground-color">',
+                    '  <div class="note-palette-title">' + opt.lang.color.foreground + '</div>',
+                    '  <div>',
+                    '<button type="button" class="note-color-reset note-btn note-btn-block" ' +
+                        ' data-event="removeFormat" data-value="foreColor">',
+                    opt.lang.color.resetToDefault,
+                    '    </button>',
+                    '  </div>',
+                    '  <div class="note-holder" data-event="foreColor"/>',
+                    '</div>',
+                    '</div>'
+                ].join(''),
+                callback: function ($dropdown) {
+                    $dropdown.find('.note-holder').each(function () {
+                        var $holder = $(this);
+                        $holder.append(palette({
+                            colors: opt.colors,
+                            eventName: $holder.data('event')
+                        }).render());
+                    });
+                    if (type === 'fore') {
+                        $dropdown.find('.btn-background-color').hide();
+                        $dropdown.css({ 'min-width': '210px' });
+                    }
+                    else if (type === 'back') {
+                        $dropdown.find('.btn-foreground-color').hide();
+                        $dropdown.css({ 'min-width': '210px' });
+                    }
+                },
+                click: function (event) {
+                    var $button = $(event.target);
+                    var eventName = $button.data('event');
+                    var value = $button.data('value');
+                    if (eventName && value) {
+                        var key = eventName === 'backColor' ? 'background-color' : 'color';
+                        var $color = $button.closest('.note-color').find('.note-recent-color');
+                        var $currentButton = $button.closest('.note-color').find('.note-current-color-button');
+                        $color.css(key, value);
+                        $currentButton.attr('data-' + eventName, value);
+                        if (type === 'fore') {
+                            opt.itemClick('foreColor', value);
+                        }
+                        else if (type === 'back') {
+                            opt.itemClick('backColor', value);
+                        }
+                        else {
+                            opt.itemClick(eventName, value);
+                        }
+                    }
+                }
+            })
+        ]
+    }).render();
+};
+var dialog = renderer.create('<div class="note-modal" tabindex="-1"/>', function ($node, options) {
+    if (options.fade) {
+        $node.addClass('fade');
+    }
+    $node.html([
+        '  <div class="note-modal-content">',
+        (options.title
+            ? '    <div class="note-modal-header">' +
+                '      <button type="button" class="close"><i class="note-icon-close"></i></button>' +
+                '      <h4 class="note-modal-title">' + options.title + '</h4>' +
+                '    </div>' : ''),
+        '    <div class="note-modal-body">' + options.body + '</div>',
+        (options.footer
+            ? '    <div class="note-modal-footer">' + options.footer + '</div>' : ''),
+        '  </div>'
+    ].join(''));
+    $node.data('modal', new ModalUI($node, options));
+});
+var videoDialog = function (opt) {
+    var body = '<div class="note-form-group">' +
+        '<label class="note-form-label">' +
+        opt.lang.video.url + ' <small class="text-muted">' +
+        opt.lang.video.providers + '</small>' +
+        '</label>' +
+        '<input class="note-video-url note-input" type="text" />' +
+        '</div>';
+    var footer = [
+        '<button type="button" href="#" class="note-btn note-btn-primary note-video-btn disabled" disabled>',
+        opt.lang.video.insert,
+        '</button>'
+    ].join('');
+    return dialog({
+        title: opt.lang.video.insert,
+        fade: opt.fade,
+        body: body,
+        footer: footer
+    }).render();
+};
+var imageDialog = function (opt) {
+    var body = '<div class="note-form-group note-group-select-from-files">' +
+        '<label class="note-form-label">' + opt.lang.image.selectFromFiles + '</label>' +
+        '<input class="note-note-image-input note-input" type="file" name="files" accept="image/*" multiple="multiple" />' +
+        opt.imageLimitation +
+        '</div>' +
+        '<div class="note-form-group" style="overflow:auto;">' +
+        '<label class="note-form-label">' + opt.lang.image.url + '</label>' +
+        '<input class="note-image-url note-input" type="text" />' +
+        '</div>';
+    var footer = [
+        '<button href="#" type="button" class="note-btn note-btn-primary note-btn-large note-image-btn disabled" disabled>',
+        opt.lang.image.insert,
+        '</button>'
+    ].join('');
+    return dialog({
+        title: opt.lang.image.insert,
+        fade: opt.fade,
+        body: body,
+        footer: footer
+    }).render();
+};
+var linkDialog = function (opt) {
+    var body = '<div class="note-form-group">' +
+        '<label class="note-form-label">' + opt.lang.link.textToDisplay + '</label>' +
+        '<input class="note-link-text note-input" type="text" />' +
+        '</div>' +
+        '<div class="note-form-group">' +
+        '<label class="note-form-label">' + opt.lang.link.url + '</label>' +
+        '<input class="note-link-url note-input" type="text" value="http://" />' +
+        '</div>' +
+        (!opt.disableLinkTarget
+            ? '<div class="checkbox">' +
+                '<label>' + '<input type="checkbox" checked> ' + opt.lang.link.openInNewWindow + '</label>' +
+                '</div>' : '');
+    var footer = [
+        '<button href="#" type="button" class="note-btn note-btn-primary note-link-btn disabled" disabled>',
+        opt.lang.link.insert,
+        '</button>'
+    ].join('');
+    return dialog({
+        className: 'link-dialog',
+        title: opt.lang.link.insert,
+        fade: opt.fade,
+        body: body,
+        footer: footer
+    }).render();
+};
+var popover = renderer.create([
+    '<div class="note-popover bottom">',
+    '  <div class="note-popover-arrow"/>',
+    '  <div class="note-popover-content note-children-container"/>',
+    '</div>'
+].join(''), function ($node, options) {
+    var direction = typeof options.direction !== 'undefined' ? options.direction : 'bottom';
+    $node.addClass(direction).hide();
+    if (options.hideArrow) {
+        $node.find('.note-popover-arrow').hide();
+    }
+});
+var checkbox = renderer.create('<div class="checkbox"></div>', function ($node, options) {
+    $node.html([
+        ' <label' + (options.id ? ' for="' + options.id + '"' : '') + '>',
+        ' <input type="checkbox"' + (options.id ? ' id="' + options.id + '"' : ''),
+        (options.checked ? ' checked' : '') + '/>',
+        (options.text ? options.text : ''),
+        '</label>'
+    ].join(''));
+});
+var icon = function (iconClassName, tagName) {
+    tagName = tagName || 'i';
+    return '<' + tagName + ' class="' + iconClassName + '"/>';
+};
+var ui = {
+    editor: editor,
+    toolbar: toolbar,
+    editingArea: editingArea,
+    codable: codable,
+    editable: editable,
+    statusbar: statusbar,
+    airEditor: airEditor,
+    airEditable: airEditable,
+    buttonGroup: buttonGroup,
+    button: button,
+    dropdown: dropdown,
+    dropdownCheck: dropdownCheck,
+    dropdownButton: dropdownButton,
+    dropdownButtonContents: dropdownButtonContents,
+    dropdownCheckButton: dropdownCheckButton,
+    paragraphDropdownButton: paragraphDropdownButton,
+    tableDropdownButton: tableDropdownButton,
+    colorDropdownButton: colorDropdownButton,
+    palette: palette,
+    dialog: dialog,
+    videoDialog: videoDialog,
+    imageDialog: imageDialog,
+    linkDialog: linkDialog,
+    popover: popover,
+    checkbox: checkbox,
+    icon: icon,
+    toggleBtn: function ($btn, isEnable) {
+        $btn.toggleClass('disabled', !isEnable);
+        $btn.attr('disabled', !isEnable);
+    },
+    toggleBtnActive: function ($btn, isActive) {
+        $btn.toggleClass('active', isActive);
+    },
+    check: function ($dom, value) {
+        $dom.find('.checked').removeClass('checked');
+        $dom.find('[data-value="' + value + '"]').addClass('checked');
+    },
+    onDialogShown: function ($dialog, handler) {
+        $dialog.one('note.modal.show', handler);
+    },
+    onDialogHidden: function ($dialog, handler) {
+        $dialog.one('note.modal.hide', handler);
+    },
+    showDialog: function ($dialog) {
+        $dialog.data('modal').show();
+    },
+    hideDialog: function ($dialog) {
+        $dialog.data('modal').hide();
+    },
+    /**
+     * get popover content area
+     *
+     * @param $popover
+     * @returns {*}
+     */
+    getPopoverContent: function ($popover) {
+        return $popover.find('.note-popover-content');
+    },
+    /**
+     * get dialog's body area
+     *
+     * @param $dialog
+     * @returns {*}
+     */
+    getDialogBody: function ($dialog) {
+        return $dialog.find('.note-modal-body');
+    },
+    createLayout: function ($note, options) {
+        var $editor = (options.airMode ? ui.airEditor([
+            ui.editingArea([
+                ui.airEditable()
+            ])
+        ]) : ui.editor([
+            ui.toolbar(),
+            ui.editingArea([
+                ui.codable(),
+                ui.editable()
+            ]),
+            ui.statusbar()
+        ])).render();
+        $editor.insertAfter($note);
+        return {
+            note: $note,
+            editor: $editor,
+            toolbar: $editor.find('.note-toolbar'),
+            editingArea: $editor.find('.note-editing-area'),
+            editable: $editor.find('.note-editable'),
+            codable: $editor.find('.note-codable'),
+            statusbar: $editor.find('.note-statusbar')
+        };
+    },
+    removeLayout: function ($note, layoutInfo) {
+        $note.html(layoutInfo.editable.html());
+        layoutInfo.editor.remove();
+        $note.off('summernote'); // remove summernote custom event
+        $note.show();
+    }
+};
+
+$$1.summernote = $$1.summernote || {
+    lang: {}
+};
+$$1.extend($$1.summernote.lang, {
+    'en-US': {
+        font: {
+            bold: 'Bold',
+            italic: 'Italic',
+            underline: 'Underline',
+            clear: 'Remove Font Style',
+            height: 'Line Height',
+            name: 'Font Family',
+            strikethrough: 'Strikethrough',
+            subscript: 'Subscript',
+            superscript: 'Superscript',
+            size: 'Font Size'
+        },
+        image: {
+            image: 'Picture',
+            insert: 'Insert Image',
+            resizeFull: 'Resize Full',
+            resizeHalf: 'Resize Half',
+            resizeQuarter: 'Resize Quarter',
+            floatLeft: 'Float Left',
+            floatRight: 'Float Right',
+            floatNone: 'Float None',
+            shapeRounded: 'Shape: Rounded',
+            shapeCircle: 'Shape: Circle',
+            shapeThumbnail: 'Shape: Thumbnail',
+            shapeNone: 'Shape: None',
+            dragImageHere: 'Drag image or text here',
+            dropImage: 'Drop image or Text',
+            selectFromFiles: 'Select from files',
+            maximumFileSize: 'Maximum file size',
+            maximumFileSizeError: 'Maximum file size exceeded.',
+            url: 'Image URL',
+            remove: 'Remove Image',
+            original: 'Original'
+        },
+        video: {
+            video: 'Video',
+            videoLink: 'Video Link',
+            insert: 'Insert Video',
+            url: 'Video URL',
+            providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)'
+        },
+        link: {
+            link: 'Link',
+            insert: 'Insert Link',
+            unlink: 'Unlink',
+            edit: 'Edit',
+            textToDisplay: 'Text to display',
+            url: 'To what URL should this link go?',
+            openInNewWindow: 'Open in new window'
+        },
+        table: {
+            table: 'Table',
+            addRowAbove: 'Add row above',
+            addRowBelow: 'Add row below',
+            addColLeft: 'Add column left',
+            addColRight: 'Add column right',
+            delRow: 'Delete row',
+            delCol: 'Delete column',
+            delTable: 'Delete table'
+        },
+        hr: {
+            insert: 'Insert Horizontal Rule'
+        },
+        style: {
+            style: 'Style',
+            p: 'Normal',
+            blockquote: 'Quote',
+            pre: 'Code',
+            h1: 'Header 1',
+            h2: 'Header 2',
+            h3: 'Header 3',
+            h4: 'Header 4',
+            h5: 'Header 5',
+            h6: 'Header 6'
+        },
+        lists: {
+            unordered: 'Unordered list',
+            ordered: 'Ordered list'
+        },
+        options: {
+            help: 'Help',
+            fullscreen: 'Full Screen',
+            codeview: 'Code View'
+        },
+        paragraph: {
+            paragraph: 'Paragraph',
+            outdent: 'Outdent',
+            indent: 'Indent',
+            left: 'Align left',
+            center: 'Align center',
+            right: 'Align right',
+            justify: 'Justify full'
+        },
+        color: {
+            recent: 'Recent Color',
+            more: 'More Color',
+            background: 'Background Color',
+            foreground: 'Foreground Color',
+            transparent: 'Transparent',
+            setTransparent: 'Set transparent',
+            reset: 'Reset',
+            resetToDefault: 'Reset to default'
+        },
+        shortcut: {
+            shortcuts: 'Keyboard shortcuts',
+            close: 'Close',
+            textFormatting: 'Text formatting',
+            action: 'Action',
+            paragraphFormatting: 'Paragraph formatting',
+            documentStyle: 'Document Style',
+            extraKeys: 'Extra keys'
+        },
+        help: {
+            'insertParagraph': 'Insert Paragraph',
+            'undo': 'Undoes the last command',
+            'redo': 'Redoes the last command',
+            'tab': 'Tab',
+            'untab': 'Untab',
+            'bold': 'Set a bold style',
+            'italic': 'Set a italic style',
+            'underline': 'Set a underline style',
+            'strikethrough': 'Set a strikethrough style',
+            'removeFormat': 'Clean a style',
+            'justifyLeft': 'Set left align',
+            'justifyCenter': 'Set center align',
+            'justifyRight': 'Set right align',
+            'justifyFull': 'Set full align',
+            'insertUnorderedList': 'Toggle unordered list',
+            'insertOrderedList': 'Toggle ordered list',
+            'outdent': 'Outdent on current paragraph',
+            'indent': 'Indent on current paragraph',
+            'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+            'formatH1': 'Change current block\'s format as H1',
+            'formatH2': 'Change current block\'s format as H2',
+            'formatH3': 'Change current block\'s format as H3',
+            'formatH4': 'Change current block\'s format as H4',
+            'formatH5': 'Change current block\'s format as H5',
+            'formatH6': 'Change current block\'s format as H6',
+            'insertHorizontalRule': 'Insert horizontal rule',
+            'linkDialog.show': 'Show Link Dialog'
+        },
+        history: {
+            undo: 'Undo',
+            redo: 'Redo'
+        },
+        specialChar: {
+            specialChar: 'SPECIAL CHARACTERS',
+            select: 'Select Special characters'
+        }
+    }
+});
+
+var isSupportAmd = typeof define === 'function' && define.amd; // eslint-disable-line
+/**
+ * returns whether font is installed or not.
+ *
+ * @param {String} fontName
+ * @return {Boolean}
+ */
+function isFontInstalled(fontName) {
+    var testFontName = fontName === 'Comic Sans MS' ? 'Courier New' : 'Comic Sans MS';
+    var $tester = $$1('<div>').css({
+        position: 'absolute',
+        left: '-9999px',
+        top: '-9999px',
+        fontSize: '200px'
+    }).text('mmmmmmmmmwwwwwww').appendTo(document.body);
+    var originalWidth = $tester.css('fontFamily', testFontName).width();
+    var width = $tester.css('fontFamily', fontName + ',' + testFontName).width();
+    $tester.remove();
+    return originalWidth !== width;
+}
+var userAgent = navigator.userAgent;
+var isMSIE = /MSIE|Trident/i.test(userAgent);
+var browserVersion;
+if (isMSIE) {
+    var matches = /MSIE (\d+[.]\d+)/.exec(userAgent);
+    if (matches) {
+        browserVersion = parseFloat(matches[1]);
+    }
+    matches = /Trident\/.*rv:([0-9]{1,}[.0-9]{0,})/.exec(userAgent);
+    if (matches) {
+        browserVersion = parseFloat(matches[1]);
+    }
+}
+var isEdge = /Edge\/\d+/.test(userAgent);
+var hasCodeMirror = !!window.CodeMirror;
+if (!hasCodeMirror && isSupportAmd) {
+    // Webpack
+    if (typeof __webpack_require__ === 'function') {
+        try {
+            // If CodeMirror can't be resolved, `require.resolve` will throw an
+            // exception and `hasCodeMirror` won't be set to `true`.
+            require.resolve('codemirror');
+            hasCodeMirror = true;
+        }
+        catch (e) {
+            // do nothing
+        }
+    }
+    else if (typeof require !== 'undefined') {
+        // Browserify
+        if (typeof require.resolve !== 'undefined') {
+            try {
+                // If CodeMirror can't be resolved, `require.resolve` will throw an
+                // exception and `hasCodeMirror` won't be set to `true`.
+                require.resolve('codemirror');
+                hasCodeMirror = true;
+            }
+            catch (e) {
+                // do nothing
+            }
+            // Almond/Require
+        }
+        else if (typeof require.specified !== 'undefined') {
+            hasCodeMirror = require.specified('codemirror');
+        }
+    }
+}
+var isSupportTouch = (('ontouchstart' in window) ||
+    (navigator.MaxTouchPoints > 0) ||
+    (navigator.msMaxTouchPoints > 0));
+// [workaround] IE doesn't have input events for contentEditable
+// - see: https://goo.gl/4bfIvA
+var inputEventName = (isMSIE || isEdge) ? 'DOMCharacterDataModified DOMSubtreeModified DOMNodeInserted' : 'input';
+/**
+ * @class core.env
+ *
+ * Object which check platform and agent
+ *
+ * @singleton
+ * @alternateClassName env
+ */
+var env = {
+    isMac: navigator.appVersion.indexOf('Mac') > -1,
+    isMSIE: isMSIE,
+    isEdge: isEdge,
+    isFF: !isEdge && /firefox/i.test(userAgent),
+    isPhantom: /PhantomJS/i.test(userAgent),
+    isWebkit: !isEdge && /webkit/i.test(userAgent),
+    isChrome: !isEdge && /chrome/i.test(userAgent),
+    isSafari: !isEdge && /safari/i.test(userAgent),
+    browserVersion: browserVersion,
+    jqueryVersion: parseFloat($$1.fn.jquery),
+    isSupportAmd: isSupportAmd,
+    isSupportTouch: isSupportTouch,
+    hasCodeMirror: hasCodeMirror,
+    isFontInstalled: isFontInstalled,
+    isW3CRangeSupport: !!document.createRange,
+    inputEventName: inputEventName
+};
+
+/**
+ * @class core.func
+ *
+ * func utils (for high-order func's arg)
+ *
+ * @singleton
+ * @alternateClassName func
+ */
+function eq(itemA) {
+    return function (itemB) {
+        return itemA === itemB;
+    };
+}
+function eq2(itemA, itemB) {
+    return itemA === itemB;
+}
+function peq2(propName) {
+    return function (itemA, itemB) {
+        return itemA[propName] === itemB[propName];
+    };
+}
+function ok() {
+    return true;
+}
+function fail() {
+    return false;
+}
+function not(f) {
+    return function () {
+        return !f.apply(f, arguments);
+    };
+}
+function and(fA, fB) {
+    return function (item) {
+        return fA(item) && fB(item);
+    };
+}
+function self(a) {
+    return a;
+}
+function invoke(obj, method) {
+    return function () {
+        return obj[method].apply(obj, arguments);
+    };
+}
+var idCounter = 0;
+/**
+ * generate a globally-unique id
+ *
+ * @param {String} [prefix]
+ */
+function uniqueId(prefix) {
+    var id = ++idCounter + '';
+    return prefix ? prefix + id : id;
+}
+/**
+ * returns bnd (bounds) from rect
+ *
+ * - IE Compatibility Issue: http://goo.gl/sRLOAo
+ * - Scroll Issue: http://goo.gl/sNjUc
+ *
+ * @param {Rect} rect
+ * @return {Object} bounds
+ * @return {Number} bounds.top
+ * @return {Number} bounds.left
+ * @return {Number} bounds.width
+ * @return {Number} bounds.height
+ */
+function rect2bnd(rect) {
+    var $document = $(document);
+    return {
+        top: rect.top + $document.scrollTop(),
+        left: rect.left + $document.scrollLeft(),
+        width: rect.right - rect.left,
+        height: rect.bottom - rect.top
+    };
+}
+/**
+ * returns a copy of the object where the keys have become the values and the values the keys.
+ * @param {Object} obj
+ * @return {Object}
+ */
+function invertObject(obj) {
+    var inverted = {};
+    for (var key in obj) {
+        if (obj.hasOwnProperty(key)) {
+            inverted[obj[key]] = key;
+        }
+    }
+    return inverted;
+}
+/**
+ * @param {String} namespace
+ * @param {String} [prefix]
+ * @return {String}
+ */
+function namespaceToCamel(namespace, prefix) {
+    prefix = prefix || '';
+    return prefix + namespace.split('.').map(function (name) {
+        return name.substring(0, 1).toUpperCase() + name.substring(1);
+    }).join('');
+}
+/**
+ * Returns a function, that, as long as it continues to be invoked, will not
+ * be triggered. The function will be called after it stops being called for
+ * N milliseconds. If `immediate` is passed, trigger the function on the
+ * leading edge, instead of the trailing.
+ * @param {Function} func
+ * @param {Number} wait
+ * @param {Boolean} immediate
+ * @return {Function}
+ */
+function debounce(func, wait, immediate) {
+    var _this = this;
+    var timeout;
+    return function () {
+        var context = _this;
+        var args = arguments;
+        var later = function () {
+            timeout = null;
+            if (!immediate) {
+                func.apply(context, args);
+            }
+        };
+        var callNow = immediate && !timeout;
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+        if (callNow) {
+            func.apply(context, args);
+        }
+    };
+}
+var func = {
+    eq: eq,
+    eq2: eq2,
+    peq2: peq2,
+    ok: ok,
+    fail: fail,
+    self: self,
+    not: not,
+    and: and,
+    invoke: invoke,
+    uniqueId: uniqueId,
+    rect2bnd: rect2bnd,
+    invertObject: invertObject,
+    namespaceToCamel: namespaceToCamel,
+    debounce: debounce
+};
+
+/**
+ * returns the first item of an array.
+ *
+ * @param {Array} array
+ */
+function head(array) {
+    return array[0];
+}
+/**
+ * returns the last item of an array.
+ *
+ * @param {Array} array
+ */
+function last(array) {
+    return array[array.length - 1];
+}
+/**
+ * returns everything but the last entry of the array.
+ *
+ * @param {Array} array
+ */
+function initial(array) {
+    return array.slice(0, array.length - 1);
+}
+/**
+ * returns the rest of the items in an array.
+ *
+ * @param {Array} array
+ */
+function tail(array) {
+    return array.slice(1);
+}
+/**
+ * returns item of array
+ */
+function find(array, pred) {
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        var item = array[idx];
+        if (pred(item)) {
+            return item;
+        }
+    }
+}
+/**
+ * returns true if all of the values in the array pass the predicate truth test.
+ */
+function all(array, pred) {
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        if (!pred(array[idx])) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * returns index of item
+ */
+function indexOf(array, item) {
+    return $$1.inArray(item, array);
+}
+/**
+ * returns true if the value is present in the list.
+ */
+function contains(array, item) {
+    return indexOf(array, item) !== -1;
+}
+/**
+ * get sum from a list
+ *
+ * @param {Array} array - array
+ * @param {Function} fn - iterator
+ */
+function sum(array, fn) {
+    fn = fn || func.self;
+    return array.reduce(function (memo, v) {
+        return memo + fn(v);
+    }, 0);
+}
+/**
+ * returns a copy of the collection with array type.
+ * @param {Collection} collection - collection eg) node.childNodes, ...
+ */
+function from(collection) {
+    var result = [];
+    var length = collection.length;
+    var idx = -1;
+    while (++idx < length) {
+        result[idx] = collection[idx];
+    }
+    return result;
+}
+/**
+ * returns whether list is empty or not
+ */
+function isEmpty(array) {
+    return !array || !array.length;
+}
+/**
+ * cluster elements by predicate function.
+ *
+ * @param {Array} array - array
+ * @param {Function} fn - predicate function for cluster rule
+ * @param {Array[]}
+ */
+function clusterBy(array, fn) {
+    if (!array.length) {
+        return [];
+    }
+    var aTail = tail(array);
+    return aTail.reduce(function (memo, v) {
+        var aLast = last(memo);
+        if (fn(last(aLast), v)) {
+            aLast[aLast.length] = v;
+        }
+        else {
+            memo[memo.length] = [v];
+        }
+        return memo;
+    }, [[head(array)]]);
+}
+/**
+ * returns a copy of the array with all false values removed
+ *
+ * @param {Array} array - array
+ * @param {Function} fn - predicate function for cluster rule
+ */
+function compact(array) {
+    var aResult = [];
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        if (array[idx]) {
+            aResult.push(array[idx]);
+        }
+    }
+    return aResult;
+}
+/**
+ * produces a duplicate-free version of the array
+ *
+ * @param {Array} array
+ */
+function unique(array) {
+    var results = [];
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        if (!contains(results, array[idx])) {
+            results.push(array[idx]);
+        }
+    }
+    return results;
+}
+/**
+ * returns next item.
+ * @param {Array} array
+ */
+function next(array, item) {
+    var idx = indexOf(array, item);
+    if (idx === -1) {
+        return null;
+    }
+    return array[idx + 1];
+}
+/**
+ * returns prev item.
+ * @param {Array} array
+ */
+function prev(array, item) {
+    var idx = indexOf(array, item);
+    if (idx === -1) {
+        return null;
+    }
+    return array[idx - 1];
+}
+/**
+ * @class core.list
+ *
+ * list utils
+ *
+ * @singleton
+ * @alternateClassName list
+ */
+var lists = {
+    head: head,
+    last: last,
+    initial: initial,
+    tail: tail,
+    prev: prev,
+    next: next,
+    find: find,
+    contains: contains,
+    all: all,
+    sum: sum,
+    from: from,
+    isEmpty: isEmpty,
+    clusterBy: clusterBy,
+    compact: compact,
+    unique: unique
+};
+
+var KEY_MAP = {
+    'BACKSPACE': 8,
+    'TAB': 9,
+    'ENTER': 13,
+    'SPACE': 32,
+    'DELETE': 46,
+    // Arrow
+    'LEFT': 37,
+    'UP': 38,
+    'RIGHT': 39,
+    'DOWN': 40,
+    // Number: 0-9
+    'NUM0': 48,
+    'NUM1': 49,
+    'NUM2': 50,
+    'NUM3': 51,
+    'NUM4': 52,
+    'NUM5': 53,
+    'NUM6': 54,
+    'NUM7': 55,
+    'NUM8': 56,
+    // Alphabet: a-z
+    'B': 66,
+    'E': 69,
+    'I': 73,
+    'J': 74,
+    'K': 75,
+    'L': 76,
+    'R': 82,
+    'S': 83,
+    'U': 85,
+    'V': 86,
+    'Y': 89,
+    'Z': 90,
+    'SLASH': 191,
+    'LEFTBRACKET': 219,
+    'BACKSLASH': 220,
+    'RIGHTBRACKET': 221
+};
+/**
+ * @class core.key
+ *
+ * Object for keycodes.
+ *
+ * @singleton
+ * @alternateClassName key
+ */
+var key = {
+    /**
+     * @method isEdit
+     *
+     * @param {Number} keyCode
+     * @return {Boolean}
+     */
+    isEdit: function (keyCode) {
+        return lists.contains([
+            KEY_MAP.BACKSPACE,
+            KEY_MAP.TAB,
+            KEY_MAP.ENTER,
+            KEY_MAP.SPACE,
+            KEY_MAP.DELETE
+        ], keyCode);
+    },
+    /**
+     * @method isMove
+     *
+     * @param {Number} keyCode
+     * @return {Boolean}
+     */
+    isMove: function (keyCode) {
+        return lists.contains([
+            KEY_MAP.LEFT,
+            KEY_MAP.UP,
+            KEY_MAP.RIGHT,
+            KEY_MAP.DOWN
+        ], keyCode);
+    },
+    /**
+     * @property {Object} nameFromCode
+     * @property {String} nameFromCode.8 "BACKSPACE"
+     */
+    nameFromCode: func.invertObject(KEY_MAP),
+    code: KEY_MAP
+};
+
+var NBSP_CHAR = String.fromCharCode(160);
+var ZERO_WIDTH_NBSP_CHAR = '\ufeff';
+/**
+ * @method isEditable
+ *
+ * returns whether node is `note-editable` or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
+function isEditable(node) {
+    return node && $$1(node).hasClass('note-editable');
+}
+/**
+ * @method isControlSizing
+ *
+ * returns whether node is `note-control-sizing` or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
+function isControlSizing(node) {
+    return node && $$1(node).hasClass('note-control-sizing');
+}
+/**
+ * @method makePredByNodeName
+ *
+ * returns predicate which judge whether nodeName is same
+ *
+ * @param {String} nodeName
+ * @return {Function}
+ */
+function makePredByNodeName(nodeName) {
+    nodeName = nodeName.toUpperCase();
+    return function (node) {
+        return node && node.nodeName.toUpperCase() === nodeName;
+    };
+}
+/**
+ * @method isText
+ *
+ *
+ *
+ * @param {Node} node
+ * @return {Boolean} true if node's type is text(3)
+ */
+function isText(node) {
+    return node && node.nodeType === 3;
+}
+/**
+ * @method isElement
+ *
+ *
+ *
+ * @param {Node} node
+ * @return {Boolean} true if node's type is element(1)
+ */
+function isElement(node) {
+    return node && node.nodeType === 1;
+}
+/**
+ * ex) br, col, embed, hr, img, input, ...
+ * @see http://www.w3.org/html/wg/drafts/html/master/syntax.html#void-elements
+ */
+function isVoid(node) {
+    return node && /^BR|^IMG|^HR|^IFRAME|^BUTTON|^INPUT/.test(node.nodeName.toUpperCase());
+}
+function isPara(node) {
+    if (isEditable(node)) {
+        return false;
+    }
+    // Chrome(v31.0), FF(v25.0.1) use DIV for paragraph
+    return node && /^DIV|^P|^LI|^H[1-7]/.test(node.nodeName.toUpperCase());
+}
+function isHeading(node) {
+    return node && /^H[1-7]/.test(node.nodeName.toUpperCase());
+}
+var isPre = makePredByNodeName('PRE');
+var isLi = makePredByNodeName('LI');
+function isPurePara(node) {
+    return isPara(node) && !isLi(node);
+}
+var isTable = makePredByNodeName('TABLE');
+var isData = makePredByNodeName('DATA');
+function isInline(node) {
+    return !isBodyContainer(node) &&
+        !isList(node) &&
+        !isHr(node) &&
+        !isPara(node) &&
+        !isTable(node) &&
+        !isBlockquote(node) &&
+        !isData(node);
+}
+function isList(node) {
+    return node && /^UL|^OL/.test(node.nodeName.toUpperCase());
+}
+var isHr = makePredByNodeName('HR');
+function isCell(node) {
+    return node && /^TD|^TH/.test(node.nodeName.toUpperCase());
+}
+var isBlockquote = makePredByNodeName('BLOCKQUOTE');
+function isBodyContainer(node) {
+    return isCell(node) || isBlockquote(node) || isEditable(node);
+}
+var isAnchor = makePredByNodeName('A');
+function isParaInline(node) {
+    return isInline(node) && !!ancestor(node, isPara);
+}
+function isBodyInline(node) {
+    return isInline(node) && !ancestor(node, isPara);
+}
+var isBody = makePredByNodeName('BODY');
+/**
+ * returns whether nodeB is closest sibling of nodeA
+ *
+ * @param {Node} nodeA
+ * @param {Node} nodeB
+ * @return {Boolean}
+ */
+function isClosestSibling(nodeA, nodeB) {
+    return nodeA.nextSibling === nodeB ||
+        nodeA.previousSibling === nodeB;
+}
+/**
+ * returns array of closest siblings with node
+ *
+ * @param {Node} node
+ * @param {function} [pred] - predicate function
+ * @return {Node[]}
+ */
+function withClosestSiblings(node, pred) {
+    pred = pred || func.ok;
+    var siblings = [];
+    if (node.previousSibling && pred(node.previousSibling)) {
+        siblings.push(node.previousSibling);
+    }
+    siblings.push(node);
+    if (node.nextSibling && pred(node.nextSibling)) {
+        siblings.push(node.nextSibling);
+    }
+    return siblings;
+}
+/**
+ * blank HTML for cursor position
+ * - [workaround] old IE only works with &nbsp;
+ * - [workaround] IE11 and other browser works with bogus br
+ */
+var blankHTML = env.isMSIE && env.browserVersion < 11 ? '&nbsp;' : '<br>';
+/**
+ * @method nodeLength
+ *
+ * returns #text's text size or element's childNodes size
+ *
+ * @param {Node} node
+ */
+function nodeLength(node) {
+    if (isText(node)) {
+        return node.nodeValue.length;
+    }
+    if (node) {
+        return node.childNodes.length;
+    }
+    return 0;
+}
+/**
+ * returns whether node is empty or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
+function isEmpty$1(node) {
+    var len = nodeLength(node);
+    if (len === 0) {
+        return true;
+    }
+    else if (!isText(node) && len === 1 && node.innerHTML === blankHTML) {
+        // ex) <p><br></p>, <span><br></span>
+        return true;
+    }
+    else if (lists.all(node.childNodes, isText) && node.innerHTML === '') {
+        // ex) <p></p>, <span></span>
+        return true;
+    }
+    return false;
+}
+/**
+ * padding blankHTML if node is empty (for cursor position)
+ */
+function paddingBlankHTML(node) {
+    if (!isVoid(node) && !nodeLength(node)) {
+        node.innerHTML = blankHTML;
+    }
+}
+/**
+ * find nearest ancestor predicate hit
+ *
+ * @param {Node} node
+ * @param {Function} pred - predicate function
+ */
+function ancestor(node, pred) {
+    while (node) {
+        if (pred(node)) {
+            return node;
+        }
+        if (isEditable(node)) {
+            break;
+        }
+        node = node.parentNode;
+    }
+    return null;
+}
+/**
+ * find nearest ancestor only single child blood line and predicate hit
+ *
+ * @param {Node} node
+ * @param {Function} pred - predicate function
+ */
+function singleChildAncestor(node, pred) {
+    node = node.parentNode;
+    while (node) {
+        if (nodeLength(node) !== 1) {
+            break;
+        }
+        if (pred(node)) {
+            return node;
+        }
+        if (isEditable(node)) {
+            break;
+        }
+        node = node.parentNode;
+    }
+    return null;
+}
+/**
+ * returns new array of ancestor nodes (until predicate hit).
+ *
+ * @param {Node} node
+ * @param {Function} [optional] pred - predicate function
+ */
+function listAncestor(node, pred) {
+    pred = pred || func.fail;
+    var ancestors = [];
+    ancestor(node, function (el) {
+        if (!isEditable(el)) {
+            ancestors.push(el);
+        }
+        return pred(el);
+    });
+    return ancestors;
+}
+/**
+ * find farthest ancestor predicate hit
+ */
+function lastAncestor(node, pred) {
+    var ancestors = listAncestor(node);
+    return lists.last(ancestors.filter(pred));
+}
+/**
+ * returns common ancestor node between two nodes.
+ *
+ * @param {Node} nodeA
+ * @param {Node} nodeB
+ */
+function commonAncestor(nodeA, nodeB) {
+    var ancestors = listAncestor(nodeA);
+    for (var n = nodeB; n; n = n.parentNode) {
+        if ($$1.inArray(n, ancestors) > -1) {
+            return n;
+        }
+    }
+    return null; // difference document area
+}
+/**
+ * listing all previous siblings (until predicate hit).
+ *
+ * @param {Node} node
+ * @param {Function} [optional] pred - predicate function
+ */
+function listPrev(node, pred) {
+    pred = pred || func.fail;
+    var nodes = [];
+    while (node) {
+        if (pred(node)) {
+            break;
+        }
+        nodes.push(node);
+        node = node.previousSibling;
+    }
+    return nodes;
+}
+/**
+ * listing next siblings (until predicate hit).
+ *
+ * @param {Node} node
+ * @param {Function} [pred] - predicate function
+ */
+function listNext(node, pred) {
+    pred = pred || func.fail;
+    var nodes = [];
+    while (node) {
+        if (pred(node)) {
+            break;
+        }
+        nodes.push(node);
+        node = node.nextSibling;
+    }
+    return nodes;
+}
+/**
+ * listing descendant nodes
+ *
+ * @param {Node} node
+ * @param {Function} [pred] - predicate function
+ */
+function listDescendant(node, pred) {
+    var descendants = [];
+    pred = pred || func.ok;
+    // start DFS(depth first search) with node
+    (function fnWalk(current) {
+        if (node !== current && pred(current)) {
+            descendants.push(current);
+        }
+        for (var idx = 0, len = current.childNodes.length; idx < len; idx++) {
+            fnWalk(current.childNodes[idx]);
+        }
+    })(node);
+    return descendants;
+}
+/**
+ * wrap node with new tag.
+ *
+ * @param {Node} node
+ * @param {Node} tagName of wrapper
+ * @return {Node} - wrapper
+ */
+function wrap(node, wrapperName) {
+    var parent = node.parentNode;
+    var wrapper = $$1('<' + wrapperName + '>')[0];
+    parent.insertBefore(wrapper, node);
+    wrapper.appendChild(node);
+    return wrapper;
+}
+/**
+ * insert node after preceding
+ *
+ * @param {Node} node
+ * @param {Node} preceding - predicate function
+ */
+function insertAfter(node, preceding) {
+    var next = preceding.nextSibling;
+    var parent = preceding.parentNode;
+    if (next) {
+        parent.insertBefore(node, next);
+    }
+    else {
+        parent.appendChild(node);
+    }
+    return node;
+}
+/**
+ * append elements.
+ *
+ * @param {Node} node
+ * @param {Collection} aChild
+ */
+function appendChildNodes(node, aChild) {
+    $$1.each(aChild, function (idx, child) {
+        node.appendChild(child);
+    });
+    return node;
+}
+/**
+ * returns whether boundaryPoint is left edge or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isLeftEdgePoint(point) {
+    return point.offset === 0;
+}
+/**
+ * returns whether boundaryPoint is right edge or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isRightEdgePoint(point) {
+    return point.offset === nodeLength(point.node);
+}
+/**
+ * returns whether boundaryPoint is edge or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isEdgePoint(point) {
+    return isLeftEdgePoint(point) || isRightEdgePoint(point);
+}
+/**
+ * returns whether node is left edge of ancestor or not.
+ *
+ * @param {Node} node
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isLeftEdgeOf(node, ancestor) {
+    while (node && node !== ancestor) {
+        if (position(node) !== 0) {
+            return false;
+        }
+        node = node.parentNode;
+    }
+    return true;
+}
+/**
+ * returns whether node is right edge of ancestor or not.
+ *
+ * @param {Node} node
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isRightEdgeOf(node, ancestor) {
+    if (!ancestor) {
+        return false;
+    }
+    while (node && node !== ancestor) {
+        if (position(node) !== nodeLength(node.parentNode) - 1) {
+            return false;
+        }
+        node = node.parentNode;
+    }
+    return true;
+}
+/**
+ * returns whether point is left edge of ancestor or not.
+ * @param {BoundaryPoint} point
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isLeftEdgePointOf(point, ancestor) {
+    return isLeftEdgePoint(point) && isLeftEdgeOf(point.node, ancestor);
+}
+/**
+ * returns whether point is right edge of ancestor or not.
+ * @param {BoundaryPoint} point
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isRightEdgePointOf(point, ancestor) {
+    return isRightEdgePoint(point) && isRightEdgeOf(point.node, ancestor);
+}
+/**
+ * returns offset from parent.
+ *
+ * @param {Node} node
+ */
+function position(node) {
+    var offset = 0;
+    while ((node = node.previousSibling)) {
+        offset += 1;
+    }
+    return offset;
+}
+function hasChildren(node) {
+    return !!(node && node.childNodes && node.childNodes.length);
+}
+/**
+ * returns previous boundaryPoint
+ *
+ * @param {BoundaryPoint} point
+ * @param {Boolean} isSkipInnerOffset
+ * @return {BoundaryPoint}
+ */
+function prevPoint(point, isSkipInnerOffset) {
+    var node;
+    var offset;
+    if (point.offset === 0) {
+        if (isEditable(point.node)) {
+            return null;
+        }
+        node = point.node.parentNode;
+        offset = position(point.node);
+    }
+    else if (hasChildren(point.node)) {
+        node = point.node.childNodes[point.offset - 1];
+        offset = nodeLength(node);
+    }
+    else {
+        node = point.node;
+        offset = isSkipInnerOffset ? 0 : point.offset - 1;
+    }
+    return {
+        node: node,
+        offset: offset
+    };
+}
+/**
+ * returns next boundaryPoint
+ *
+ * @param {BoundaryPoint} point
+ * @param {Boolean} isSkipInnerOffset
+ * @return {BoundaryPoint}
+ */
+function nextPoint(point, isSkipInnerOffset) {
+    var node, offset;
+    if (nodeLength(point.node) === point.offset) {
+        if (isEditable(point.node)) {
+            return null;
+        }
+        node = point.node.parentNode;
+        offset = position(point.node) + 1;
+    }
+    else if (hasChildren(point.node)) {
+        node = point.node.childNodes[point.offset];
+        offset = 0;
+    }
+    else {
+        node = point.node;
+        offset = isSkipInnerOffset ? nodeLength(point.node) : point.offset + 1;
+    }
+    return {
+        node: node,
+        offset: offset
+    };
+}
+/**
+ * returns whether pointA and pointB is same or not.
+ *
+ * @param {BoundaryPoint} pointA
+ * @param {BoundaryPoint} pointB
+ * @return {Boolean}
+ */
+function isSamePoint(pointA, pointB) {
+    return pointA.node === pointB.node && pointA.offset === pointB.offset;
+}
+/**
+ * returns whether point is visible (can set cursor) or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isVisiblePoint(point) {
+    if (isText(point.node) || !hasChildren(point.node) || isEmpty$1(point.node)) {
+        return true;
+    }
+    var leftNode = point.node.childNodes[point.offset - 1];
+    var rightNode = point.node.childNodes[point.offset];
+    if ((!leftNode || isVoid(leftNode)) && (!rightNode || isVoid(rightNode))) {
+        return true;
+    }
+    return false;
+}
+/**
+ * @method prevPointUtil
+ *
+ * @param {BoundaryPoint} point
+ * @param {Function} pred
+ * @return {BoundaryPoint}
+ */
+function prevPointUntil(point, pred) {
+    while (point) {
+        if (pred(point)) {
+            return point;
+        }
+        point = prevPoint(point);
+    }
+    return null;
+}
+/**
+ * @method nextPointUntil
+ *
+ * @param {BoundaryPoint} point
+ * @param {Function} pred
+ * @return {BoundaryPoint}
+ */
+function nextPointUntil(point, pred) {
+    while (point) {
+        if (pred(point)) {
+            return point;
+        }
+        point = nextPoint(point);
+    }
+    return null;
+}
+/**
+ * returns whether point has character or not.
+ *
+ * @param {Point} point
+ * @return {Boolean}
+ */
+function isCharPoint(point) {
+    if (!isText(point.node)) {
+        return false;
+    }
+    var ch = point.node.nodeValue.charAt(point.offset - 1);
+    return ch && (ch !== ' ' && ch !== NBSP_CHAR);
+}
+/**
+ * @method walkPoint
+ *
+ * @param {BoundaryPoint} startPoint
+ * @param {BoundaryPoint} endPoint
+ * @param {Function} handler
+ * @param {Boolean} isSkipInnerOffset
+ */
+function walkPoint(startPoint, endPoint, handler, isSkipInnerOffset) {
+    var point = startPoint;
+    while (point) {
+        handler(point);
+        if (isSamePoint(point, endPoint)) {
+            break;
+        }
+        var isSkipOffset = isSkipInnerOffset &&
+            startPoint.node !== point.node &&
+            endPoint.node !== point.node;
+        point = nextPoint(point, isSkipOffset);
+    }
+}
+/**
+ * @method makeOffsetPath
+ *
+ * return offsetPath(array of offset) from ancestor
+ *
+ * @param {Node} ancestor - ancestor node
+ * @param {Node} node
+ */
+function makeOffsetPath(ancestor, node) {
+    var ancestors = listAncestor(node, func.eq(ancestor));
+    return ancestors.map(position).reverse();
+}
+/**
+ * @method fromOffsetPath
+ *
+ * return element from offsetPath(array of offset)
+ *
+ * @param {Node} ancestor - ancestor node
+ * @param {array} offsets - offsetPath
+ */
+function fromOffsetPath(ancestor, offsets) {
+    var current = ancestor;
+    for (var i = 0, len = offsets.length; i < len; i++) {
+        if (current.childNodes.length <= offsets[i]) {
+            current = current.childNodes[current.childNodes.length - 1];
+        }
+        else {
+            current = current.childNodes[offsets[i]];
+        }
+    }
+    return current;
+}
+/**
+ * @method splitNode
+ *
+ * split element or #text
+ *
+ * @param {BoundaryPoint} point
+ * @param {Object} [options]
+ * @param {Boolean} [options.isSkipPaddingBlankHTML] - default: false
+ * @param {Boolean} [options.isNotSplitEdgePoint] - default: false
+ * @return {Node} right node of boundaryPoint
+ */
+function splitNode(point, options) {
+    var isSkipPaddingBlankHTML = options && options.isSkipPaddingBlankHTML;
+    var isNotSplitEdgePoint = options && options.isNotSplitEdgePoint;
+    // edge case
+    if (isEdgePoint(point) && (isText(point.node) || isNotSplitEdgePoint)) {
+        if (isLeftEdgePoint(point)) {
+            return point.node;
+        }
+        else if (isRightEdgePoint(point)) {
+            return point.node.nextSibling;
+        }
+    }
+    // split #text
+    if (isText(point.node)) {
+        return point.node.splitText(point.offset);
+    }
+    else {
+        var childNode = point.node.childNodes[point.offset];
+        var clone = insertAfter(point.node.cloneNode(false), point.node);
+        appendChildNodes(clone, listNext(childNode));
+        if (!isSkipPaddingBlankHTML) {
+            paddingBlankHTML(point.node);
+            paddingBlankHTML(clone);
+        }
+        return clone;
+    }
+}
+/**
+ * @method splitTree
+ *
+ * split tree by point
+ *
+ * @param {Node} root - split root
+ * @param {BoundaryPoint} point
+ * @param {Object} [options]
+ * @param {Boolean} [options.isSkipPaddingBlankHTML] - default: false
+ * @param {Boolean} [options.isNotSplitEdgePoint] - default: false
+ * @return {Node} right node of boundaryPoint
+ */
+function splitTree(root, point, options) {
+    // ex) [#text, <span>, <p>]
+    var ancestors = listAncestor(point.node, func.eq(root));
+    if (!ancestors.length) {
+        return null;
+    }
+    else if (ancestors.length === 1) {
+        return splitNode(point, options);
+    }
+    return ancestors.reduce(function (node, parent) {
+        if (node === point.node) {
+            node = splitNode(point, options);
+        }
+        return splitNode({
+            node: parent,
+            offset: node ? position(node) : nodeLength(parent)
+        }, options);
+    });
+}
+/**
+ * split point
+ *
+ * @param {Point} point
+ * @param {Boolean} isInline
+ * @return {Object}
+ */
+function splitPoint(point, isInline) {
+    // find splitRoot, container
+    //  - inline: splitRoot is a child of paragraph
+    //  - block: splitRoot is a child of bodyContainer
+    var pred = isInline ? isPara : isBodyContainer;
+    var ancestors = listAncestor(point.node, pred);
+    var topAncestor = lists.last(ancestors) || point.node;
+    var splitRoot, container;
+    if (pred(topAncestor)) {
+        splitRoot = ancestors[ancestors.length - 2];
+        container = topAncestor;
+    }
+    else {
+        splitRoot = topAncestor;
+        container = splitRoot.parentNode;
+    }
+    // if splitRoot is exists, split with splitTree
+    var pivot = splitRoot && splitTree(splitRoot, point, {
+        isSkipPaddingBlankHTML: isInline,
+        isNotSplitEdgePoint: isInline
+    });
+    // if container is point.node, find pivot with point.offset
+    if (!pivot && container === point.node) {
+        pivot = point.node.childNodes[point.offset];
+    }
+    return {
+        rightNode: pivot,
+        container: container
+    };
+}
+function create(nodeName) {
+    return document.createElement(nodeName);
+}
+function createText(text) {
+    return document.createTextNode(text);
+}
+/**
+ * @method remove
+ *
+ * remove node, (isRemoveChild: remove child or not)
+ *
+ * @param {Node} node
+ * @param {Boolean} isRemoveChild
+ */
+function remove(node, isRemoveChild) {
+    if (!node || !node.parentNode) {
+        return;
+    }
+    if (node.removeNode) {
+        return node.removeNode(isRemoveChild);
+    }
+    var parent = node.parentNode;
+    if (!isRemoveChild) {
+        var nodes = [];
+        for (var i = 0, len = node.childNodes.length; i < len; i++) {
+            nodes.push(node.childNodes[i]);
+        }
+        for (var i = 0, len = nodes.length; i < len; i++) {
+            parent.insertBefore(nodes[i], node);
+        }
+    }
+    parent.removeChild(node);
+}
+/**
+ * @method removeWhile
+ *
+ * @param {Node} node
+ * @param {Function} pred
+ */
+function removeWhile(node, pred) {
+    while (node) {
+        if (isEditable(node) || !pred(node)) {
+            break;
+        }
+        var parent = node.parentNode;
+        remove(node);
+        node = parent;
+    }
+}
+/**
+ * @method replace
+ *
+ * replace node with provided nodeName
+ *
+ * @param {Node} node
+ * @param {String} nodeName
+ * @return {Node} - new node
+ */
+function replace(node, nodeName) {
+    if (node.nodeName.toUpperCase() === nodeName.toUpperCase()) {
+        return node;
+    }
+    var newNode = create(nodeName);
+    if (node.style.cssText) {
+        newNode.style.cssText = node.style.cssText;
+    }
+    appendChildNodes(newNode, lists.from(node.childNodes));
+    insertAfter(newNode, node);
+    remove(node);
+    return newNode;
+}
+var isTextarea = makePredByNodeName('TEXTAREA');
+/**
+ * @param {jQuery} $node
+ * @param {Boolean} [stripLinebreaks] - default: false
+ */
+function value($node, stripLinebreaks) {
+    var val = isTextarea($node[0]) ? $node.val() : $node.html();
+    if (stripLinebreaks) {
+        return val.replace(/[\n\r]/g, '');
+    }
+    return val;
+}
+/**
+ * @method html
+ *
+ * get the HTML contents of node
+ *
+ * @param {jQuery} $node
+ * @param {Boolean} [isNewlineOnBlock]
+ */
+function html($node, isNewlineOnBlock) {
+    var markup = value($node);
+    if (isNewlineOnBlock) {
+        var regexTag = /<(\/?)(\b(?!!)[^>\s]*)(.*?)(\s*\/?>)/g;
+        markup = markup.replace(regexTag, function (match, endSlash, name) {
+            name = name.toUpperCase();
+            var isEndOfInlineContainer = /^DIV|^TD|^TH|^P|^LI|^H[1-7]/.test(name) &&
+                !!endSlash;
+            var isBlockNode = /^BLOCKQUOTE|^TABLE|^TBODY|^TR|^HR|^UL|^OL/.test(name);
+            return match + ((isEndOfInlineContainer || isBlockNode) ? '\n' : '');
+        });
+        markup = $$1.trim(markup);
+    }
+    return markup;
+}
+function posFromPlaceholder(placeholder) {
+    var $placeholder = $$1(placeholder);
+    var pos = $placeholder.offset();
+    var height = $placeholder.outerHeight(true); // include margin
+    return {
+        left: pos.left,
+        top: pos.top + height
+    };
+}
+function attachEvents($node, events) {
+    Object.keys(events).forEach(function (key) {
+        $node.on(key, events[key]);
+    });
+}
+function detachEvents($node, events) {
+    Object.keys(events).forEach(function (key) {
+        $node.off(key, events[key]);
+    });
+}
+/**
+ * @method isCustomStyleTag
+ *
+ * assert if a node contains a "note-styletag" class,
+ * which implies that's a custom-made style tag node
+ *
+ * @param {Node} an HTML DOM node
+ */
+function isCustomStyleTag(node) {
+    return node && !isText(node) && lists.contains(node.classList, 'note-styletag');
+}
+var dom = {
+    /** @property {String} NBSP_CHAR */
+    NBSP_CHAR: NBSP_CHAR,
+    /** @property {String} ZERO_WIDTH_NBSP_CHAR */
+    ZERO_WIDTH_NBSP_CHAR: ZERO_WIDTH_NBSP_CHAR,
+    /** @property {String} blank */
+    blank: blankHTML,
+    /** @property {String} emptyPara */
+    emptyPara: "<p>" + blankHTML + "</p>",
+    makePredByNodeName: makePredByNodeName,
+    isEditable: isEditable,
+    isControlSizing: isControlSizing,
+    isText: isText,
+    isElement: isElement,
+    isVoid: isVoid,
+    isPara: isPara,
+    isPurePara: isPurePara,
+    isHeading: isHeading,
+    isInline: isInline,
+    isBlock: func.not(isInline),
+    isBodyInline: isBodyInline,
+    isBody: isBody,
+    isParaInline: isParaInline,
+    isPre: isPre,
+    isList: isList,
+    isTable: isTable,
+    isData: isData,
+    isCell: isCell,
+    isBlockquote: isBlockquote,
+    isBodyContainer: isBodyContainer,
+    isAnchor: isAnchor,
+    isDiv: makePredByNodeName('DIV'),
+    isLi: isLi,
+    isBR: makePredByNodeName('BR'),
+    isSpan: makePredByNodeName('SPAN'),
+    isB: makePredByNodeName('B'),
+    isU: makePredByNodeName('U'),
+    isS: makePredByNodeName('S'),
+    isI: makePredByNodeName('I'),
+    isImg: makePredByNodeName('IMG'),
+    isTextarea: isTextarea,
+    isEmpty: isEmpty$1,
+    isEmptyAnchor: func.and(isAnchor, isEmpty$1),
+    isClosestSibling: isClosestSibling,
+    withClosestSiblings: withClosestSiblings,
+    nodeLength: nodeLength,
+    isLeftEdgePoint: isLeftEdgePoint,
+    isRightEdgePoint: isRightEdgePoint,
+    isEdgePoint: isEdgePoint,
+    isLeftEdgeOf: isLeftEdgeOf,
+    isRightEdgeOf: isRightEdgeOf,
+    isLeftEdgePointOf: isLeftEdgePointOf,
+    isRightEdgePointOf: isRightEdgePointOf,
+    prevPoint: prevPoint,
+    nextPoint: nextPoint,
+    isSamePoint: isSamePoint,
+    isVisiblePoint: isVisiblePoint,
+    prevPointUntil: prevPointUntil,
+    nextPointUntil: nextPointUntil,
+    isCharPoint: isCharPoint,
+    walkPoint: walkPoint,
+    ancestor: ancestor,
+    singleChildAncestor: singleChildAncestor,
+    listAncestor: listAncestor,
+    lastAncestor: lastAncestor,
+    listNext: listNext,
+    listPrev: listPrev,
+    listDescendant: listDescendant,
+    commonAncestor: commonAncestor,
+    wrap: wrap,
+    insertAfter: insertAfter,
+    appendChildNodes: appendChildNodes,
+    position: position,
+    hasChildren: hasChildren,
+    makeOffsetPath: makeOffsetPath,
+    fromOffsetPath: fromOffsetPath,
+    splitTree: splitTree,
+    splitPoint: splitPoint,
+    create: create,
+    createText: createText,
+    remove: remove,
+    removeWhile: removeWhile,
+    replace: replace,
+    html: html,
+    value: value,
+    posFromPlaceholder: posFromPlaceholder,
+    attachEvents: attachEvents,
+    detachEvents: detachEvents,
+    isCustomStyleTag: isCustomStyleTag
+};
+
+/**
+ * return boundaryPoint from TextRange, inspired by Andy Na's HuskyRange.js
+ *
+ * @param {TextRange} textRange
+ * @param {Boolean} isStart
+ * @return {BoundaryPoint}
+ *
+ * @see http://msdn.microsoft.com/en-us/library/ie/ms535872(v=vs.85).aspx
+ */
+function textRangeToPoint(textRange, isStart) {
+    var container = textRange.parentElement();
+    var offset;
+    var tester = document.body.createTextRange();
+    var prevContainer;
+    var childNodes = lists.from(container.childNodes);
+    for (offset = 0; offset < childNodes.length; offset++) {
+        if (dom.isText(childNodes[offset])) {
+            continue;
+        }
+        tester.moveToElementText(childNodes[offset]);
+        if (tester.compareEndPoints('StartToStart', textRange) >= 0) {
+            break;
+        }
+        prevContainer = childNodes[offset];
+    }
+    if (offset !== 0 && dom.isText(childNodes[offset - 1])) {
+        var textRangeStart = document.body.createTextRange();
+        var curTextNode = null;
+        textRangeStart.moveToElementText(prevContainer || container);
+        textRangeStart.collapse(!prevContainer);
+        curTextNode = prevContainer ? prevContainer.nextSibling : container.firstChild;
+        var pointTester = textRange.duplicate();
+        pointTester.setEndPoint('StartToStart', textRangeStart);
+        var textCount = pointTester.text.replace(/[\r\n]/g, '').length;
+        while (textCount > curTextNode.nodeValue.length && curTextNode.nextSibling) {
+            textCount -= curTextNode.nodeValue.length;
+            curTextNode = curTextNode.nextSibling;
+        }
+        // [workaround] enforce IE to re-reference curTextNode, hack
+        var dummy = curTextNode.nodeValue; // eslint-disable-line
+        if (isStart && curTextNode.nextSibling && dom.isText(curTextNode.nextSibling) &&
+            textCount === curTextNode.nodeValue.length) {
+            textCount -= curTextNode.nodeValue.length;
+            curTextNode = curTextNode.nextSibling;
+        }
+        container = curTextNode;
+        offset = textCount;
+    }
+    return {
+        cont: container,
+        offset: offset
+    };
+}
+/**
+ * return TextRange from boundary point (inspired by google closure-library)
+ * @param {BoundaryPoint} point
+ * @return {TextRange}
+ */
+function pointToTextRange(point) {
+    var textRangeInfo = function (container, offset) {
+        var node, isCollapseToStart;
+        if (dom.isText(container)) {
+            var prevTextNodes = dom.listPrev(container, func.not(dom.isText));
+            var prevContainer = lists.last(prevTextNodes).previousSibling;
+            node = prevContainer || container.parentNode;
+            offset += lists.sum(lists.tail(prevTextNodes), dom.nodeLength);
+            isCollapseToStart = !prevContainer;
+        }
+        else {
+            node = container.childNodes[offset] || container;
+            if (dom.isText(node)) {
+                return textRangeInfo(node, 0);
+            }
+            offset = 0;
+            isCollapseToStart = false;
+        }
+        return {
+            node: node,
+            collapseToStart: isCollapseToStart,
+            offset: offset
+        };
+    };
+    var textRange = document.body.createTextRange();
+    var info = textRangeInfo(point.node, point.offset);
+    textRange.moveToElementText(info.node);
+    textRange.collapse(info.collapseToStart);
+    textRange.moveStart('character', info.offset);
+    return textRange;
+}
+/**
+   * Wrapped Range
+   *
+   * @constructor
+   * @param {Node} sc - start container
+   * @param {Number} so - start offset
+   * @param {Node} ec - end container
+   * @param {Number} eo - end offset
+   */
+var WrappedRange = /** @class */ (function () {
+    function WrappedRange(sc, so, ec, eo) {
+        this.sc = sc;
+        this.so = so;
+        this.ec = ec;
+        this.eo = eo;
+        // isOnEditable: judge whether range is on editable or not
+        this.isOnEditable = this.makeIsOn(dom.isEditable);
+        // isOnList: judge whether range is on list node or not
+        this.isOnList = this.makeIsOn(dom.isList);
+        // isOnAnchor: judge whether range is on anchor node or not
+        this.isOnAnchor = this.makeIsOn(dom.isAnchor);
+        // isOnCell: judge whether range is on cell node or not
+        this.isOnCell = this.makeIsOn(dom.isCell);
+        // isOnData: judge whether range is on data node or not
+        this.isOnData = this.makeIsOn(dom.isData);
+    }
+    // nativeRange: get nativeRange from sc, so, ec, eo
+    WrappedRange.prototype.nativeRange = function () {
+        if (env.isW3CRangeSupport) {
+            var w3cRange = document.createRange();
+            w3cRange.setStart(this.sc, this.so);
+            w3cRange.setEnd(this.ec, this.eo);
+            return w3cRange;
+        }
+        else {
+            var textRange = pointToTextRange({
+                node: this.sc,
+                offset: this.so
+            });
+            textRange.setEndPoint('EndToEnd', pointToTextRange({
+                node: this.ec,
+                offset: this.eo
+            }));
+            return textRange;
+        }
+    };
+    WrappedRange.prototype.getPoints = function () {
+        return {
+            sc: this.sc,
+            so: this.so,
+            ec: this.ec,
+            eo: this.eo
+        };
+    };
+    WrappedRange.prototype.getStartPoint = function () {
+        return {
+            node: this.sc,
+            offset: this.so
+        };
+    };
+    WrappedRange.prototype.getEndPoint = function () {
+        return {
+            node: this.ec,
+            offset: this.eo
+        };
+    };
+    /**
+     * select update visible range
+     */
+    WrappedRange.prototype.select = function () {
+        var nativeRng = this.nativeRange();
+        if (env.isW3CRangeSupport) {
+            var selection = document.getSelection();
+            if (selection.rangeCount > 0) {
+                selection.removeAllRanges();
+            }
+            selection.addRange(nativeRng);
+        }
+        else {
+            nativeRng.select();
+        }
+        return this;
+    };
+    /**
+     * Moves the scrollbar to start container(sc) of current range
+     *
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.scrollIntoView = function (container) {
+        var height = $$1(container).height();
+        if (container.scrollTop + height < this.sc.offsetTop) {
+            container.scrollTop += Math.abs(container.scrollTop + height - this.sc.offsetTop);
+        }
+        return this;
+    };
+    /**
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.normalize = function () {
+        /**
+         * @param {BoundaryPoint} point
+         * @param {Boolean} isLeftToRight
+         * @return {BoundaryPoint}
+         */
+        var getVisiblePoint = function (point, isLeftToRight) {
+            if ((dom.isVisiblePoint(point) && !dom.isEdgePoint(point)) ||
+                (dom.isVisiblePoint(point) && dom.isRightEdgePoint(point) && !isLeftToRight) ||
+                (dom.isVisiblePoint(point) && dom.isLeftEdgePoint(point) && isLeftToRight) ||
+                (dom.isVisiblePoint(point) && dom.isBlock(point.node) && dom.isEmpty(point.node))) {
+                return point;
+            }
+            // point on block's edge
+            var block = dom.ancestor(point.node, dom.isBlock);
+            if (((dom.isLeftEdgePointOf(point, block) || dom.isVoid(dom.prevPoint(point).node)) && !isLeftToRight) ||
+                ((dom.isRightEdgePointOf(point, block) || dom.isVoid(dom.nextPoint(point).node)) && isLeftToRight)) {
+                // returns point already on visible point
+                if (dom.isVisiblePoint(point)) {
+                    return point;
+                }
+                // reverse direction
+                isLeftToRight = !isLeftToRight;
+            }
+            var nextPoint = isLeftToRight ? dom.nextPointUntil(dom.nextPoint(point), dom.isVisiblePoint)
+                : dom.prevPointUntil(dom.prevPoint(point), dom.isVisiblePoint);
+            return nextPoint || point;
+        };
+        var endPoint = getVisiblePoint(this.getEndPoint(), false);
+        var startPoint = this.isCollapsed() ? endPoint : getVisiblePoint(this.getStartPoint(), true);
+        return new WrappedRange(startPoint.node, startPoint.offset, endPoint.node, endPoint.offset);
+    };
+    /**
+     * returns matched nodes on range
+     *
+     * @param {Function} [pred] - predicate function
+     * @param {Object} [options]
+     * @param {Boolean} [options.includeAncestor]
+     * @param {Boolean} [options.fullyContains]
+     * @return {Node[]}
+     */
+    WrappedRange.prototype.nodes = function (pred, options) {
+        pred = pred || func.ok;
+        var includeAncestor = options && options.includeAncestor;
+        var fullyContains = options && options.fullyContains;
+        // TODO compare points and sort
+        var startPoint = this.getStartPoint();
+        var endPoint = this.getEndPoint();
+        var nodes = [];
+        var leftEdgeNodes = [];
+        dom.walkPoint(startPoint, endPoint, function (point) {
+            if (dom.isEditable(point.node)) {
+                return;
+            }
+            var node;
+            if (fullyContains) {
+                if (dom.isLeftEdgePoint(point)) {
+                    leftEdgeNodes.push(point.node);
+                }
+                if (dom.isRightEdgePoint(point) && lists.contains(leftEdgeNodes, point.node)) {
+                    node = point.node;
+                }
+            }
+            else if (includeAncestor) {
+                node = dom.ancestor(point.node, pred);
+            }
+            else {
+                node = point.node;
+            }
+            if (node && pred(node)) {
+                nodes.push(node);
+            }
+        }, true);
+        return lists.unique(nodes);
+    };
+    /**
+     * returns commonAncestor of range
+     * @return {Element} - commonAncestor
+     */
+    WrappedRange.prototype.commonAncestor = function () {
+        return dom.commonAncestor(this.sc, this.ec);
+    };
+    /**
+     * returns expanded range by pred
+     *
+     * @param {Function} pred - predicate function
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.expand = function (pred) {
+        var startAncestor = dom.ancestor(this.sc, pred);
+        var endAncestor = dom.ancestor(this.ec, pred);
+        if (!startAncestor && !endAncestor) {
+            return new WrappedRange(this.sc, this.so, this.ec, this.eo);
+        }
+        var boundaryPoints = this.getPoints();
+        if (startAncestor) {
+            boundaryPoints.sc = startAncestor;
+            boundaryPoints.so = 0;
+        }
+        if (endAncestor) {
+            boundaryPoints.ec = endAncestor;
+            boundaryPoints.eo = dom.nodeLength(endAncestor);
+        }
+        return new WrappedRange(boundaryPoints.sc, boundaryPoints.so, boundaryPoints.ec, boundaryPoints.eo);
+    };
+    /**
+     * @param {Boolean} isCollapseToStart
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.collapse = function (isCollapseToStart) {
+        if (isCollapseToStart) {
+            return new WrappedRange(this.sc, this.so, this.sc, this.so);
+        }
+        else {
+            return new WrappedRange(this.ec, this.eo, this.ec, this.eo);
+        }
+    };
+    /**
+     * splitText on range
+     */
+    WrappedRange.prototype.splitText = function () {
+        var isSameContainer = this.sc === this.ec;
+        var boundaryPoints = this.getPoints();
+        if (dom.isText(this.ec) && !dom.isEdgePoint(this.getEndPoint())) {
+            this.ec.splitText(this.eo);
+        }
+        if (dom.isText(this.sc) && !dom.isEdgePoint(this.getStartPoint())) {
+            boundaryPoints.sc = this.sc.splitText(this.so);
+            boundaryPoints.so = 0;
+            if (isSameContainer) {
+                boundaryPoints.ec = boundaryPoints.sc;
+                boundaryPoints.eo = this.eo - this.so;
+            }
+        }
+        return new WrappedRange(boundaryPoints.sc, boundaryPoints.so, boundaryPoints.ec, boundaryPoints.eo);
+    };
+    /**
+     * delete contents on range
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.deleteContents = function () {
+        if (this.isCollapsed()) {
+            return this;
+        }
+        var rng = this.splitText();
+        var nodes = rng.nodes(null, {
+            fullyContains: true
+        });
+        // find new cursor point
+        var point = dom.prevPointUntil(rng.getStartPoint(), function (point) {
+            return !lists.contains(nodes, point.node);
+        });
+        var emptyParents = [];
+        $$1.each(nodes, function (idx, node) {
+            // find empty parents
+            var parent = node.parentNode;
+            if (point.node !== parent && dom.nodeLength(parent) === 1) {
+                emptyParents.push(parent);
+            }
+            dom.remove(node, false);
+        });
+        // remove empty parents
+        $$1.each(emptyParents, function (idx, node) {
+            dom.remove(node, false);
+        });
+        return new WrappedRange(point.node, point.offset, point.node, point.offset).normalize();
+    };
+    /**
+     * makeIsOn: return isOn(pred) function
+     */
+    WrappedRange.prototype.makeIsOn = function (pred) {
+        return function () {
+            var ancestor = dom.ancestor(this.sc, pred);
+            return !!ancestor && (ancestor === dom.ancestor(this.ec, pred));
+        };
+    };
+    /**
+     * @param {Function} pred
+     * @return {Boolean}
+     */
+    WrappedRange.prototype.isLeftEdgeOf = function (pred) {
+        if (!dom.isLeftEdgePoint(this.getStartPoint())) {
+            return false;
+        }
+        var node = dom.ancestor(this.sc, pred);
+        return node && dom.isLeftEdgeOf(this.sc, node);
+    };
+    /**
+     * returns whether range was collapsed or not
+     */
+    WrappedRange.prototype.isCollapsed = function () {
+        return this.sc === this.ec && this.so === this.eo;
+    };
+    /**
+     * wrap inline nodes which children of body with paragraph
+     *
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.wrapBodyInlineWithPara = function () {
+        if (dom.isBodyContainer(this.sc) && dom.isEmpty(this.sc)) {
+            this.sc.innerHTML = dom.emptyPara;
+            return new WrappedRange(this.sc.firstChild, 0, this.sc.firstChild, 0);
+        }
+        /**
+         * [workaround] firefox often create range on not visible point. so normalize here.
+         *  - firefox: |<p>text</p>|
+         *  - chrome: <p>|text|</p>
+         */
+        var rng = this.normalize();
+        if (dom.isParaInline(this.sc) || dom.isPara(this.sc)) {
+            return rng;
+        }
+        // find inline top ancestor
+        var topAncestor;
+        if (dom.isInline(rng.sc)) {
+            var ancestors = dom.listAncestor(rng.sc, func.not(dom.isInline));
+            topAncestor = lists.last(ancestors);
+            if (!dom.isInline(topAncestor)) {
+                topAncestor = ancestors[ancestors.length - 2] || rng.sc.childNodes[rng.so];
+            }
+        }
+        else {
+            topAncestor = rng.sc.childNodes[rng.so > 0 ? rng.so - 1 : 0];
+        }
+        // siblings not in paragraph
+        var inlineSiblings = dom.listPrev(topAncestor, dom.isParaInline).reverse();
+        inlineSiblings = inlineSiblings.concat(dom.listNext(topAncestor.nextSibling, dom.isParaInline));
+        // wrap with paragraph
+        if (inlineSiblings.length) {
+            var para = dom.wrap(lists.head(inlineSiblings), 'p');
+            dom.appendChildNodes(para, lists.tail(inlineSiblings));
+        }
+        return this.normalize();
+    };
+    /**
+     * insert node at current cursor
+     *
+     * @param {Node} node
+     * @return {Node}
+     */
+    WrappedRange.prototype.insertNode = function (node) {
+        var rng = this.wrapBodyInlineWithPara().deleteContents();
+        var info = dom.splitPoint(rng.getStartPoint(), dom.isInline(node));
+        if (info.rightNode) {
+            info.rightNode.parentNode.insertBefore(node, info.rightNode);
+        }
+        else {
+            info.container.appendChild(node);
+        }
+        return node;
+    };
+    /**
+     * insert html at current cursor
+     */
+    WrappedRange.prototype.pasteHTML = function (markup) {
+        var contentsContainer = $$1('<div></div>').html(markup)[0];
+        var childNodes = lists.from(contentsContainer.childNodes);
+        var rng = this.wrapBodyInlineWithPara().deleteContents();
+        return childNodes.reverse().map(function (childNode) {
+            return rng.insertNode(childNode);
+        }).reverse();
+    };
+    /**
+     * returns text in range
+     *
+     * @return {String}
+     */
+    WrappedRange.prototype.toString = function () {
+        var nativeRng = this.nativeRange();
+        return env.isW3CRangeSupport ? nativeRng.toString() : nativeRng.text;
+    };
+    /**
+     * returns range for word before cursor
+     *
+     * @param {Boolean} [findAfter] - find after cursor, default: false
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.getWordRange = function (findAfter) {
+        var endPoint = this.getEndPoint();
+        if (!dom.isCharPoint(endPoint)) {
+            return this;
+        }
+        var startPoint = dom.prevPointUntil(endPoint, function (point) {
+            return !dom.isCharPoint(point);
+        });
+        if (findAfter) {
+            endPoint = dom.nextPointUntil(endPoint, function (point) {
+                return !dom.isCharPoint(point);
+            });
+        }
+        return new WrappedRange(startPoint.node, startPoint.offset, endPoint.node, endPoint.offset);
+    };
+    /**
+     * create offsetPath bookmark
+     *
+     * @param {Node} editable
+     */
+    WrappedRange.prototype.bookmark = function (editable) {
+        return {
+            s: {
+                path: dom.makeOffsetPath(editable, this.sc),
+                offset: this.so
+            },
+            e: {
+                path: dom.makeOffsetPath(editable, this.ec),
+                offset: this.eo
+            }
+        };
+    };
+    /**
+     * create offsetPath bookmark base on paragraph
+     *
+     * @param {Node[]} paras
+     */
+    WrappedRange.prototype.paraBookmark = function (paras) {
+        return {
+            s: {
+                path: lists.tail(dom.makeOffsetPath(lists.head(paras), this.sc)),
+                offset: this.so
+            },
+            e: {
+                path: lists.tail(dom.makeOffsetPath(lists.last(paras), this.ec)),
+                offset: this.eo
+            }
+        };
+    };
+    /**
+     * getClientRects
+     * @return {Rect[]}
+     */
+    WrappedRange.prototype.getClientRects = function () {
+        var nativeRng = this.nativeRange();
+        return nativeRng.getClientRects();
+    };
+    return WrappedRange;
+}());
+/**
+ * Data structure
+ *  * BoundaryPoint: a point of dom tree
+ *  * BoundaryPoints: two boundaryPoints corresponding to the start and the end of the Range
+ *
+ * See to http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level-2-Range-Position
+ */
+var range = {
+    /**
+     * create Range Object From arguments or Browser Selection
+     *
+     * @param {Node} sc - start container
+     * @param {Number} so - start offset
+     * @param {Node} ec - end container
+     * @param {Number} eo - end offset
+     * @return {WrappedRange}
+     */
+    create: function (sc, so, ec, eo) {
+        if (arguments.length === 4) {
+            return new WrappedRange(sc, so, ec, eo);
+        }
+        else if (arguments.length === 2) {
+            ec = sc;
+            eo = so;
+            return new WrappedRange(sc, so, ec, eo);
+        }
+        else {
+            var wrappedRange = this.createFromSelection();
+            if (!wrappedRange && arguments.length === 1) {
+                wrappedRange = this.createFromNode(arguments[0]);
+                return wrappedRange.collapse(dom.emptyPara === arguments[0].innerHTML);
+            }
+            return wrappedRange;
+        }
+    },
+    createFromSelection: function () {
+        var sc, so, ec, eo;
+        if (env.isW3CRangeSupport) {
+            var selection = document.getSelection();
+            if (!selection || selection.rangeCount === 0) {
+                return null;
+            }
+            else if (dom.isBody(selection.anchorNode)) {
+                // Firefox: returns entire body as range on initialization.
+                // We won't never need it.
+                return null;
+            }
+            var nativeRng = selection.getRangeAt(0);
+            sc = nativeRng.startContainer;
+            so = nativeRng.startOffset;
+            ec = nativeRng.endContainer;
+            eo = nativeRng.endOffset;
+        }
+        else {
+            var textRange = document.selection.createRange();
+            var textRangeEnd = textRange.duplicate();
+            textRangeEnd.collapse(false);
+            var textRangeStart = textRange;
+            textRangeStart.collapse(true);
+            var startPoint = textRangeToPoint(textRangeStart, true);
+            var endPoint = textRangeToPoint(textRangeEnd, false);
+            // same visible point case: range was collapsed.
+            if (dom.isText(startPoint.node) && dom.isLeftEdgePoint(startPoint) &&
+                dom.isTextNode(endPoint.node) && dom.isRightEdgePoint(endPoint) &&
+                endPoint.node.nextSibling === startPoint.node) {
+                startPoint = endPoint;
+            }
+            sc = startPoint.cont;
+            so = startPoint.offset;
+            ec = endPoint.cont;
+            eo = endPoint.offset;
+        }
+        return new WrappedRange(sc, so, ec, eo);
+    },
+    /**
+     * @method
+     *
+     * create WrappedRange from node
+     *
+     * @param {Node} node
+     * @return {WrappedRange}
+     */
+    createFromNode: function (node) {
+        var sc = node;
+        var so = 0;
+        var ec = node;
+        var eo = dom.nodeLength(ec);
+        // browsers can't target a picture or void node
+        if (dom.isVoid(sc)) {
+            so = dom.listPrev(sc).length - 1;
+            sc = sc.parentNode;
+        }
+        if (dom.isBR(ec)) {
+            eo = dom.listPrev(ec).length - 1;
+            ec = ec.parentNode;
+        }
+        else if (dom.isVoid(ec)) {
+            eo = dom.listPrev(ec).length;
+            ec = ec.parentNode;
+        }
+        return this.create(sc, so, ec, eo);
+    },
+    /**
+     * create WrappedRange from node after position
+     *
+     * @param {Node} node
+     * @return {WrappedRange}
+     */
+    createFromNodeBefore: function (node) {
+        return this.createFromNode(node).collapse(true);
+    },
+    /**
+     * create WrappedRange from node after position
+     *
+     * @param {Node} node
+     * @return {WrappedRange}
+     */
+    createFromNodeAfter: function (node) {
+        return this.createFromNode(node).collapse();
+    },
+    /**
+     * @method
+     *
+     * create WrappedRange from bookmark
+     *
+     * @param {Node} editable
+     * @param {Object} bookmark
+     * @return {WrappedRange}
+     */
+    createFromBookmark: function (editable, bookmark) {
+        var sc = dom.fromOffsetPath(editable, bookmark.s.path);
+        var so = bookmark.s.offset;
+        var ec = dom.fromOffsetPath(editable, bookmark.e.path);
+        var eo = bookmark.e.offset;
+        return new WrappedRange(sc, so, ec, eo);
+    },
+    /**
+     * @method
+     *
+     * create WrappedRange from paraBookmark
+     *
+     * @param {Object} bookmark
+     * @param {Node[]} paras
+     * @return {WrappedRange}
+     */
+    createFromParaBookmark: function (bookmark, paras) {
+        var so = bookmark.s.offset;
+        var eo = bookmark.e.offset;
+        var sc = dom.fromOffsetPath(lists.head(paras), bookmark.s.path);
+        var ec = dom.fromOffsetPath(lists.last(paras), bookmark.e.path);
+        return new WrappedRange(sc, so, ec, eo);
+    }
+};
+
+/**
+ * @method readFileAsDataURL
+ *
+ * read contents of file as representing URL
+ *
+ * @param {File} file
+ * @return {Promise} - then: dataUrl
+ */
+function readFileAsDataURL(file) {
+    return $$1.Deferred(function (deferred) {
+        $$1.extend(new FileReader(), {
+            onload: function (e) {
+                var dataURL = e.target.result;
+                deferred.resolve(dataURL);
+            },
+            onerror: function (err) {
+                deferred.reject(err);
+            }
+        }).readAsDataURL(file);
+    }).promise();
+}
+/**
+ * @method createImage
+ *
+ * create `<image>` from url string
+ *
+ * @param {String} url
+ * @return {Promise} - then: $image
+ */
+function createImage(url) {
+    return $$1.Deferred(function (deferred) {
+        var $img = $$1('<img>');
+        $img.one('load', function () {
+            $img.off('error abort');
+            deferred.resolve($img);
+        }).one('error abort', function () {
+            $img.off('load').detach();
+            deferred.reject($img);
+        }).css({
+            display: 'none'
+        }).appendTo(document.body).attr('src', url);
+    }).promise();
+}
+
+var History = /** @class */ (function () {
+    function History($editable) {
+        this.stack = [];
+        this.stackOffset = -1;
+        this.$editable = $editable;
+        this.editable = $editable[0];
+    }
+    History.prototype.makeSnapshot = function () {
+        var rng = range.create(this.editable);
+        var emptyBookmark = { s: { path: [], offset: 0 }, e: { path: [], offset: 0 } };
+        return {
+            contents: this.$editable.html(),
+            bookmark: (rng ? rng.bookmark(this.editable) : emptyBookmark)
+        };
+    };
+    History.prototype.applySnapshot = function (snapshot) {
+        if (snapshot.contents !== null) {
+            this.$editable.html(snapshot.contents);
+        }
+        if (snapshot.bookmark !== null) {
+            range.createFromBookmark(this.editable, snapshot.bookmark).select();
+        }
+    };
+    /**
+    * @method rewind
+    * Rewinds the history stack back to the first snapshot taken.
+    * Leaves the stack intact, so that "Redo" can still be used.
+    */
+    History.prototype.rewind = function () {
+        // Create snap shot if not yet recorded
+        if (this.$editable.html() !== this.stack[this.stackOffset].contents) {
+            this.recordUndo();
+        }
+        // Return to the first available snapshot.
+        this.stackOffset = 0;
+        // Apply that snapshot.
+        this.applySnapshot(this.stack[this.stackOffset]);
+    };
+    /**
+    * @method reset
+    * Resets the history stack completely; reverting to an empty editor.
+    */
+    History.prototype.reset = function () {
+        // Clear the stack.
+        this.stack = [];
+        // Restore stackOffset to its original value.
+        this.stackOffset = -1;
+        // Clear the editable area.
+        this.$editable.html('');
+        // Record our first snapshot (of nothing).
+        this.recordUndo();
+    };
+    /**
+     * undo
+     */
+    History.prototype.undo = function () {
+        // Create snap shot if not yet recorded
+        if (this.$editable.html() !== this.stack[this.stackOffset].contents) {
+            this.recordUndo();
+        }
+        if (this.stackOffset > 0) {
+            this.stackOffset--;
+            this.applySnapshot(this.stack[this.stackOffset]);
+        }
+    };
+    /**
+     * redo
+     */
+    History.prototype.redo = function () {
+        if (this.stack.length - 1 > this.stackOffset) {
+            this.stackOffset++;
+            this.applySnapshot(this.stack[this.stackOffset]);
+        }
+    };
+    /**
+     * recorded undo
+     */
+    History.prototype.recordUndo = function () {
+        this.stackOffset++;
+        // Wash out stack after stackOffset
+        if (this.stack.length > this.stackOffset) {
+            this.stack = this.stack.slice(0, this.stackOffset);
+        }
+        // Create new snapshot and push it to the end
+        this.stack.push(this.makeSnapshot());
+    };
+    return History;
+}());
+
+var Style = /** @class */ (function () {
+    function Style() {
+    }
+    /**
+     * @method jQueryCSS
+     *
+     * [workaround] for old jQuery
+     * passing an array of style properties to .css()
+     * will result in an object of property-value pairs.
+     * (compability with version < 1.9)
+     *
+     * @private
+     * @param  {jQuery} $obj
+     * @param  {Array} propertyNames - An array of one or more CSS properties.
+     * @return {Object}
+     */
+    Style.prototype.jQueryCSS = function ($obj, propertyNames) {
+        if (env.jqueryVersion < 1.9) {
+            var result_1 = {};
+            $$1.each(propertyNames, function (idx, propertyName) {
+                result_1[propertyName] = $obj.css(propertyName);
+            });
+            return result_1;
+        }
+        return $obj.css(propertyNames);
+    };
+    /**
+     * returns style object from node
+     *
+     * @param {jQuery} $node
+     * @return {Object}
+     */
+    Style.prototype.fromNode = function ($node) {
+        var properties = ['font-family', 'font-size', 'text-align', 'list-style-type', 'line-height'];
+        var styleInfo = this.jQueryCSS($node, properties) || {};
+        styleInfo['font-size'] = parseInt(styleInfo['font-size'], 10);
+        return styleInfo;
+    };
+    /**
+     * paragraph level style
+     *
+     * @param {WrappedRange} rng
+     * @param {Object} styleInfo
+     */
+    Style.prototype.stylePara = function (rng, styleInfo) {
+        $$1.each(rng.nodes(dom.isPara, {
+            includeAncestor: true
+        }), function (idx, para) {
+            $$1(para).css(styleInfo);
+        });
+    };
+    /**
+     * insert and returns styleNodes on range.
+     *
+     * @param {WrappedRange} rng
+     * @param {Object} [options] - options for styleNodes
+     * @param {String} [options.nodeName] - default: `SPAN`
+     * @param {Boolean} [options.expandClosestSibling] - default: `false`
+     * @param {Boolean} [options.onlyPartialContains] - default: `false`
+     * @return {Node[]}
+     */
+    Style.prototype.styleNodes = function (rng, options) {
+        rng = rng.splitText();
+        var nodeName = (options && options.nodeName) || 'SPAN';
+        var expandClosestSibling = !!(options && options.expandClosestSibling);
+        var onlyPartialContains = !!(options && options.onlyPartialContains);
+        if (rng.isCollapsed()) {
+            return [rng.insertNode(dom.create(nodeName))];
+        }
+        var pred = dom.makePredByNodeName(nodeName);
+        var nodes = rng.nodes(dom.isText, {
+            fullyContains: true
+        }).map(function (text) {
+            return dom.singleChildAncestor(text, pred) || dom.wrap(text, nodeName);
+        });
+        if (expandClosestSibling) {
+            if (onlyPartialContains) {
+                var nodesInRange_1 = rng.nodes();
+                // compose with partial contains predication
+                pred = func.and(pred, function (node) {
+                    return lists.contains(nodesInRange_1, node);
+                });
+            }
+            return nodes.map(function (node) {
+                var siblings = dom.withClosestSiblings(node, pred);
+                var head = lists.head(siblings);
+                var tails = lists.tail(siblings);
+                $$1.each(tails, function (idx, elem) {
+                    dom.appendChildNodes(head, elem.childNodes);
+                    dom.remove(elem);
+                });
+                return lists.head(siblings);
+            });
+        }
+        else {
+            return nodes;
+        }
+    };
+    /**
+     * get current style on cursor
+     *
+     * @param {WrappedRange} rng
+     * @return {Object} - object contains style properties.
+     */
+    Style.prototype.current = function (rng) {
+        var $cont = $$1(!dom.isElement(rng.sc) ? rng.sc.parentNode : rng.sc);
+        var styleInfo = this.fromNode($cont);
+        // document.queryCommandState for toggle state
+        // [workaround] prevent Firefox nsresult: "0x80004005 (NS_ERROR_FAILURE)"
+        try {
+            styleInfo = $$1.extend(styleInfo, {
+                'font-bold': document.queryCommandState('bold') ? 'bold' : 'normal',
+                'font-italic': document.queryCommandState('italic') ? 'italic' : 'normal',
+                'font-underline': document.queryCommandState('underline') ? 'underline' : 'normal',
+                'font-subscript': document.queryCommandState('subscript') ? 'subscript' : 'normal',
+                'font-superscript': document.queryCommandState('superscript') ? 'superscript' : 'normal',
+                'font-strikethrough': document.queryCommandState('strikethrough') ? 'strikethrough' : 'normal',
+                'font-family': document.queryCommandValue('fontname') || styleInfo['font-family']
+            });
+        }
+        catch (e) { }
+        // list-style-type to list-style(unordered, ordered)
+        if (!rng.isOnList()) {
+            styleInfo['list-style'] = 'none';
+        }
+        else {
+            var orderedTypes = ['circle', 'disc', 'disc-leading-zero', 'square'];
+            var isUnordered = $$1.inArray(styleInfo['list-style-type'], orderedTypes) > -1;
+            styleInfo['list-style'] = isUnordered ? 'unordered' : 'ordered';
+        }
+        var para = dom.ancestor(rng.sc, dom.isPara);
+        if (para && para.style['line-height']) {
+            styleInfo['line-height'] = para.style.lineHeight;
+        }
+        else {
+            var lineHeight = parseInt(styleInfo['line-height'], 10) / parseInt(styleInfo['font-size'], 10);
+            styleInfo['line-height'] = lineHeight.toFixed(1);
+        }
+        styleInfo.anchor = rng.isOnAnchor() && dom.ancestor(rng.sc, dom.isAnchor);
+        styleInfo.ancestors = dom.listAncestor(rng.sc, dom.isEditable);
+        styleInfo.range = rng;
+        return styleInfo;
+    };
+    return Style;
+}());
+
+var Bullet = /** @class */ (function () {
+    function Bullet() {
+    }
+    /**
+     * toggle ordered list
+     */
+    Bullet.prototype.insertOrderedList = function (editable) {
+        this.toggleList('OL', editable);
+    };
+    /**
+     * toggle unordered list
+     */
+    Bullet.prototype.insertUnorderedList = function (editable) {
+        this.toggleList('UL', editable);
+    };
+    /**
+     * indent
+     */
+    Bullet.prototype.indent = function (editable) {
+        var _this = this;
+        var rng = range.create(editable).wrapBodyInlineWithPara();
+        var paras = rng.nodes(dom.isPara, { includeAncestor: true });
+        var clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
+        $$1.each(clustereds, function (idx, paras) {
+            var head = lists.head(paras);
+            if (dom.isLi(head)) {
+                _this.wrapList(paras, head.parentNode.nodeName);
+            }
+            else {
+                $$1.each(paras, function (idx, para) {
+                    $$1(para).css('marginLeft', function (idx, val) {
+                        return (parseInt(val, 10) || 0) + 25;
+                    });
+                });
+            }
+        });
+        rng.select();
+    };
+    /**
+     * outdent
+     */
+    Bullet.prototype.outdent = function (editable) {
+        var _this = this;
+        var rng = range.create(editable).wrapBodyInlineWithPara();
+        var paras = rng.nodes(dom.isPara, { includeAncestor: true });
+        var clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
+        $$1.each(clustereds, function (idx, paras) {
+            var head = lists.head(paras);
+            if (dom.isLi(head)) {
+                _this.releaseList([paras]);
+            }
+            else {
+                $$1.each(paras, function (idx, para) {
+                    $$1(para).css('marginLeft', function (idx, val) {
+                        val = (parseInt(val, 10) || 0);
+                        return val > 25 ? val - 25 : '';
+                    });
+                });
+            }
+        });
+        rng.select();
+    };
+    /**
+     * toggle list
+     *
+     * @param {String} listName - OL or UL
+     */
+    Bullet.prototype.toggleList = function (listName, editable) {
+        var _this = this;
+        var rng = range.create(editable).wrapBodyInlineWithPara();
+        var paras = rng.nodes(dom.isPara, { includeAncestor: true });
+        var bookmark = rng.paraBookmark(paras);
+        var clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
+        // paragraph to list
+        if (lists.find(paras, dom.isPurePara)) {
+            var wrappedParas_1 = [];
+            $$1.each(clustereds, function (idx, paras) {
+                wrappedParas_1 = wrappedParas_1.concat(_this.wrapList(paras, listName));
+            });
+            paras = wrappedParas_1;
+            // list to paragraph or change list style
+        }
+        else {
+            var diffLists = rng.nodes(dom.isList, {
+                includeAncestor: true
+            }).filter(function (listNode) {
+                return !$$1.nodeName(listNode, listName);
+            });
+            if (diffLists.length) {
+                $$1.each(diffLists, function (idx, listNode) {
+                    dom.replace(listNode, listName);
+                });
+            }
+            else {
+                paras = this.releaseList(clustereds, true);
+            }
+        }
+        range.createFromParaBookmark(bookmark, paras).select();
+    };
+    /**
+     * @param {Node[]} paras
+     * @param {String} listName
+     * @return {Node[]}
+     */
+    Bullet.prototype.wrapList = function (paras, listName) {
+        var head = lists.head(paras);
+        var last = lists.last(paras);
+        var prevList = dom.isList(head.previousSibling) && head.previousSibling;
+        var nextList = dom.isList(last.nextSibling) && last.nextSibling;
+        var listNode = prevList || dom.insertAfter(dom.create(listName || 'UL'), last);
+        // P to LI
+        paras = paras.map(function (para) {
+            return dom.isPurePara(para) ? dom.replace(para, 'LI') : para;
+        });
+        // append to list(<ul>, <ol>)
+        dom.appendChildNodes(listNode, paras);
+        if (nextList) {
+            dom.appendChildNodes(listNode, lists.from(nextList.childNodes));
+            dom.remove(nextList);
+        }
+        return paras;
+    };
+    /**
+     * @method releaseList
+     *
+     * @param {Array[]} clustereds
+     * @param {Boolean} isEscapseToBody
+     * @return {Node[]}
+     */
+    Bullet.prototype.releaseList = function (clustereds, isEscapseToBody) {
+        var releasedParas = [];
+        $$1.each(clustereds, function (idx, paras) {
+            var head = lists.head(paras);
+            var last = lists.last(paras);
+            var headList = isEscapseToBody ? dom.lastAncestor(head, dom.isList) : head.parentNode;
+            var lastList = headList.childNodes.length > 1 ? dom.splitTree(headList, {
+                node: last.parentNode,
+                offset: dom.position(last) + 1
+            }, {
+                isSkipPaddingBlankHTML: true
+            }) : null;
+            var middleList = dom.splitTree(headList, {
+                node: head.parentNode,
+                offset: dom.position(head)
+            }, {
+                isSkipPaddingBlankHTML: true
+            });
+            paras = isEscapseToBody ? dom.listDescendant(middleList, dom.isLi)
+                : lists.from(middleList.childNodes).filter(dom.isLi);
+            // LI to P
+            if (isEscapseToBody || !dom.isList(headList.parentNode)) {
+                paras = paras.map(function (para) {
+                    return dom.replace(para, 'P');
+                });
+            }
+            $$1.each(lists.from(paras).reverse(), function (idx, para) {
+                dom.insertAfter(para, headList);
+            });
+            // remove empty lists
+            var rootLists = lists.compact([headList, middleList, lastList]);
+            $$1.each(rootLists, function (idx, rootList) {
+                var listNodes = [rootList].concat(dom.listDescendant(rootList, dom.isList));
+                $$1.each(listNodes.reverse(), function (idx, listNode) {
+                    if (!dom.nodeLength(listNode)) {
+                        dom.remove(listNode, true);
+                    }
+                });
+            });
+            releasedParas = releasedParas.concat(paras);
+        });
+        return releasedParas;
+    };
+    return Bullet;
+}());
+
+/**
+ * @class editing.Typing
+ *
+ * Typing
+ *
+ */
+var Typing = /** @class */ (function () {
+    function Typing() {
+        // a Bullet instance to toggle lists off
+        this.bullet = new Bullet();
+    }
+    /**
+     * insert tab
+     *
+     * @param {WrappedRange} rng
+     * @param {Number} tabsize
+     */
+    Typing.prototype.insertTab = function (rng, tabsize) {
+        var tab = dom.createText(new Array(tabsize + 1).join(dom.NBSP_CHAR));
+        rng = rng.deleteContents();
+        rng.insertNode(tab, true);
+        rng = range.create(tab, tabsize);
+        rng.select();
+    };
+    /**
+     * insert paragraph
+     */
+    Typing.prototype.insertParagraph = function (editable) {
+        var rng = range.create(editable);
+        // deleteContents on range.
+        rng = rng.deleteContents();
+        // Wrap range if it needs to be wrapped by paragraph
+        rng = rng.wrapBodyInlineWithPara();
+        // finding paragraph
+        var splitRoot = dom.ancestor(rng.sc, dom.isPara);
+        var nextPara;
+        // on paragraph: split paragraph
+        if (splitRoot) {
+            // if it is an empty line with li
+            if (dom.isEmpty(splitRoot) && dom.isLi(splitRoot)) {
+                // toogle UL/OL and escape
+                this.bullet.toggleList(splitRoot.parentNode.nodeName);
+                return;
+                // if it is an empty line with para on blockquote
+            }
+            else if (dom.isEmpty(splitRoot) && dom.isPara(splitRoot) && dom.isBlockquote(splitRoot.parentNode)) {
+                // escape blockquote
+                dom.insertAfter(splitRoot, splitRoot.parentNode);
+                nextPara = splitRoot;
+                // if new line has content (not a line break)
+            }
+            else {
+                nextPara = dom.splitTree(splitRoot, rng.getStartPoint());
+                var emptyAnchors = dom.listDescendant(splitRoot, dom.isEmptyAnchor);
+                emptyAnchors = emptyAnchors.concat(dom.listDescendant(nextPara, dom.isEmptyAnchor));
+                $$1.each(emptyAnchors, function (idx, anchor) {
+                    dom.remove(anchor);
+                });
+                // replace empty heading, pre or custom-made styleTag with P tag
+                if ((dom.isHeading(nextPara) || dom.isPre(nextPara) || dom.isCustomStyleTag(nextPara)) && dom.isEmpty(nextPara)) {
+                    nextPara = dom.replace(nextPara, 'p');
+                }
+            }
+            // no paragraph: insert empty paragraph
+        }
+        else {
+            var next = rng.sc.childNodes[rng.so];
+            nextPara = $$1(dom.emptyPara)[0];
+            if (next) {
+                rng.sc.insertBefore(nextPara, next);
+            }
+            else {
+                rng.sc.appendChild(nextPara);
+            }
+        }
+        range.create(nextPara, 0).normalize().select().scrollIntoView(editable);
+    };
+    return Typing;
+}());
+
+/**
+ * @class Create a virtual table to create what actions to do in change.
+ * @param {object} startPoint Cell selected to apply change.
+ * @param {enum} where  Where change will be applied Row or Col. Use enum: TableResultAction.where
+ * @param {enum} action Action to be applied. Use enum: TableResultAction.requestAction
+ * @param {object} domTable Dom element of table to make changes.
+ */
+var TableResultAction = function (startPoint, where, action, domTable) {
+    var _startPoint = { 'colPos': 0, 'rowPos': 0 };
+    var _virtualTable = [];
+    var _actionCellList = [];
+    /// ///////////////////////////////////////////
+    // Private functions
+    /// ///////////////////////////////////////////
+    /**
+     * Set the startPoint of action.
+     */
+    function setStartPoint() {
+        if (!startPoint || !startPoint.tagName || (startPoint.tagName.toLowerCase() !== 'td' && startPoint.tagName.toLowerCase() !== 'th')) {
+            console.error('Impossible to identify start Cell point.', startPoint);
+            return;
+        }
+        _startPoint.colPos = startPoint.cellIndex;
+        if (!startPoint.parentElement || !startPoint.parentElement.tagName || startPoint.parentElement.tagName.toLowerCase() !== 'tr') {
+            console.error('Impossible to identify start Row point.', startPoint);
+            return;
+        }
+        _startPoint.rowPos = startPoint.parentElement.rowIndex;
+    }
+    /**
+     * Define virtual table position info object.
+     *
+     * @param {int} rowIndex Index position in line of virtual table.
+     * @param {int} cellIndex Index position in column of virtual table.
+     * @param {object} baseRow Row affected by this position.
+     * @param {object} baseCell Cell affected by this position.
+     * @param {bool} isSpan Inform if it is an span cell/row.
+     */
+    function setVirtualTablePosition(rowIndex, cellIndex, baseRow, baseCell, isRowSpan, isColSpan, isVirtualCell) {
+        var objPosition = {
+            'baseRow': baseRow,
+            'baseCell': baseCell,
+            'isRowSpan': isRowSpan,
+            'isColSpan': isColSpan,
+            'isVirtual': isVirtualCell
+        };
+        if (!_virtualTable[rowIndex]) {
+            _virtualTable[rowIndex] = [];
+        }
+        _virtualTable[rowIndex][cellIndex] = objPosition;
+    }
+    /**
+     * Create action cell object.
+     *
+     * @param {object} virtualTableCellObj Object of specific position on virtual table.
+     * @param {enum} resultAction Action to be applied in that item.
+     */
+    function getActionCell(virtualTableCellObj, resultAction, virtualRowPosition, virtualColPosition) {
+        return {
+            'baseCell': virtualTableCellObj.baseCell,
+            'action': resultAction,
+            'virtualTable': {
+                'rowIndex': virtualRowPosition,
+                'cellIndex': virtualColPosition
+            }
+        };
+    }
+    /**
+     * Recover free index of row to append Cell.
+     *
+     * @param {int} rowIndex Index of row to find free space.
+     * @param {int} cellIndex Index of cell to find free space in table.
+     */
+    function recoverCellIndex(rowIndex, cellIndex) {
+        if (!_virtualTable[rowIndex]) {
+            return cellIndex;
+        }
+        if (!_virtualTable[rowIndex][cellIndex]) {
+            return cellIndex;
+        }
+        var newCellIndex = cellIndex;
+        while (_virtualTable[rowIndex][newCellIndex]) {
+            newCellIndex++;
+            if (!_virtualTable[rowIndex][newCellIndex]) {
+                return newCellIndex;
+            }
+        }
+    }
+    /**
+     * Recover info about row and cell and add information to virtual table.
+     *
+     * @param {object} row Row to recover information.
+     * @param {object} cell Cell to recover information.
+     */
+    function addCellInfoToVirtual(row, cell) {
+        var cellIndex = recoverCellIndex(row.rowIndex, cell.cellIndex);
+        var cellHasColspan = (cell.colSpan > 1);
+        var cellHasRowspan = (cell.rowSpan > 1);
+        var isThisSelectedCell = (row.rowIndex === _startPoint.rowPos && cell.cellIndex === _startPoint.colPos);
+        setVirtualTablePosition(row.rowIndex, cellIndex, row, cell, cellHasRowspan, cellHasColspan, false);
+        // Add span rows to virtual Table.
+        var rowspanNumber = cell.attributes.rowSpan ? parseInt(cell.attributes.rowSpan.value, 10) : 0;
+        if (rowspanNumber > 1) {
+            for (var rp = 1; rp < rowspanNumber; rp++) {
+                var rowspanIndex = row.rowIndex + rp;
+                adjustStartPoint(rowspanIndex, cellIndex, cell, isThisSelectedCell);
+                setVirtualTablePosition(rowspanIndex, cellIndex, row, cell, true, cellHasColspan, true);
+            }
+        }
+        // Add span cols to virtual table.
+        var colspanNumber = cell.attributes.colSpan ? parseInt(cell.attributes.colSpan.value, 10) : 0;
+        if (colspanNumber > 1) {
+            for (var cp = 1; cp < colspanNumber; cp++) {
+                var cellspanIndex = recoverCellIndex(row.rowIndex, (cellIndex + cp));
+                adjustStartPoint(row.rowIndex, cellspanIndex, cell, isThisSelectedCell);
+                setVirtualTablePosition(row.rowIndex, cellspanIndex, row, cell, cellHasRowspan, true, true);
+            }
+        }
+    }
+    /**
+     * Process validation and adjust of start point if needed
+     *
+     * @param {int} rowIndex
+     * @param {int} cellIndex
+     * @param {object} cell
+     * @param {bool} isSelectedCell
+     */
+    function adjustStartPoint(rowIndex, cellIndex, cell, isSelectedCell) {
+        if (rowIndex === _startPoint.rowPos && _startPoint.colPos >= cell.cellIndex && cell.cellIndex <= cellIndex && !isSelectedCell) {
+            _startPoint.colPos++;
+        }
+    }
+    /**
+     * Create virtual table of cells with all cells, including span cells.
+     */
+    function createVirtualTable() {
+        var rows = domTable.rows;
+        for (var rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+            var cells = rows[rowIndex].cells;
+            for (var cellIndex = 0; cellIndex < cells.length; cellIndex++) {
+                addCellInfoToVirtual(rows[rowIndex], cells[cellIndex]);
+            }
+        }
+    }
+    /**
+     * Get action to be applied on the cell.
+     *
+     * @param {object} cell virtual table cell to apply action
+     */
+    function getDeleteResultActionToCell(cell) {
+        switch (where) {
+            case TableResultAction.where.Column:
+                if (cell.isColSpan) {
+                    return TableResultAction.resultAction.SubtractSpanCount;
+                }
+                break;
+            case TableResultAction.where.Row:
+                if (!cell.isVirtual && cell.isRowSpan) {
+                    return TableResultAction.resultAction.AddCell;
+                }
+                else if (cell.isRowSpan) {
+                    return TableResultAction.resultAction.SubtractSpanCount;
+                }
+                break;
+        }
+        return TableResultAction.resultAction.RemoveCell;
+    }
+    /**
+     * Get action to be applied on the cell.
+     *
+     * @param {object} cell virtual table cell to apply action
+     */
+    function getAddResultActionToCell(cell) {
+        switch (where) {
+            case TableResultAction.where.Column:
+                if (cell.isColSpan) {
+                    return TableResultAction.resultAction.SumSpanCount;
+                }
+                else if (cell.isRowSpan && cell.isVirtual) {
+                    return TableResultAction.resultAction.Ignore;
+                }
+                break;
+            case TableResultAction.where.Row:
+                if (cell.isRowSpan) {
+                    return TableResultAction.resultAction.SumSpanCount;
+                }
+                else if (cell.isColSpan && cell.isVirtual) {
+                    return TableResultAction.resultAction.Ignore;
+                }
+                break;
+        }
+        return TableResultAction.resultAction.AddCell;
+    }
+    function init() {
+        setStartPoint();
+        createVirtualTable();
+    }
+    /// ///////////////////////////////////////////
+    // Public functions
+    /// ///////////////////////////////////////////
+    /**
+     * Recover array os what to do in table.
+     */
+    this.getActionList = function () {
+        var fixedRow = (where === TableResultAction.where.Row) ? _startPoint.rowPos : -1;
+        var fixedCol = (where === TableResultAction.where.Column) ? _startPoint.colPos : -1;
+        var actualPosition = 0;
+        var canContinue = true;
+        while (canContinue) {
+            var rowPosition = (fixedRow >= 0) ? fixedRow : actualPosition;
+            var colPosition = (fixedCol >= 0) ? fixedCol : actualPosition;
+            var row = _virtualTable[rowPosition];
+            if (!row) {
+                canContinue = false;
+                return _actionCellList;
+            }
+            var cell = row[colPosition];
+            if (!cell) {
+                canContinue = false;
+                return _actionCellList;
+            }
+            // Define action to be applied in this cell
+            var resultAction = TableResultAction.resultAction.Ignore;
+            switch (action) {
+                case TableResultAction.requestAction.Add:
+                    resultAction = getAddResultActionToCell(cell);
+                    break;
+                case TableResultAction.requestAction.Delete:
+                    resultAction = getDeleteResultActionToCell(cell);
+                    break;
+            }
+            _actionCellList.push(getActionCell(cell, resultAction, rowPosition, colPosition));
+            actualPosition++;
+        }
+        return _actionCellList;
+    };
+    init();
+};
+/**
+*
+* Where action occours enum.
+*/
+TableResultAction.where = { 'Row': 0, 'Column': 1 };
+/**
+*
+* Requested action to apply enum.
+*/
+TableResultAction.requestAction = { 'Add': 0, 'Delete': 1 };
+/**
+*
+* Result action to be executed enum.
+*/
+TableResultAction.resultAction = { 'Ignore': 0, 'SubtractSpanCount': 1, 'RemoveCell': 2, 'AddCell': 3, 'SumSpanCount': 4 };
+/**
+ *
+ * @class editing.Table
+ *
+ * Table
+ *
+ */
+var Table = /** @class */ (function () {
+    function Table() {
+    }
+    /**
+     * handle tab key
+     *
+     * @param {WrappedRange} rng
+     * @param {Boolean} isShift
+     */
+    Table.prototype.tab = function (rng, isShift) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var table = dom.ancestor(cell, dom.isTable);
+        var cells = dom.listDescendant(table, dom.isCell);
+        var nextCell = lists[isShift ? 'prev' : 'next'](cells, cell);
+        if (nextCell) {
+            range.create(nextCell, 0).select();
+        }
+    };
+    /**
+     * Add a new row
+     *
+     * @param {WrappedRange} rng
+     * @param {String} position (top/bottom)
+     * @return {Node}
+     */
+    Table.prototype.addRow = function (rng, position) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var currentTr = $$1(cell).closest('tr');
+        var trAttributes = this.recoverAttributes(currentTr);
+        var html = $$1('<tr' + trAttributes + '></tr>');
+        var vTable = new TableResultAction(cell, TableResultAction.where.Row, TableResultAction.requestAction.Add, $$1(currentTr).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var idCell = 0; idCell < actions.length; idCell++) {
+            var currentCell = actions[idCell];
+            var tdAttributes = this.recoverAttributes(currentCell.baseCell);
+            switch (currentCell.action) {
+                case TableResultAction.resultAction.AddCell:
+                    html.append('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    break;
+                case TableResultAction.resultAction.SumSpanCount:
+                    if (position === 'top') {
+                        var baseCellTr = currentCell.baseCell.parent;
+                        var isTopFromRowSpan = (!baseCellTr ? 0 : currentCell.baseCell.closest('tr').rowIndex) <= currentTr[0].rowIndex;
+                        if (isTopFromRowSpan) {
+                            var newTd = $$1('<div></div>').append($$1('<td' + tdAttributes + '>' + dom.blank + '</td>').removeAttr('rowspan')).html();
+                            html.append(newTd);
+                            break;
+                        }
+                    }
+                    var rowspanNumber = parseInt(currentCell.baseCell.rowSpan, 10);
+                    rowspanNumber++;
+                    currentCell.baseCell.setAttribute('rowSpan', rowspanNumber);
+                    break;
+            }
+        }
+        if (position === 'top') {
+            currentTr.before(html);
+        }
+        else {
+            var cellHasRowspan = (cell.rowSpan > 1);
+            if (cellHasRowspan) {
+                var lastTrIndex = currentTr[0].rowIndex + (cell.rowSpan - 2);
+                $$1($$1(currentTr).parent().find('tr')[lastTrIndex]).after($$1(html));
+                return;
+            }
+            currentTr.after(html);
+        }
+    };
+    /**
+     * Add a new col
+     *
+     * @param {WrappedRange} rng
+     * @param {String} position (left/right)
+     * @return {Node}
+     */
+    Table.prototype.addCol = function (rng, position) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var row = $$1(cell).closest('tr');
+        var rowsGroup = $$1(row).siblings();
+        rowsGroup.push(row);
+        var vTable = new TableResultAction(cell, TableResultAction.where.Column, TableResultAction.requestAction.Add, $$1(row).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var actionIndex = 0; actionIndex < actions.length; actionIndex++) {
+            var currentCell = actions[actionIndex];
+            var tdAttributes = this.recoverAttributes(currentCell.baseCell);
+            switch (currentCell.action) {
+                case TableResultAction.resultAction.AddCell:
+                    if (position === 'right') {
+                        $$1(currentCell.baseCell).after('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    }
+                    else {
+                        $$1(currentCell.baseCell).before('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    }
+                    break;
+                case TableResultAction.resultAction.SumSpanCount:
+                    if (position === 'right') {
+                        var colspanNumber = parseInt(currentCell.baseCell.colSpan, 10);
+                        colspanNumber++;
+                        currentCell.baseCell.setAttribute('colSpan', colspanNumber);
+                    }
+                    else {
+                        $$1(currentCell.baseCell).before('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    }
+                    break;
+            }
+        }
+    };
+    /*
+    * Copy attributes from element.
+    *
+    * @param {object} Element to recover attributes.
+    * @return {string} Copied string elements.
+    */
+    Table.prototype.recoverAttributes = function (el) {
+        var resultStr = '';
+        if (!el) {
+            return resultStr;
+        }
+        var attrList = el.attributes || [];
+        for (var i = 0; i < attrList.length; i++) {
+            if (attrList[i].name.toLowerCase() === 'id') {
+                continue;
+            }
+            if (attrList[i].specified) {
+                resultStr += ' ' + attrList[i].name + '=\'' + attrList[i].value + '\'';
+            }
+        }
+        return resultStr;
+    };
+    /**
+     * Delete current row
+     *
+     * @param {WrappedRange} rng
+     * @return {Node}
+     */
+    Table.prototype.deleteRow = function (rng) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var row = $$1(cell).closest('tr');
+        var cellPos = row.children('td, th').index($$1(cell));
+        var rowPos = row[0].rowIndex;
+        var vTable = new TableResultAction(cell, TableResultAction.where.Row, TableResultAction.requestAction.Delete, $$1(row).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var actionIndex = 0; actionIndex < actions.length; actionIndex++) {
+            if (!actions[actionIndex]) {
+                continue;
+            }
+            var baseCell = actions[actionIndex].baseCell;
+            var virtualPosition = actions[actionIndex].virtualTable;
+            var hasRowspan = (baseCell.rowSpan && baseCell.rowSpan > 1);
+            var rowspanNumber = (hasRowspan) ? parseInt(baseCell.rowSpan, 10) : 0;
+            switch (actions[actionIndex].action) {
+                case TableResultAction.resultAction.Ignore:
+                    continue;
+                case TableResultAction.resultAction.AddCell:
+                    var nextRow = row.next('tr')[0];
+                    if (!nextRow) {
+                        continue;
+                    }
+                    var cloneRow = row[0].cells[cellPos];
+                    if (hasRowspan) {
+                        if (rowspanNumber > 2) {
+                            rowspanNumber--;
+                            nextRow.insertBefore(cloneRow, nextRow.cells[cellPos]);
+                            nextRow.cells[cellPos].setAttribute('rowSpan', rowspanNumber);
+                            nextRow.cells[cellPos].innerHTML = '';
+                        }
+                        else if (rowspanNumber === 2) {
+                            nextRow.insertBefore(cloneRow, nextRow.cells[cellPos]);
+                            nextRow.cells[cellPos].removeAttribute('rowSpan');
+                            nextRow.cells[cellPos].innerHTML = '';
+                        }
+                    }
+                    continue;
+                case TableResultAction.resultAction.SubtractSpanCount:
+                    if (hasRowspan) {
+                        if (rowspanNumber > 2) {
+                            rowspanNumber--;
+                            baseCell.setAttribute('rowSpan', rowspanNumber);
+                            if (virtualPosition.rowIndex !== rowPos && baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                        else if (rowspanNumber === 2) {
+                            baseCell.removeAttribute('rowSpan');
+                            if (virtualPosition.rowIndex !== rowPos && baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                    }
+                    continue;
+                case TableResultAction.resultAction.RemoveCell:
+                    // Do not need remove cell because row will be deleted.
+                    continue;
+            }
+        }
+        row.remove();
+    };
+    /**
+     * Delete current col
+     *
+     * @param {WrappedRange} rng
+     * @return {Node}
+     */
+    Table.prototype.deleteCol = function (rng) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var row = $$1(cell).closest('tr');
+        var cellPos = row.children('td, th').index($$1(cell));
+        var vTable = new TableResultAction(cell, TableResultAction.where.Column, TableResultAction.requestAction.Delete, $$1(row).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var actionIndex = 0; actionIndex < actions.length; actionIndex++) {
+            if (!actions[actionIndex]) {
+                continue;
+            }
+            switch (actions[actionIndex].action) {
+                case TableResultAction.resultAction.Ignore:
+                    continue;
+                case TableResultAction.resultAction.SubtractSpanCount:
+                    var baseCell = actions[actionIndex].baseCell;
+                    var hasColspan = (baseCell.colSpan && baseCell.colSpan > 1);
+                    if (hasColspan) {
+                        var colspanNumber = (baseCell.colSpan) ? parseInt(baseCell.colSpan, 10) : 0;
+                        if (colspanNumber > 2) {
+                            colspanNumber--;
+                            baseCell.setAttribute('colSpan', colspanNumber);
+                            if (baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                        else if (colspanNumber === 2) {
+                            baseCell.removeAttribute('colSpan');
+                            if (baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                    }
+                    continue;
+                case TableResultAction.resultAction.RemoveCell:
+                    dom.remove(actions[actionIndex].baseCell, true);
+                    continue;
+            }
+        }
+    };
+    /**
+     * create empty table element
+     *
+     * @param {Number} rowCount
+     * @param {Number} colCount
+     * @return {Node}
+     */
+    Table.prototype.createTable = function (colCount, rowCount, options) {
+        var tds = [];
+        var tdHTML;
+        for (var idxCol = 0; idxCol < colCount; idxCol++) {
+            tds.push('<td>' + dom.blank + '</td>');
+        }
+        tdHTML = tds.join('');
+        var trs = [];
+        var trHTML;
+        for (var idxRow = 0; idxRow < rowCount; idxRow++) {
+            trs.push('<tr>' + tdHTML + '</tr>');
+        }
+        trHTML = trs.join('');
+        var $table = $$1('<table>' + trHTML + '</table>');
+        if (options && options.tableClassName) {
+            $table.addClass(options.tableClassName);
+        }
+        return $table[0];
+    };
+    /**
+     * Delete current table
+     *
+     * @param {WrappedRange} rng
+     * @return {Node}
+     */
+    Table.prototype.deleteTable = function (rng) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        $$1(cell).closest('table').remove();
+    };
+    return Table;
+}());
+
+var KEY_BOGUS = 'bogus';
+/**
+ * @class Editor
+ */
+var Editor = /** @class */ (function () {
+    function Editor(context) {
+        var _this = this;
+        this.context = context;
+        this.$note = context.layoutInfo.note;
+        this.$editor = context.layoutInfo.editor;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.editable = this.$editable[0];
+        this.lastRange = null;
+        this.style = new Style();
+        this.table = new Table();
+        this.typing = new Typing();
+        this.bullet = new Bullet();
+        this.history = new History(this.$editable);
+        this.context.memo('help.undo', this.lang.help.undo);
+        this.context.memo('help.redo', this.lang.help.redo);
+        this.context.memo('help.tab', this.lang.help.tab);
+        this.context.memo('help.untab', this.lang.help.untab);
+        this.context.memo('help.insertParagraph', this.lang.help.insertParagraph);
+        this.context.memo('help.insertOrderedList', this.lang.help.insertOrderedList);
+        this.context.memo('help.insertUnorderedList', this.lang.help.insertUnorderedList);
+        this.context.memo('help.indent', this.lang.help.indent);
+        this.context.memo('help.outdent', this.lang.help.outdent);
+        this.context.memo('help.formatPara', this.lang.help.formatPara);
+        this.context.memo('help.insertHorizontalRule', this.lang.help.insertHorizontalRule);
+        this.context.memo('help.fontName', this.lang.help.fontName);
+        // native commands(with execCommand), generate function for execCommand
+        var commands = [
+            'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript',
+            'justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull',
+            'formatBlock', 'removeFormat', 'backColor'
+        ];
+        for (var idx = 0, len = commands.length; idx < len; idx++) {
+            this[commands[idx]] = (function (sCmd) {
+                return function (value) {
+                    _this.beforeCommand();
+                    document.execCommand(sCmd, false, value);
+                    _this.afterCommand(true);
+                };
+            })(commands[idx]);
+            this.context.memo('help.' + commands[idx], this.lang.help[commands[idx]]);
+        }
+        this.fontName = this.wrapCommand(function (value) {
+            return _this.fontStyling('font-family', "\'" + value + "\'");
+        });
+        this.fontSize = this.wrapCommand(function (value) {
+            return _this.fontStyling('font-size', value + 'px');
+        });
+        for (var idx = 1; idx <= 6; idx++) {
+            this['formatH' + idx] = (function (idx) {
+                return function () {
+                    _this.formatBlock('H' + idx);
+                };
+            })(idx);
+            this.context.memo('help.formatH' + idx, this.lang.help['formatH' + idx]);
+        }
+        
+        this.insertParagraph = this.wrapCommand(function () {
+            _this.typing.insertParagraph(_this.editable);
+        });
+        this.insertOrderedList = this.wrapCommand(function () {
+            _this.bullet.insertOrderedList(_this.editable);
+        });
+        this.insertUnorderedList = this.wrapCommand(function () {
+            _this.bullet.insertUnorderedList(_this.editable);
+        });
+        this.indent = this.wrapCommand(function () {
+            _this.bullet.indent(_this.editable);
+        });
+        this.outdent = this.wrapCommand(function () {
+            _this.bullet.outdent(_this.editable);
+        });
+        /**
+         * insertNode
+         * insert node
+         * @param {Node} node
+         */
+        this.insertNode = this.wrapCommand(function (node) {
+            if (_this.isLimited($$1(node).text().length)) {
+                return;
+            }
+            var rng = _this.createRange();
+            rng.insertNode(node);
+            range.createFromNodeAfter(node).select();
+        });
+        /**
+         * insert text
+         * @param {String} text
+         */
+        this.insertText = this.wrapCommand(function (text) {
+            if (_this.isLimited(text.length)) {
+                return;
+            }
+            var rng = _this.createRange();
+            var textNode = rng.insertNode(dom.createText(text));
+            range.create(textNode, dom.nodeLength(textNode)).select();
+        });
+        /**
+         * paste HTML
+         * @param {String} markup
+         */
+        this.pasteHTML = this.wrapCommand(function (markup) {
+            if (_this.isLimited(markup.length)) {
+                return;
+            }
+            var contents = _this.createRange().pasteHTML(markup);
+            range.createFromNodeAfter(lists.last(contents)).select();
+        });
+        /**
+         * formatBlock
+         *
+         * @param {String} tagName
+         */
+        this.formatBlock = this.wrapCommand(function (tagName, $target) {
+            var onApplyCustomStyle = _this.options.callbacks.onApplyCustomStyle;
+            if (onApplyCustomStyle) {
+                onApplyCustomStyle.call(_this, $target, _this.context, _this.onFormatBlock);
+            }
+            else {
+                _this.onFormatBlock(tagName, $target);
+            }
+        });
+        /**
+         * insert horizontal rule
+         */
+        this.insertHorizontalRule = this.wrapCommand(function () {
+            var hrNode = _this.createRange().insertNode(dom.create('HR'));
+            if (hrNode.nextSibling) {
+                range.create(hrNode.nextSibling, 0).normalize().select();
+            }
+        });
+        /**
+         * lineHeight
+         * @param {String} value
+         */
+        this.lineHeight = this.wrapCommand(function (value) {
+            _this.style.stylePara(_this.createRange(), {
+                lineHeight: value
+            });
+        });
+        /**
+         * create link (command)
+         *
+         * @param {Object} linkInfo
+         */
+        this.createLink = this.wrapCommand(function (linkInfo) {
+            var linkUrl = linkInfo.url;
+            var linkText = linkInfo.text;
+            var isNewWindow = linkInfo.isNewWindow;
+            var rng = linkInfo.range || _this.createRange();
+            var isTextChanged = rng.toString() !== linkText;
+            // handle spaced urls from input
+            if (typeof linkUrl === 'string') {
+                linkUrl = linkUrl.trim();
+            }
+            if (_this.options.onCreateLink) {
+                linkUrl = _this.options.onCreateLink(linkUrl);
+            }
+            else {
+                // if url doesn't match an URL schema, set http:// as default
+                linkUrl = /^[A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?/.test(linkUrl)
+                    ? linkUrl : 'http://' + linkUrl;
+            }
+            var anchors = [];
+            if (isTextChanged) {
+                rng = rng.deleteContents();
+                var anchor = rng.insertNode($$1('<A>' + linkText + '</A>')[0]);
+                anchors.push(anchor);
+            }
+            else {
+                anchors = _this.style.styleNodes(rng, {
+                    nodeName: 'A',
+                    expandClosestSibling: true,
+                    onlyPartialContains: true
+                });
+            }
+            $$1.each(anchors, function (idx, anchor) {
+                $$1(anchor).attr('href', linkUrl);
+                if (isNewWindow) {
+                    $$1(anchor).attr('target', '_blank');
+                }
+                else {
+                    $$1(anchor).removeAttr('target');
+                }
+            });
+            var startRange = range.createFromNodeBefore(lists.head(anchors));
+            var startPoint = startRange.getStartPoint();
+            var endRange = range.createFromNodeAfter(lists.last(anchors));
+            var endPoint = endRange.getEndPoint();
+            range.create(startPoint.node, startPoint.offset, endPoint.node, endPoint.offset).select();
+        });
+        /**
+         * setting color
+         *
+         * @param {Object} sObjColor  color code
+         * @param {String} sObjColor.foreColor foreground color
+         * @param {String} sObjColor.backColor background color
+         */
+        this.color = this.wrapCommand(function (colorInfo) {
+            var foreColor = colorInfo.foreColor;
+            var backColor = colorInfo.backColor;
+            if (foreColor) {
+                document.execCommand('foreColor', false, foreColor);
+            }
+            if (backColor) {
+                document.execCommand('backColor', false, backColor);
+            }
+        });
+        /**
+         * Set foreground color
+         *
+         * @param {String} colorCode foreground color code
+         */
+        this.foreColor = this.wrapCommand(function (colorInfo) {
+            document.execCommand('styleWithCSS', false, true);
+            document.execCommand('foreColor', false, colorInfo);
+        });
+        /**
+         * insert Table
+         *
+         * @param {String} dimension of table (ex : "5x5")
+         */
+        this.insertTable = this.wrapCommand(function (dim) {
+            var dimension = dim.split('x');
+            var rng = _this.createRange().deleteContents();
+            rng.insertNode(_this.table.createTable(dimension[0], dimension[1], _this.options));
+        });
+        /**
+         * remove media object and Figure Elements if media object is img with Figure.
+         */
+        this.removeMedia = this.wrapCommand(function () {
+            var $target = $$1(_this.restoreTarget()).parent();
+            if ($target.parent('figure').length) {
+                $target.parent('figure').remove();
+            }
+            else {
+                $target = $$1(_this.restoreTarget()).detach();
+            }
+            _this.context.triggerEvent('media.delete', $target, _this.$editable);
+        });
+        /**
+         * float me
+         *
+         * @param {String} value
+         */
+        this.floatMe = this.wrapCommand(function (value) {
+            var $target = $$1(_this.restoreTarget());
+            $target.toggleClass('note-float-left', value === 'left');
+            $target.toggleClass('note-float-right', value === 'right');
+            $target.css('float', value);
+        });
+        /**
+         * resize overlay element
+         * @param {String} value
+         */
+        this.resize = this.wrapCommand(function (value) {
+            var $target = $$1(_this.restoreTarget());
+            $target.css({
+                width: value * 100 + '%',
+                height: ''
+            });
+        });
+    }
+    Editor.prototype.initialize = function () {
+        var _this = this;
+        // bind custom events
+        this.$editable.on('keydown', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                _this.context.triggerEvent('enter', event);
+            }
+            _this.context.triggerEvent('keydown', event);
+            if (!event.isDefaultPrevented()) {
+                if (_this.options.shortcuts) {
+                    _this.handleKeyMap(event);
+                }
+                else {
+                    _this.preventDefaultEditableShortCuts(event);
+                }
+            }
+            if (_this.isLimited(1, event)) {
+                return false;
+            }
+        }).on('keyup', function (event) {
+            _this.context.triggerEvent('keyup', event);
+        }).on('focus', function (event) {
+            _this.context.triggerEvent('focus', event);
+        }).on('blur', function (event) {
+            _this.context.triggerEvent('blur', event);
+        }).on('mousedown', function (event) {
+            _this.context.triggerEvent('mousedown', event);
+        }).on('mouseup', function (event) {
+            _this.context.triggerEvent('mouseup', event);
+        }).on('scroll', function (event) {
+            _this.context.triggerEvent('scroll', event);
+        }).on('paste', function (event) {
+            _this.context.triggerEvent('paste', event);
+        });
+        // init content before set event
+        this.$editable.html(dom.html(this.$note) || dom.emptyPara);
+        this.$editable.on(env.inputEventName, func.debounce(function () {
+            _this.context.triggerEvent('change', _this.$editable.html());
+        }, 100));
+        this.$editor.on('focusin', function (event) {
+            _this.context.triggerEvent('focusin', event);
+        }).on('focusout', function (event) {
+            _this.context.triggerEvent('focusout', event);
+        });
+        if (!this.options.airMode) {
+            if (this.options.width) {
+                this.$editor.outerWidth(this.options.width);
+            }
+            if (this.options.height) {
+                this.$editable.outerHeight(this.options.height);
+            }
+            if (this.options.maxHeight) {
+                this.$editable.css('max-height', this.options.maxHeight);
+            }
+            if (this.options.minHeight) {
+                this.$editable.css('min-height', this.options.minHeight);
+            }
+        }
+        this.history.recordUndo();
+    };
+    Editor.prototype.destroy = function () {
+        this.$editable.off();
+    };
+    Editor.prototype.handleKeyMap = function (event) {
+        var keyMap = this.options.keyMap[env.isMac ? 'mac' : 'pc'];
+        var keys = [];
+        if (event.metaKey) {
+            keys.push('CMD');
+        }
+        if (event.ctrlKey && !event.altKey) {
+            keys.push('CTRL');
+        }
+        if (event.shiftKey) {
+            keys.push('SHIFT');
+        }
+        var keyName = key.nameFromCode[event.keyCode];
+        if (keyName) {
+            keys.push(keyName);
+        }
+        var eventName = keyMap[keys.join('+')];
+        if (eventName) {
+            if (this.context.invoke(eventName) !== false) {
+                event.preventDefault();
+            }
+        }
+        else if (key.isEdit(event.keyCode)) {
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.preventDefaultEditableShortCuts = function (event) {
+        // B(Bold, 66) / I(Italic, 73) / U(Underline, 85)
+        if ((event.ctrlKey || event.metaKey) &&
+            lists.contains([66, 73, 85], event.keyCode)) {
+            event.preventDefault();
+        }
+    };
+    Editor.prototype.isLimited = function (pad, event) {
+        pad = pad || 0;
+        if (typeof event !== 'undefined') {
+            if (key.isMove(event.keyCode) ||
+                (event.ctrlKey || event.metaKey) ||
+                lists.contains([key.code.BACKSPACE, key.code.DELETE], event.keyCode)) {
+                return false;
+            }
+        }
+        if (this.options.maxTextLength > 0) {
+            if ((this.$editable.text().length + pad) >= this.options.maxTextLength) {
+                return true;
+            }
+        }
+        return false;
+    };
+    /**
+     * create range
+     * @return {WrappedRange}
+     */
+    Editor.prototype.createRange = function () {
+        this.focus();
+        return range.create(this.editable);
+    };
+    /**
+     * saveRange
+     *
+     * save current range
+     *
+     * @param {Boolean} [thenCollapse=false]
+     */
+    Editor.prototype.saveRange = function (thenCollapse) {
+        this.lastRange = this.createRange();
+        if (thenCollapse) {
+            this.lastRange.collapse().select();
+        }
+    };
+    /**
+     * restoreRange
+     *
+     * restore lately range
+     */
+    Editor.prototype.restoreRange = function () {
+        if (this.lastRange) {
+            this.lastRange.select();
+            this.focus();
+        }
+    };
+    Editor.prototype.saveTarget = function (node) {
+        this.$editable.data('target', node);
+    };
+    Editor.prototype.clearTarget = function () {
+        this.$editable.removeData('target');
+    };
+    Editor.prototype.restoreTarget = function () {
+        return this.$editable.data('target');
+    };
+    /**
+     * currentStyle
+     *
+     * current style
+     * @return {Object|Boolean} unfocus
+     */
+    Editor.prototype.currentStyle = function () {
+        var rng = range.create();
+        if (rng) {
+            rng = rng.normalize();
+        }
+        return rng ? this.style.current(rng) : this.style.fromNode(this.$editable);
+    };
+    /**
+     * style from node
+     *
+     * @param {jQuery} $node
+     * @return {Object}
+     */
+    Editor.prototype.styleFromNode = function ($node) {
+        return this.style.fromNode($node);
+    };
+    /**
+     * undo
+     */
+    Editor.prototype.undo = function () {
+        this.context.triggerEvent('before.command', this.$editable.html());
+        this.history.undo();
+        this.context.triggerEvent('change', this.$editable.html());
+    };
+    /**
+     * redo
+     */
+    Editor.prototype.redo = function () {
+        this.context.triggerEvent('before.command', this.$editable.html());
+        this.history.redo();
+        this.context.triggerEvent('change', this.$editable.html());
+    };
+    /**
+     * before command
+     */
+    Editor.prototype.beforeCommand = function () {
+        this.context.triggerEvent('before.command', this.$editable.html());
+        // keep focus on editable before command execution
+        this.focus();
+    };
+    /**
+     * after command
+     * @param {Boolean} isPreventTrigger
+     */
+    Editor.prototype.afterCommand = function (isPreventTrigger) {
+        this.history.recordUndo();
+        if (!isPreventTrigger) {
+            this.context.triggerEvent('change', this.$editable.html());
+        }
+    };
+    /**
+     * handle tab key
+     */
+    Editor.prototype.tab = function () {
+        var rng = this.createRange();
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.table.tab(rng);
+        }
+        else {
+            if (this.options.tabSize === 0) {
+                return false;
+            }
+            if (!this.isLimited(this.options.tabSize)) {
+                this.beforeCommand();
+                this.typing.insertTab(rng, this.options.tabSize);
+                this.afterCommand();
+            }
+        }
+    };
+    /**
+     * handle shift+tab key
+     */
+    Editor.prototype.untab = function () {
+        var rng = this.createRange();
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.table.tab(rng, true);
+        }
+        else {
+            if (this.options.tabSize === 0) {
+                return false;
+            }
+        }
+    };
+    /**
+     * run given function between beforeCommand and afterCommand
+     */
+    Editor.prototype.wrapCommand = function (fn) {
+        var _this = this;
+        return function () {
+            _this.beforeCommand();
+            fn.apply(_this, arguments);
+            _this.afterCommand();
+        };
+    };
+    /**
+     * insert image
+     *
+     * @param {String} src
+     * @param {String|Function} param
+     * @return {Promise}
+     */
+    Editor.prototype.insertImage = function (src, param) {
+        var _this = this;
+        return createImage(src, param).then(function ($image) {
+            _this.beforeCommand();
+            if (typeof param === 'function') {
+                param($image);
+            }
+            else {
+                if (typeof param === 'string') {
+                    $image.attr('data-filename', param);
+                }
+                $image.css('width', Math.min(_this.$editable.width(), $image.width()));
+            }
+            $image.show();
+            range.create(_this.editable).insertNode($image[0]);
+            range.createFromNodeAfter($image[0]).select();
+            _this.afterCommand();
+        }).fail(function (e) {
+            _this.context.triggerEvent('image.upload.error', e);
+        });
+    };
+    /**
+     * insertImages
+     * @param {File[]} files
+     */
+    Editor.prototype.insertImages = function (files) {
+        var _this = this;
+        $$1.each(files, function (idx, file) {
+            var filename = file.name;
+            if (_this.options.maximumImageFileSize && _this.options.maximumImageFileSize < file.size) {
+                _this.context.triggerEvent('image.upload.error', _this.lang.image.maximumFileSizeError);
+            }
+            else {
+                readFileAsDataURL(file).then(function (dataURL) {
+                    return _this.insertImage(dataURL, filename);
+                }).fail(function () {
+                    _this.context.triggerEvent('image.upload.error');
+                });
+            }
+        });
+    };
+    /**
+     * insertImagesOrCallback
+     * @param {File[]} files
+     */
+    Editor.prototype.insertImagesOrCallback = function (files) {
+        var callbacks = this.options.callbacks;
+        // If onImageUpload this.options setted
+        if (callbacks.onImageUpload) {
+            this.context.triggerEvent('image.upload', files);
+            // else insert Image as dataURL
+        }
+        else {
+            this.insertImages(files);
+        }
+    };
+    /**
+     * return selected plain text
+     * @return {String} text
+     */
+    Editor.prototype.getSelectedText = function () {
+        var rng = this.createRange();
+        // if range on anchor, expand range with anchor
+        if (rng.isOnAnchor()) {
+            rng = range.createFromNode(dom.ancestor(rng.sc, dom.isAnchor));
+        }
+        return rng.toString();
+    };
+    Editor.prototype.onFormatBlock = function (tagName, $target) {
+        // [workaround] for MSIE, IE need `<`
+        tagName = env.isMSIE ? '<' + tagName + '>' : tagName;
+        document.execCommand('FormatBlock', false, tagName);
+        // support custom class
+        if ($target && $target.length) {
+            var className = $target[0].className || '';
+            if (className) {
+                var currentRange = this.createRange();
+                var $parent = $$1([currentRange.sc, currentRange.ec]).closest(tagName);
+                $parent.addClass(className);
+            }
+        }
+    };
+    Editor.prototype.formatPara = function () {
+        this.formatBlock('P');
+    };
+    Editor.prototype.fontStyling = function (target, value) {
+        var rng = this.createRange();
+        if (rng) {
+            var spans = this.style.styleNodes(rng);
+            $$1(spans).css(target, value);
+            // [workaround] added styled bogus span for style
+            //  - also bogus character needed for cursor position
+            if (rng.isCollapsed()) {
+                var firstSpan = lists.head(spans);
+                if (firstSpan && !dom.nodeLength(firstSpan)) {
+                    firstSpan.innerHTML = dom.ZERO_WIDTH_NBSP_CHAR;
+                    range.createFromNodeAfter(firstSpan.firstChild).select();
+                    this.$editable.data(KEY_BOGUS, firstSpan);
+                }
+            }
+        }
+    };
+    /**
+     * unlink
+     *
+     * @type command
+     */
+    Editor.prototype.unlink = function () {
+        var rng = this.createRange();
+        if (rng.isOnAnchor()) {
+            var anchor = dom.ancestor(rng.sc, dom.isAnchor);
+            rng = range.createFromNode(anchor);
+            rng.select();
+            this.beforeCommand();
+            document.execCommand('unlink');
+            this.afterCommand();
+        }
+    };
+    /**
+     * returns link info
+     *
+     * @return {Object}
+     * @return {WrappedRange} return.range
+     * @return {String} return.text
+     * @return {Boolean} [return.isNewWindow=true]
+     * @return {String} [return.url=""]
+     */
+    Editor.prototype.getLinkInfo = function () {
+        var rng = this.createRange().expand(dom.isAnchor);
+        // Get the first anchor on range(for edit).
+        var $anchor = $$1(lists.head(rng.nodes(dom.isAnchor)));
+        var linkInfo = {
+            range: rng,
+            text: rng.toString(),
+            url: $anchor.length ? $anchor.attr('href') : ''
+        };
+        // Define isNewWindow when anchor exists.
+        if ($anchor.length) {
+            linkInfo.isNewWindow = $anchor.attr('target') === '_blank';
+        }
+        return linkInfo;
+    };
+    Editor.prototype.addRow = function (position) {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.addRow(rng, position);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.addCol = function (position) {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.addCol(rng, position);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.deleteRow = function () {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.deleteRow(rng);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.deleteCol = function () {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.deleteCol(rng);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.deleteTable = function () {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.deleteTable(rng);
+            this.afterCommand();
+        }
+    };
+    /**
+     * @param {Position} pos
+     * @param {jQuery} $target - target element
+     * @param {Boolean} [bKeepRatio] - keep ratio
+     */
+    Editor.prototype.resizeTo = function (pos, $target, bKeepRatio) {
+        var imageSize;
+        if (bKeepRatio) {
+            var newRatio = pos.y / pos.x;
+            var ratio = $target.data('ratio');
+            imageSize = {
+                width: ratio > newRatio ? pos.x : pos.y / ratio,
+                height: ratio > newRatio ? pos.x * ratio : pos.y
+            };
+        }
+        else {
+            imageSize = {
+                width: pos.x,
+                height: pos.y
+            };
+        }
+        $target.css(imageSize);
+    };
+    /**
+     * returns whether editable area has focus or not.
+     */
+    Editor.prototype.hasFocus = function () {
+        return this.$editable.is(':focus');
+    };
+    /**
+     * set focus
+     */
+    Editor.prototype.focus = function () {
+        // [workaround] Screen will move when page is scolled in IE.
+        //  - do focus when not focused
+        if (!this.hasFocus()) {
+            this.$editable.focus();
+        }
+    };
+    /**
+     * returns whether contents is empty or not.
+     * @return {Boolean}
+     */
+    Editor.prototype.isEmpty = function () {
+        return dom.isEmpty(this.$editable[0]) || dom.emptyPara === this.$editable.html();
+    };
+    /**
+     * Removes all contents and restores the editable instance to an _emptyPara_.
+     */
+    Editor.prototype.empty = function () {
+        this.context.invoke('code', dom.emptyPara);
+    };
+    return Editor;
+}());
+
+var Clipboard = /** @class */ (function () {
+    function Clipboard(context) {
+        this.context = context;
+        this.$editable = context.layoutInfo.editable;
+    }
+    Clipboard.prototype.initialize = function () {
+        this.$editable.on('paste', this.pasteByEvent.bind(this));
+    };
+    /**
+     * paste by clipboard event
+     *
+     * @param {Event} event
+     */
+    Clipboard.prototype.pasteByEvent = function (event) {
+        var clipboardData = event.originalEvent.clipboardData;
+        if (clipboardData && clipboardData.items && clipboardData.items.length) {
+            var item = lists.head(clipboardData.items);
+            if (item.kind === 'file' && item.type.indexOf('image/') !== -1) {
+                this.context.invoke('editor.insertImagesOrCallback', [item.getAsFile()]);
+            }
+            this.context.invoke('editor.afterCommand');
+        }
+    };
+    return Clipboard;
+}());
+
+var Dropzone = /** @class */ (function () {
+    function Dropzone(context) {
+        this.context = context;
+        this.$eventListener = $$1(document);
+        this.$editor = context.layoutInfo.editor;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.documentEventHandlers = {};
+        this.$dropzone = $$1([
+            '<div class="note-dropzone">',
+            '  <div class="note-dropzone-message"/>',
+            '</div>'
+        ].join('')).prependTo(this.$editor);
+    }
+    /**
+     * attach Drag and Drop Events
+     */
+    Dropzone.prototype.initialize = function () {
+        if (this.options.disableDragAndDrop) {
+            // prevent default drop event
+            this.documentEventHandlers.onDrop = function (e) {
+                e.preventDefault();
+            };
+            // do not consider outside of dropzone
+            this.$eventListener = this.$dropzone;
+            this.$eventListener.on('drop', this.documentEventHandlers.onDrop);
+        }
+        else {
+            this.attachDragAndDropEvent();
+        }
+    };
+    /**
+     * attach Drag and Drop Events
+     */
+    Dropzone.prototype.attachDragAndDropEvent = function () {
+        var _this = this;
+        var collection = $$1();
+        var $dropzoneMessage = this.$dropzone.find('.note-dropzone-message');
+        this.documentEventHandlers.onDragenter = function (e) {
+            var isCodeview = _this.context.invoke('codeview.isActivated');
+            var hasEditorSize = _this.$editor.width() > 0 && _this.$editor.height() > 0;
+            if (!isCodeview && !collection.length && hasEditorSize) {
+                _this.$editor.addClass('dragover');
+                _this.$dropzone.width(_this.$editor.width());
+                _this.$dropzone.height(_this.$editor.height());
+                $dropzoneMessage.text(_this.lang.image.dragImageHere);
+            }
+            collection = collection.add(e.target);
+        };
+        this.documentEventHandlers.onDragleave = function (e) {
+            collection = collection.not(e.target);
+            if (!collection.length) {
+                _this.$editor.removeClass('dragover');
+            }
+        };
+        this.documentEventHandlers.onDrop = function () {
+            collection = $$1();
+            _this.$editor.removeClass('dragover');
+        };
+        // show dropzone on dragenter when dragging a object to document
+        // -but only if the editor is visible, i.e. has a positive width and height
+        this.$eventListener.on('dragenter', this.documentEventHandlers.onDragenter)
+            .on('dragleave', this.documentEventHandlers.onDragleave)
+            .on('drop', this.documentEventHandlers.onDrop);
+        // change dropzone's message on hover.
+        this.$dropzone.on('dragenter', function () {
+            _this.$dropzone.addClass('hover');
+            $dropzoneMessage.text(_this.lang.image.dropImage);
+        }).on('dragleave', function () {
+            _this.$dropzone.removeClass('hover');
+            $dropzoneMessage.text(_this.lang.image.dragImageHere);
+        });
+        // attach dropImage
+        this.$dropzone.on('drop', function (event) {
+            var dataTransfer = event.originalEvent.dataTransfer;
+            // stop the browser from opening the dropped content
+            event.preventDefault();
+            if (dataTransfer && dataTransfer.files && dataTransfer.files.length) {
+                _this.$editable.focus();
+                _this.context.invoke('editor.insertImagesOrCallback', dataTransfer.files);
+            }
+            else {
+                $$1.each(dataTransfer.types, function (idx, type) {
+                    var content = dataTransfer.getData(type);
+                    if (type.toLowerCase().indexOf('text') > -1) {
+                        _this.context.invoke('editor.pasteHTML', content);
+                    }
+                    else {
+                        $$1(content).each(function (idx, item) {
+                            _this.context.invoke('editor.insertNode', item);
+                        });
+                    }
+                });
+            }
+        }).on('dragover', false); // prevent default dragover event
+    };
+    Dropzone.prototype.destroy = function () {
+        var _this = this;
+        Object.keys(this.documentEventHandlers).forEach(function (key) {
+            _this.$eventListener.off(key.substr(2).toLowerCase(), _this.documentEventHandlers[key]);
+        });
+        this.documentEventHandlers = {};
+    };
+    return Dropzone;
+}());
+
+var CodeMirror;
+if (env.hasCodeMirror) {
+    if (env.isSupportAmd) {
+        require(['codemirror'], function (cm) {
+            CodeMirror = cm;
+        });
+    }
+    else {
+        CodeMirror = window.CodeMirror;
+    }
+}
+/**
+ * @class Codeview
+ */
+var CodeView = /** @class */ (function () {
+    function CodeView(context) {
+        this.context = context;
+        this.$editor = context.layoutInfo.editor;
+        this.$editable = context.layoutInfo.editable;
+        this.$codable = context.layoutInfo.codable;
+        this.options = context.options;
+    }
+    CodeView.prototype.sync = function () {
+        var isCodeview = this.isActivated();
+        if (isCodeview && env.hasCodeMirror) {
+            this.$codable.data('cmEditor').save();
+        }
+    };
+    /**
+     * @return {Boolean}
+     */
+    CodeView.prototype.isActivated = function () {
+        return this.$editor.hasClass('codeview');
+    };
+    /**
+     * toggle codeview
+     */
+    CodeView.prototype.toggle = function () {
+        if (this.isActivated()) {
+            this.deactivate();
+        }
+        else {
+            this.activate();
+        }
+        this.context.triggerEvent('codeview.toggled');
+    };
+    /**
+     * activate code view
+     */
+    CodeView.prototype.activate = function () {
+        var _this = this;
+        this.$codable.val(dom.html(this.$editable, this.options.prettifyHtml));
+        this.$codable.height(this.$editable.height());
+        this.context.invoke('toolbar.updateCodeview', true);
+        this.$editor.addClass('codeview');
+        this.$codable.focus();
+        // activate CodeMirror as codable
+        if (env.hasCodeMirror) {
+            var cmEditor_1 = CodeMirror.fromTextArea(this.$codable[0], this.options.codemirror);
+            // CodeMirror TernServer
+            if (this.options.codemirror.tern) {
+                var server_1 = new CodeMirror.TernServer(this.options.codemirror.tern);
+                cmEditor_1.ternServer = server_1;
+                cmEditor_1.on('cursorActivity', function (cm) {
+                    server_1.updateArgHints(cm);
+                });
+            }
+            cmEditor_1.on('blur', function (event) {
+                _this.context.triggerEvent('blur.codeview', cmEditor_1.getValue(), event);
+            });
+            // CodeMirror hasn't Padding.
+            cmEditor_1.setSize(null, this.$editable.outerHeight());
+            this.$codable.data('cmEditor', cmEditor_1);
+        }
+        else {
+            this.$codable.on('blur', function (event) {
+                _this.context.triggerEvent('blur.codeview', _this.$codable.val(), event);
+            });
+        }
+    };
+    /**
+     * deactivate code view
+     */
+    CodeView.prototype.deactivate = function () {
+        // deactivate CodeMirror as codable
+        if (env.hasCodeMirror) {
+            var cmEditor = this.$codable.data('cmEditor');
+            this.$codable.val(cmEditor.getValue());
+            cmEditor.toTextArea();
+        }
+        var value = dom.value(this.$codable, this.options.prettifyHtml) || dom.emptyPara;
+        var isChange = this.$editable.html() !== value;
+        this.$editable.html(value);
+        this.$editable.height(this.options.height ? this.$codable.height() : 'auto');
+        this.$editor.removeClass('codeview');
+        if (isChange) {
+            this.context.triggerEvent('change', this.$editable.html(), this.$editable);
+        }
+        this.$editable.focus();
+        this.context.invoke('toolbar.updateCodeview', false);
+    };
+    CodeView.prototype.destroy = function () {
+        if (this.isActivated()) {
+            this.deactivate();
+        }
+    };
+    return CodeView;
+}());
+
+var EDITABLE_PADDING = 24;
+var Statusbar = /** @class */ (function () {
+    function Statusbar(context) {
+        this.$document = $$1(document);
+        this.$statusbar = context.layoutInfo.statusbar;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+    }
+    Statusbar.prototype.initialize = function () {
+        var _this = this;
+        if (this.options.airMode || this.options.disableResizeEditor) {
+            this.destroy();
+            return;
+        }
+        this.$statusbar.on('mousedown', function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            var editableTop = _this.$editable.offset().top - _this.$document.scrollTop();
+            var onMouseMove = function (event) {
+                var height = event.clientY - (editableTop + EDITABLE_PADDING);
+                height = (_this.options.minheight > 0) ? Math.max(height, _this.options.minheight) : height;
+                height = (_this.options.maxHeight > 0) ? Math.min(height, _this.options.maxHeight) : height;
+                _this.$editable.height(height);
+            };
+            _this.$document.on('mousemove', onMouseMove).one('mouseup', function () {
+                _this.$document.off('mousemove', onMouseMove);
+            });
+        });
+    };
+    Statusbar.prototype.destroy = function () {
+        this.$statusbar.off();
+    };
+    return Statusbar;
+}());
+
+var Fullscreen = /** @class */ (function () {
+    function Fullscreen(context) {
+        var _this = this;
+        this.context = context;
+        this.$editor = context.layoutInfo.editor;
+        this.$toolbar = context.layoutInfo.toolbar;
+        this.$editable = context.layoutInfo.editable;
+        this.$codable = context.layoutInfo.codable;
+        this.$window = $$1(window);
+        this.$scrollbar = $$1('html, body');
+        this.onResize = function () {
+            _this.resizeTo({
+                h: _this.$window.height() - _this.$toolbar.outerHeight()
+            });
+        };
+    }
+    Fullscreen.prototype.resizeTo = function (size) {
+        this.$editable.css('height', size.h);
+        this.$codable.css('height', size.h);
+        if (this.$codable.data('cmeditor')) {
+            this.$codable.data('cmeditor').setsize(null, size.h);
+        }
+    };
+    /**
+     * toggle fullscreen
+     */
+    Fullscreen.prototype.toggle = function () {
+        this.$editor.toggleClass('fullscreen');
+        if (this.isFullscreen()) {
+            this.$editable.data('orgHeight', this.$editable.css('height'));
+            this.$window.on('resize', this.onResize).trigger('resize');
+            this.$scrollbar.css('overflow', 'hidden');
+        }
+        else {
+            this.$window.off('resize', this.onResize);
+            this.resizeTo({ h: this.$editable.data('orgHeight') });
+            this.$scrollbar.css('overflow', 'visible');
+        }
+        this.context.invoke('toolbar.updateFullscreen', this.isFullscreen());
+    };
+    Fullscreen.prototype.isFullscreen = function () {
+        return this.$editor.hasClass('fullscreen');
+    };
+    return Fullscreen;
+}());
+
+var Handle = /** @class */ (function () {
+    function Handle(context) {
+        var _this = this;
+        this.context = context;
+        this.$document = $$1(document);
+        this.$editingArea = context.layoutInfo.editingArea;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.events = {
+            'summernote.mousedown': function (we, e) {
+                if (_this.update(e.target)) {
+                    e.preventDefault();
+                }
+            },
+            'summernote.keyup summernote.scroll summernote.change summernote.dialog.shown': function () {
+                _this.update();
+            },
+            'summernote.disable': function () {
+                _this.hide();
+            },
+            'summernote.codeview.toggled': function () {
+                _this.update();
+            }
+        };
+    }
+    Handle.prototype.initialize = function () {
+        var _this = this;
+        this.$handle = $$1([
+            '<div class="note-handle">',
+            '<div class="note-control-selection">',
+            '<div class="note-control-selection-bg"></div>',
+            '<div class="note-control-holder note-control-nw"></div>',
+            '<div class="note-control-holder note-control-ne"></div>',
+            '<div class="note-control-holder note-control-sw"></div>',
+            '<div class="',
+            (this.options.disableResizeImage ? 'note-control-holder' : 'note-control-sizing'),
+            ' note-control-se"></div>',
+            (this.options.disableResizeImage ? '' : '<div class="note-control-selection-info"></div>'),
+            '</div>',
+            '</div>'
+        ].join('')).prependTo(this.$editingArea);
+        this.$handle.on('mousedown', function (event) {
+            if (dom.isControlSizing(event.target)) {
+                event.preventDefault();
+                event.stopPropagation();
+                var $target_1 = _this.$handle.find('.note-control-selection').data('target');
+                var posStart_1 = $target_1.offset();
+                var scrollTop_1 = _this.$document.scrollTop();
+                var onMouseMove_1 = function (event) {
+                    _this.context.invoke('editor.resizeTo', {
+                        x: event.clientX - posStart_1.left,
+                        y: event.clientY - (posStart_1.top - scrollTop_1)
+                    }, $target_1, !event.shiftKey);
+                    _this.update($target_1[0]);
+                };
+                _this.$document
+                    .on('mousemove', onMouseMove_1)
+                    .one('mouseup', function (e) {
+                    e.preventDefault();
+                    _this.$document.off('mousemove', onMouseMove_1);
+                    _this.context.invoke('editor.afterCommand');
+                });
+                if (!$target_1.data('ratio')) {
+                    $target_1.data('ratio', $target_1.height() / $target_1.width());
+                }
+            }
+        });
+        // Listen for scrolling on the handle overlay.
+        this.$handle.on('wheel', function (e) {
+            e.preventDefault();
+            _this.update();
+        });
+    };
+    Handle.prototype.destroy = function () {
+        this.$handle.remove();
+    };
+    Handle.prototype.update = function (target) {
+        if (this.context.isDisabled()) {
+            return false;
+        }
+        var isImage = dom.isImg(target);
+        var $selection = this.$handle.find('.note-control-selection');
+        this.context.invoke('imagePopover.update', target);
+        if (isImage) {
+            var $image = $$1(target);
+            var position = $image.position();
+            var pos = {
+                left: position.left + parseInt($image.css('marginLeft'), 10),
+                top: position.top + parseInt($image.css('marginTop'), 10)
+            };
+            // exclude margin
+            var imageSize = {
+                w: $image.outerWidth(false),
+                h: $image.outerHeight(false)
+            };
+            $selection.css({
+                display: 'block',
+                left: pos.left,
+                top: pos.top,
+                width: imageSize.w,
+                height: imageSize.h
+            }).data('target', $image); // save current image element.
+            var origImageObj = new Image();
+            origImageObj.src = $image.attr('src');
+            var sizingText = imageSize.w + 'x' + imageSize.h + ' (' + this.lang.image.original + ': ' + origImageObj.width + 'x' + origImageObj.height + ')';
+            $selection.find('.note-control-selection-info').text(sizingText);
+            this.context.invoke('editor.saveTarget', target);
+        }
+        else {
+            this.hide();
+        }
+        return isImage;
+    };
+    /**
+     * hide
+     *
+     * @param {jQuery} $handle
+     */
+    Handle.prototype.hide = function () {
+        this.context.invoke('editor.clearTarget');
+        this.$handle.children().hide();
+    };
+    return Handle;
+}());
+
+var defaultScheme = 'http://';
+var linkPattern = /^([A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?|mailto:[A-Z0-9._%+-]+@)?(www\.)?(.+)$/i;
+var AutoLink = /** @class */ (function () {
+    function AutoLink(context) {
+        var _this = this;
+        this.context = context;
+        this.events = {
+            'summernote.keyup': function (we, e) {
+                if (!e.isDefaultPrevented()) {
+                    _this.handleKeyup(e);
+                }
+            },
+            'summernote.keydown': function (we, e) {
+                _this.handleKeydown(e);
+            }
+        };
+    }
+    AutoLink.prototype.initialize = function () {
+        this.lastWordRange = null;
+    };
+    AutoLink.prototype.destroy = function () {
+        this.lastWordRange = null;
+    };
+    AutoLink.prototype.replace = function () {
+        if (!this.lastWordRange) {
+            return;
+        }
+        var keyword = this.lastWordRange.toString();
+        var match = keyword.match(linkPattern);
+        if (match && (match[1] || match[2])) {
+            var link = match[1] ? keyword : defaultScheme + keyword;
+            var node = $$1('<a />').html(keyword).attr('href', link)[0];
+            this.lastWordRange.insertNode(node);
+            this.lastWordRange = null;
+            this.context.invoke('editor.focus');
+        }
+    };
+    AutoLink.prototype.handleKeydown = function (e) {
+        if (lists.contains([key.code.ENTER, key.code.SPACE], e.keyCode)) {
+            var wordRange = this.context.invoke('editor.createRange').getWordRange();
+            this.lastWordRange = wordRange;
+        }
+    };
+    AutoLink.prototype.handleKeyup = function (e) {
+        if (lists.contains([key.code.ENTER, key.code.SPACE], e.keyCode)) {
+            this.replace();
+        }
+    };
+    return AutoLink;
+}());
+
+/**
+ * textarea auto sync.
+ */
+var AutoSync = /** @class */ (function () {
+    function AutoSync(context) {
+        var _this = this;
+        this.$note = context.layoutInfo.note;
+        this.events = {
+            'summernote.change': function () {
+                _this.$note.val(context.invoke('code'));
+            }
+        };
+    }
+    AutoSync.prototype.shouldInitialize = function () {
+        return dom.isTextarea(this.$note[0]);
+    };
+    return AutoSync;
+}());
+
+var Placeholder = /** @class */ (function () {
+    function Placeholder(context) {
+        var _this = this;
+        this.context = context;
+        this.$editingArea = context.layoutInfo.editingArea;
+        this.options = context.options;
+        this.events = {
+            'summernote.init summernote.change': function () {
+                _this.update();
+            },
+            'summernote.codeview.toggled': function () {
+                _this.update();
+            }
+        };
+    }
+    Placeholder.prototype.shouldInitialize = function () {
+        return !!this.options.placeholder;
+    };
+    Placeholder.prototype.initialize = function () {
+        var _this = this;
+        this.$placeholder = $$1('<div class="note-placeholder">');
+        this.$placeholder.on('click', function () {
+            _this.context.invoke('focus');
+        }).text(this.options.placeholder).prependTo(this.$editingArea);
+        this.update();
+    };
+    Placeholder.prototype.destroy = function () {
+        this.$placeholder.remove();
+    };
+    Placeholder.prototype.update = function () {
+        var isShow = !this.context.invoke('codeview.isActivated') && this.context.invoke('editor.isEmpty');
+        this.$placeholder.toggle(isShow);
+    };
+    return Placeholder;
+}());
+
+var Buttons = /** @class */ (function () {
+    function Buttons(context) {
+        this.ui = $$1.summernote.ui;
+        this.context = context;
+        this.$toolbar = context.layoutInfo.toolbar;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.invertedKeyMap = func.invertObject(this.options.keyMap[env.isMac ? 'mac' : 'pc']);
+    }
+    Buttons.prototype.representShortcut = function (editorMethod) {
+        var shortcut = this.invertedKeyMap[editorMethod];
+        if (!this.options.shortcuts || !shortcut) {
+            return '';
+        }
+        if (env.isMac) {
+            shortcut = shortcut.replace('CMD', '⌘').replace('SHIFT', '⇧');
+        }
+        shortcut = shortcut.replace('BACKSLASH', '\\')
+            .replace('SLASH', '/')
+            .replace('LEFTBRACKET', '[')
+            .replace('RIGHTBRACKET', ']');
+        return ' (' + shortcut + ')';
+    };
+    Buttons.prototype.button = function (o) {
+        if (!this.options.tooltip && o.tooltip) {
+            delete o.tooltip;
+        }
+        o.container = this.options.container;
+        return this.ui.button(o);
+    };
+    Buttons.prototype.initialize = function () {
+        this.addToolbarButtons();
+        this.addImagePopoverButtons();
+        this.addLinkPopoverButtons();
+        this.addTablePopoverButtons();
+        this.fontInstalledMap = {};
+    };
+    Buttons.prototype.destroy = function () {
+        delete this.fontInstalledMap;
+    };
+    Buttons.prototype.isFontInstalled = function (name) {
+        if (!this.fontInstalledMap.hasOwnProperty(name)) {
+            this.fontInstalledMap[name] = env.isFontInstalled(name) ||
+                lists.contains(this.options.fontNamesIgnoreCheck, name);
+        }
+        return this.fontInstalledMap[name];
+    };
+    Buttons.prototype.isFontDeservedToAdd = function (name) {
+        var genericFamilies = ['sans-serif', 'serif', 'monospace', 'cursive', 'fantasy'];
+        name = name.toLowerCase();
+        return ((name !== '') && this.isFontInstalled(name) && ($$1.inArray(name, genericFamilies) === -1));
+    };
+    Buttons.prototype.addToolbarButtons = function () {
+        var _this = this;
+        this.context.memo('button.style', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.magic), _this.options),
+                    tooltip: _this.lang.style.style,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdown({
+                    className: 'dropdown-style',
+                    items: _this.options.styleTags,
+                    template: function (item) {
+                        if (typeof item === 'string') {
+                            item = { tag: item, title: (_this.lang.style.hasOwnProperty(item) ? _this.lang.style[item] : item) };
+                        }
+                        var tag = item.tag;
+                        var title = item.title;
+                        var style = item.style ? ' style="' + item.style + '" ' : '';
+                        var className = item.className ? ' class="' + item.className + '"' : '';
+                        return '<' + tag + style + className + '>' + title + '</' + tag + '>';
+                    },
+                    click: _this.context.createInvokeHandler('editor.formatBlock')
+                })
+            ]).render();
+        });
+        var _loop_1 = function (styleIdx, styleLen) {
+            var item = this_1.options.styleTags[styleIdx];
+            this_1.context.memo('button.style.' + item, function () {
+                return _this.button({
+                    className: 'note-btn-style-' + item,
+                    contents: '<div data-value="' + item + '">' + item.toUpperCase() + '</div>',
+                    tooltip: item.toUpperCase(),
+                    click: _this.context.createInvokeHandler('editor.formatBlock')
+                }).render();
+            });
+        };
+        var this_1 = this;
+        for (var styleIdx = 0, styleLen = this.options.styleTags.length; styleIdx < styleLen; styleIdx++) {
+            _loop_1(styleIdx, styleLen);
+        }
+        this.context.memo('button.bold', function () {
+            return _this.button({
+                className: 'note-btn-bold',
+                contents: _this.ui.icon(_this.options.icons.bold),
+                tooltip: _this.lang.font.bold + _this.representShortcut('bold'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.bold')
+            }).render();
+        });
+        this.context.memo('button.italic', function () {
+            return _this.button({
+                className: 'note-btn-italic',
+                contents: _this.ui.icon(_this.options.icons.italic),
+                tooltip: _this.lang.font.italic + _this.representShortcut('italic'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.italic')
+            }).render();
+        });
+        this.context.memo('button.underline', function () {
+            return _this.button({
+                className: 'note-btn-underline',
+                contents: _this.ui.icon(_this.options.icons.underline),
+                tooltip: _this.lang.font.underline + _this.representShortcut('underline'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.underline')
+            }).render();
+        });
+        this.context.memo('button.clear', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.eraser),
+                tooltip: _this.lang.font.clear + _this.representShortcut('removeFormat'),
+                click: _this.context.createInvokeHandler('editor.removeFormat')
+            }).render();
+        });
+        this.context.memo('button.strikethrough', function () {
+            return _this.button({
+                className: 'note-btn-strikethrough',
+                contents: _this.ui.icon(_this.options.icons.strikethrough),
+                tooltip: _this.lang.font.strikethrough + _this.representShortcut('strikethrough'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.strikethrough')
+            }).render();
+        });
+        this.context.memo('button.superscript', function () {
+            return _this.button({
+                className: 'note-btn-superscript',
+                contents: _this.ui.icon(_this.options.icons.superscript),
+                tooltip: _this.lang.font.superscript,
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.superscript')
+            }).render();
+        });
+        this.context.memo('button.subscript', function () {
+            return _this.button({
+                className: 'note-btn-subscript',
+                contents: _this.ui.icon(_this.options.icons.subscript),
+                tooltip: _this.lang.font.subscript,
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.subscript')
+            }).render();
+        });
+        this.context.memo('button.fontname', function () {
+            var styleInfo = _this.context.invoke('editor.currentStyle');
+            // Add 'default' fonts into the fontnames array if not exist
+            $$1.each(styleInfo['font-family'].split(','), function (idx, fontname) {
+                fontname = fontname.trim().replace(/['"]+/g, '');
+                if (_this.isFontDeservedToAdd(fontname)) {
+                    if ($$1.inArray(fontname, _this.options.fontNames) === -1) {
+                        _this.options.fontNames.push(fontname);
+                    }
+                }
+            });
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents('<span class="note-current-fontname"/>', _this.options),
+                    tooltip: _this.lang.font.name,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdownCheck({
+                    className: 'dropdown-fontname',
+                    checkClassName: _this.options.icons.menuCheck,
+                    items: _this.options.fontNames.filter(_this.isFontInstalled.bind(_this)),
+                    template: function (item) {
+                        return '<span style="font-family: \'' + item + '\'">' + item + '</span>';
+                    },
+                    click: _this.context.createInvokeHandlerAndUpdateState('editor.fontName')
+                })
+            ]).render();
+        });
+        this.context.memo('button.fontsize', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents('<span class="note-current-fontsize"/>', _this.options),
+                    tooltip: _this.lang.font.size,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdownCheck({
+                    className: 'dropdown-fontsize',
+                    checkClassName: _this.options.icons.menuCheck,
+                    items: _this.options.fontSizes,
+                    click: _this.context.createInvokeHandlerAndUpdateState('editor.fontSize')
+                })
+            ]).render();
+        });
+        this.context.memo('button.color', function () {
+            return _this.ui.buttonGroup({
+                className: 'note-color',
+                children: [
+                    _this.button({
+                        className: 'note-current-color-button',
+                        contents: _this.ui.icon(_this.options.icons.font + ' note-recent-color'),
+                        tooltip: _this.lang.color.recent,
+                        click: function (e) {
+                            var $button = $$1(e.currentTarget);
+                            _this.context.invoke('editor.color', {
+                                backColor: $button.attr('data-backColor'),
+                                foreColor: $button.attr('data-foreColor')
+                            });
+                        },
+                        callback: function ($button) {
+                            var $recentColor = $button.find('.note-recent-color');
+                            $recentColor.css('background-color', '#FFFF00');
+                            $button.attr('data-backColor', '#FFFF00');
+                        }
+                    }),
+                    _this.button({
+                        className: 'dropdown-toggle',
+                        contents: _this.ui.dropdownButtonContents('', _this.options),
+                        tooltip: _this.lang.color.more,
+                        data: {
+                            toggle: 'dropdown'
+                        }
+                    }),
+                    _this.ui.dropdown({
+                        items: [
+                            '<div class="note-palette">',
+                            '  <div class="note-palette-title">' + _this.lang.color.background + '</div>',
+                            '  <div>',
+                            '    <button type="button" class="note-color-reset btn btn-light" data-event="backColor" data-value="inherit">',
+                            _this.lang.color.transparent,
+                            '    </button>',
+                            '  </div>',
+                            '  <div class="note-holder" data-event="backColor"/>',
+                            '</div>',
+                            '<div class="note-palette">',
+                            '  <div class="note-palette-title">' + _this.lang.color.foreground + '</div>',
+                            '  <div>',
+                            '    <button type="button" class="note-color-reset btn btn-light" data-event="removeFormat" data-value="foreColor">',
+                            _this.lang.color.resetToDefault,
+                            '    </button>',
+                            '  </div>',
+                            '  <div class="note-holder" data-event="foreColor"/>',
+                            '</div>'
+                        ].join(''),
+                        callback: function ($dropdown) {
+                            $dropdown.find('.note-holder').each(function (idx, item) {
+                                var $holder = $$1(item);
+                                $holder.append(_this.ui.palette({
+                                    colors: _this.options.colors,
+                                    eventName: $holder.data('event'),
+                                    container: _this.options.container,
+                                    tooltip: _this.options.tooltip
+                                }).render());
+                            });
+                        },
+                        click: function (event) {
+                            var $button = $$1(event.target);
+                            var eventName = $button.data('event');
+                            var value = $button.data('value');
+                            if (eventName && value) {
+                                var key = eventName === 'backColor' ? 'background-color' : 'color';
+                                var $color = $button.closest('.note-color').find('.note-recent-color');
+                                var $currentButton = $button.closest('.note-color').find('.note-current-color-button');
+                                $color.css(key, value);
+                                $currentButton.attr('data-' + eventName, value);
+                                _this.context.invoke('editor.' + eventName, value);
+                            }
+                        }
+                    })
+                ]
+            }).render();
+        });
+        this.context.memo('button.ul', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.unorderedlist),
+                tooltip: _this.lang.lists.unordered + _this.representShortcut('insertUnorderedList'),
+                click: _this.context.createInvokeHandler('editor.insertUnorderedList')
+            }).render();
+        });
+        this.context.memo('button.ol', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.orderedlist),
+                tooltip: _this.lang.lists.ordered + _this.representShortcut('insertOrderedList'),
+                click: _this.context.createInvokeHandler('editor.insertOrderedList')
+            }).render();
+        });
+        var justifyLeft = this.button({
+            contents: this.ui.icon(this.options.icons.alignLeft),
+            tooltip: this.lang.paragraph.left + this.representShortcut('justifyLeft'),
+            click: this.context.createInvokeHandler('editor.justifyLeft')
+        });
+        var justifyCenter = this.button({
+            contents: this.ui.icon(this.options.icons.alignCenter),
+            tooltip: this.lang.paragraph.center + this.representShortcut('justifyCenter'),
+            click: this.context.createInvokeHandler('editor.justifyCenter')
+        });
+        var justifyRight = this.button({
+            contents: this.ui.icon(this.options.icons.alignRight),
+            tooltip: this.lang.paragraph.right + this.representShortcut('justifyRight'),
+            click: this.context.createInvokeHandler('editor.justifyRight')
+        });
+        var justifyFull = this.button({
+            contents: this.ui.icon(this.options.icons.alignJustify),
+            tooltip: this.lang.paragraph.justify + this.representShortcut('justifyFull'),
+            click: this.context.createInvokeHandler('editor.justifyFull')
+        });
+        var outdent = this.button({
+            contents: this.ui.icon(this.options.icons.outdent),
+            tooltip: this.lang.paragraph.outdent + this.representShortcut('outdent'),
+            click: this.context.createInvokeHandler('editor.outdent')
+        });
+        var indent = this.button({
+            contents: this.ui.icon(this.options.icons.indent),
+            tooltip: this.lang.paragraph.indent + this.representShortcut('indent'),
+            click: this.context.createInvokeHandler('editor.indent')
+        });
+        this.context.memo('button.justifyLeft', func.invoke(justifyLeft, 'render'));
+        this.context.memo('button.justifyCenter', func.invoke(justifyCenter, 'render'));
+        this.context.memo('button.justifyRight', func.invoke(justifyRight, 'render'));
+        this.context.memo('button.justifyFull', func.invoke(justifyFull, 'render'));
+        this.context.memo('button.outdent', func.invoke(outdent, 'render'));
+        this.context.memo('button.indent', func.invoke(indent, 'render'));
+        this.context.memo('button.paragraph', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.alignLeft), _this.options),
+                    tooltip: _this.lang.paragraph.paragraph,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdown([
+                    _this.ui.buttonGroup({
+                        className: 'note-align',
+                        children: [justifyLeft, justifyCenter, justifyRight, justifyFull]
+                    }),
+                    _this.ui.buttonGroup({
+                        className: 'note-list',
+                        children: [outdent, indent]
+                    })
+                ])
+            ]).render();
+        });
+        this.context.memo('button.height', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.textHeight), _this.options),
+                    tooltip: _this.lang.font.height,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdownCheck({
+                    items: _this.options.lineHeights,
+                    checkClassName: _this.options.icons.menuCheck,
+                    className: 'dropdown-line-height',
+                    click: _this.context.createInvokeHandler('editor.lineHeight')
+                })
+            ]).render();
+        });
+        this.context.memo('button.table', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.table), _this.options),
+                    tooltip: _this.lang.table.table,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdown({
+                    className: 'note-table',
+                    items: [
+                        '<div class="note-dimension-picker">',
+                        '  <div class="note-dimension-picker-mousecatcher" data-event="insertTable" data-value="1x1"/>',
+                        '  <div class="note-dimension-picker-highlighted"/>',
+                        '  <div class="note-dimension-picker-unhighlighted"/>',
+                        '</div>',
+                        '<div class="note-dimension-display">1 x 1</div>'
+                    ].join('')
+                })
+            ], {
+                callback: function ($node) {
+                    var $catcher = $node.find('.note-dimension-picker-mousecatcher');
+                    $catcher.css({
+                        width: _this.options.insertTableMaxSize.col + 'em',
+                        height: _this.options.insertTableMaxSize.row + 'em'
+                    }).mousedown(_this.context.createInvokeHandler('editor.insertTable'))
+                        .on('mousemove', _this.tableMoveHandler.bind(_this));
+                }
+            }).render();
+        });
+        this.context.memo('button.link', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.link),
+                tooltip: _this.lang.link.link + _this.representShortcut('linkDialog.show'),
+                click: _this.context.createInvokeHandler('linkDialog.show')
+            }).render();
+        });
+        this.context.memo('button.picture', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.picture),
+                tooltip: _this.lang.image.image,
+                click: _this.context.createInvokeHandler('imageDialog.show')
+            }).render();
+        });
+        this.context.memo('button.video', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.video),
+                tooltip: _this.lang.video.video,
+                click: _this.context.createInvokeHandler('videoDialog.show')
+            }).render();
+        });
+        this.context.memo('button.hr', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.minus),
+                tooltip: _this.lang.hr.insert + _this.representShortcut('insertHorizontalRule'),
+                click: _this.context.createInvokeHandler('editor.insertHorizontalRule')
+            }).render();
+        });
+        this.context.memo('button.fullscreen', function () {
+            return _this.button({
+                className: 'btn-fullscreen',
+                contents: _this.ui.icon(_this.options.icons.arrowsAlt),
+                tooltip: _this.options.fullscreen,
+                click: _this.context.createInvokeHandler('fullscreen.toggle')
+            }).render();
+        });
+        this.context.memo('button.codeview', function () {
+            return _this.button({
+                className: 'btn-codeview',
+                contents: _this.ui.icon(_this.options.icons.code),
+                tooltip: _this.options.codeview,
+                click: _this.context.createInvokeHandler('codeview.toggle')
+            }).render();
+        });
+        this.context.memo('button.redo', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.redo),
+                tooltip: _this.lang.history.redo + _this.representShortcut('redo'),
+                click: _this.context.createInvokeHandler('editor.redo')
+            }).render();
+        });
+        this.context.memo('button.undo', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.undo),
+                tooltip: _this.lang.history.undo + _this.representShortcut('undo'),
+                click: _this.context.createInvokeHandler('editor.undo')
+            }).render();
+        });
+        this.context.memo('button.help', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.question),
+                tooltip: _this.options.help,
+                click: _this.context.createInvokeHandler('helpDialog.show')
+            }).render();
+        });
+    };
+    /**
+     * image : [
+     *   ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
+     *   ['float', ['floatLeft', 'floatRight', 'floatNone' ]],
+     *   ['remove', ['removeMedia']]
+     * ],
+     */
+    Buttons.prototype.addImagePopoverButtons = function () {
+        var _this = this;
+        // Image Size Buttons
+        this.context.memo('button.imageSize100', function () {
+            return _this.button({
+                contents: '<span class="note-fontsize-10">100%</span>',
+                tooltip: _this.lang.image.resizeFull,
+                click: _this.context.createInvokeHandler('editor.resize', '1')
+            }).render();
+        });
+        this.context.memo('button.imageSize50', function () {
+            return _this.button({
+                contents: '<span class="note-fontsize-10">50%</span>',
+                tooltip: _this.lang.image.resizeHalf,
+                click: _this.context.createInvokeHandler('editor.resize', '0.5')
+            }).render();
+        });
+        this.context.memo('button.imageSize25', function () {
+            return _this.button({
+                contents: '<span class="note-fontsize-10">25%</span>',
+                tooltip: _this.lang.image.resizeQuarter,
+                click: _this.context.createInvokeHandler('editor.resize', '0.25')
+            }).render();
+        });
+        // Float Buttons
+        this.context.memo('button.floatLeft', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.alignLeft),
+                tooltip: _this.lang.image.floatLeft,
+                click: _this.context.createInvokeHandler('editor.floatMe', 'left')
+            }).render();
+        });
+        this.context.memo('button.floatRight', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.alignRight),
+                tooltip: _this.lang.image.floatRight,
+                click: _this.context.createInvokeHandler('editor.floatMe', 'right')
+            }).render();
+        });
+        this.context.memo('button.floatNone', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.alignJustify),
+                tooltip: _this.lang.image.floatNone,
+                click: _this.context.createInvokeHandler('editor.floatMe', 'none')
+            }).render();
+        });
+        // Remove Buttons
+        this.context.memo('button.removeMedia', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.trash),
+                tooltip: _this.lang.image.remove,
+                click: _this.context.createInvokeHandler('editor.removeMedia')
+            }).render();
+        });
+    };
+    Buttons.prototype.addLinkPopoverButtons = function () {
+        var _this = this;
+        this.context.memo('button.linkDialogShow', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.link),
+                tooltip: _this.lang.link.edit,
+                click: _this.context.createInvokeHandler('linkDialog.show')
+            }).render();
+        });
+        this.context.memo('button.unlink', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.unlink),
+                tooltip: _this.lang.link.unlink,
+                click: _this.context.createInvokeHandler('editor.unlink')
+            }).render();
+        });
+    };
+    /**
+     * table : [
+     *  ['add', ['addRowDown', 'addRowUp', 'addColLeft', 'addColRight']],
+     *  ['delete', ['deleteRow', 'deleteCol', 'deleteTable']]
+     * ],
+     */
+    Buttons.prototype.addTablePopoverButtons = function () {
+        var _this = this;
+        this.context.memo('button.addRowUp', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.rowAbove),
+                tooltip: _this.lang.table.addRowAbove,
+                click: _this.context.createInvokeHandler('editor.addRow', 'top')
+            }).render();
+        });
+        this.context.memo('button.addRowDown', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.rowBelow),
+                tooltip: _this.lang.table.addRowBelow,
+                click: _this.context.createInvokeHandler('editor.addRow', 'bottom')
+            }).render();
+        });
+        this.context.memo('button.addColLeft', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.colBefore),
+                tooltip: _this.lang.table.addColLeft,
+                click: _this.context.createInvokeHandler('editor.addCol', 'left')
+            }).render();
+        });
+        this.context.memo('button.addColRight', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.colAfter),
+                tooltip: _this.lang.table.addColRight,
+                click: _this.context.createInvokeHandler('editor.addCol', 'right')
+            }).render();
+        });
+        this.context.memo('button.deleteRow', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.rowRemove),
+                tooltip: _this.lang.table.delRow,
+                click: _this.context.createInvokeHandler('editor.deleteRow')
+            }).render();
+        });
+        this.context.memo('button.deleteCol', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.colRemove),
+                tooltip: _this.lang.table.delCol,
+                click: _this.context.createInvokeHandler('editor.deleteCol')
+            }).render();
+        });
+        this.context.memo('button.deleteTable', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.trash),
+                tooltip: _this.lang.table.delTable,
+                click: _this.context.createInvokeHandler('editor.deleteTable')
+            }).render();
+        });
+    };
+    Buttons.prototype.build = function ($container, groups) {
+        for (var groupIdx = 0, groupLen = groups.length; groupIdx < groupLen; groupIdx++) {
+            var group = groups[groupIdx];
+            var groupName = $$1.isArray(group) ? group[0] : group;
+            var buttons = $$1.isArray(group) ? ((group.length === 1) ? [group[0]] : group[1]) : [group];
+            var $group = this.ui.buttonGroup({
+                className: 'note-' + groupName
+            }).render();
+            for (var idx = 0, len = buttons.length; idx < len; idx++) {
+                var btn = this.context.memo('button.' + buttons[idx]);
+                if (btn) {
+                    $group.append(typeof btn === 'function' ? btn(this.context) : btn);
+                }
+            }
+            $group.appendTo($container);
+        }
+    };
+    /**
+     * @param {jQuery} [$container]
+     */
+    Buttons.prototype.updateCurrentStyle = function ($container) {
+        var _this = this;
+        var $cont = $container || this.$toolbar;
+        var styleInfo = this.context.invoke('editor.currentStyle');
+        this.updateBtnStates($cont, {
+            '.note-btn-bold': function () {
+                return styleInfo['font-bold'] === 'bold';
+            },
+            '.note-btn-italic': function () {
+                return styleInfo['font-italic'] === 'italic';
+            },
+            '.note-btn-underline': function () {
+                return styleInfo['font-underline'] === 'underline';
+            },
+            '.note-btn-subscript': function () {
+                return styleInfo['font-subscript'] === 'subscript';
+            },
+            '.note-btn-superscript': function () {
+                return styleInfo['font-superscript'] === 'superscript';
+            },
+            '.note-btn-strikethrough': function () {
+                return styleInfo['font-strikethrough'] === 'strikethrough';
+            }
+        });
+        if (styleInfo['font-family']) {
+            var fontNames = styleInfo['font-family'].split(',').map(function (name) {
+                return name.replace(/[\'\"]/g, '')
+                    .replace(/\s+$/, '')
+                    .replace(/^\s+/, '');
+            });
+            var fontName_1 = lists.find(fontNames, this.isFontInstalled.bind(this));
+            $cont.find('.dropdown-fontname a').each(function (idx, item) {
+                var $item = $$1(item);
+                // always compare string to avoid creating another func.
+                var isChecked = ($item.data('value') + '') === (fontName_1 + '');
+                $item.toggleClass('checked', isChecked);
+            });
+            $cont.find('.note-current-fontname').text(fontName_1).css('font-family', fontName_1);
+        }
+        if (styleInfo['font-size']) {
+            var fontSize_1 = styleInfo['font-size'];
+            $cont.find('.dropdown-fontsize a').each(function (idx, item) {
+                var $item = $$1(item);
+                // always compare with string to avoid creating another func.
+                var isChecked = ($item.data('value') + '') === (fontSize_1 + '');
+                $item.toggleClass('checked', isChecked);
+            });
+            $cont.find('.note-current-fontsize').text(fontSize_1);
+        }
+        if (styleInfo['line-height']) {
+            var lineHeight_1 = styleInfo['line-height'];
+            $cont.find('.dropdown-line-height li a').each(function (idx, item) {
+                // always compare with string to avoid creating another func.
+                var isChecked = ($$1(item).data('value') + '') === (lineHeight_1 + '');
+                _this.className = isChecked ? 'checked' : '';
+            });
+        }
+    };
+    Buttons.prototype.updateBtnStates = function ($container, infos) {
+        var _this = this;
+        $$1.each(infos, function (selector, pred) {
+            _this.ui.toggleBtnActive($container.find(selector), pred());
+        });
+    };
+    Buttons.prototype.tableMoveHandler = function (event) {
+        var PX_PER_EM = 18;
+        var $picker = $$1(event.target.parentNode); // target is mousecatcher
+        var $dimensionDisplay = $picker.next();
+        var $catcher = $picker.find('.note-dimension-picker-mousecatcher');
+        var $highlighted = $picker.find('.note-dimension-picker-highlighted');
+        var $unhighlighted = $picker.find('.note-dimension-picker-unhighlighted');
+        var posOffset;
+        // HTML5 with jQuery - e.offsetX is undefined in Firefox
+        if (event.offsetX === undefined) {
+            var posCatcher = $$1(event.target).offset();
+            posOffset = {
+                x: event.pageX - posCatcher.left,
+                y: event.pageY - posCatcher.top
+            };
+        }
+        else {
+            posOffset = {
+                x: event.offsetX,
+                y: event.offsetY
+            };
+        }
+        var dim = {
+            c: Math.ceil(posOffset.x / PX_PER_EM) || 1,
+            r: Math.ceil(posOffset.y / PX_PER_EM) || 1
+        };
+        $highlighted.css({ width: dim.c + 'em', height: dim.r + 'em' });
+        $catcher.data('value', dim.c + 'x' + dim.r);
+        if (dim.c > 3 && dim.c < this.options.insertTableMaxSize.col) {
+            $unhighlighted.css({ width: dim.c + 1 + 'em' });
+        }
+        if (dim.r > 3 && dim.r < this.options.insertTableMaxSize.row) {
+            $unhighlighted.css({ height: dim.r + 1 + 'em' });
+        }
+        $dimensionDisplay.html(dim.c + ' x ' + dim.r);
+    };
+    return Buttons;
+}());
+
+var Toolbar = /** @class */ (function () {
+    function Toolbar(context) {
+        this.context = context;
+        this.$window = $$1(window);
+        this.$document = $$1(document);
+        this.ui = $$1.summernote.ui;
+        this.$note = context.layoutInfo.note;
+        this.$editor = context.layoutInfo.editor;
+        this.$toolbar = context.layoutInfo.toolbar;
+        this.options = context.options;
+        this.followScroll = this.followScroll.bind(this);
+    }
+    Toolbar.prototype.shouldInitialize = function () {
+        return !this.options.airMode;
+    };
+    Toolbar.prototype.initialize = function () {
+        var _this = this;
+        this.options.toolbar = this.options.toolbar || [];
+        if (!this.options.toolbar.length) {
+            this.$toolbar.hide();
+        }
+        else {
+            this.context.invoke('buttons.build', this.$toolbar, this.options.toolbar);
+        }
+        if (this.options.toolbarContainer) {
+            this.$toolbar.appendTo(this.options.toolbarContainer);
+        }
+        this.changeContainer(false);
+        this.$note.on('summernote.keyup summernote.mouseup summernote.change', function () {
+            _this.context.invoke('buttons.updateCurrentStyle');
+        });
+        this.context.invoke('buttons.updateCurrentStyle');
+        if (this.options.followingToolbar) {
+            this.$window.on('scroll resize', this.followScroll);
+        }
+    };
+    Toolbar.prototype.destroy = function () {
+        this.$toolbar.children().remove();
+        if (this.options.followingToolbar) {
+            this.$window.off('scroll resize', this.followScroll);
+        }
+    };
+    Toolbar.prototype.followScroll = function () {
+        if (this.$editor.hasClass('fullscreen')) {
+            return false;
+        }
+        var $toolbarWrapper = this.$toolbar.parent('.note-toolbar-wrapper');
+        var editorHeight = this.$editor.outerHeight();
+        var editorWidth = this.$editor.width();
+        var toolbarHeight = this.$toolbar.height();
+        $toolbarWrapper.css({
+            height: toolbarHeight
+        });
+        // check if the web app is currently using another static bar
+        var otherBarHeight = 0;
+        if (this.options.otherStaticBar) {
+            otherBarHeight = $$1(this.options.otherStaticBar).outerHeight();
+        }
+        var currentOffset = this.$document.scrollTop();
+        var editorOffsetTop = this.$editor.offset().top;
+        var editorOffsetBottom = editorOffsetTop + editorHeight;
+        var activateOffset = editorOffsetTop - otherBarHeight;
+        var deactivateOffsetBottom = editorOffsetBottom - otherBarHeight - toolbarHeight;
+        if ((currentOffset > activateOffset) && (currentOffset < deactivateOffsetBottom)) {
+            this.$toolbar.css({
+                position: 'fixed',
+                top: otherBarHeight,
+                width: editorWidth
+            });
+        }
+        else {
+            this.$toolbar.css({
+                position: 'relative',
+                top: 0,
+                width: '100%'
+            });
+        }
+    };
+    Toolbar.prototype.changeContainer = function (isFullscreen) {
+        if (isFullscreen) {
+            this.$toolbar.prependTo(this.$editor);
+        }
+        else {
+            if (this.options.toolbarContainer) {
+                this.$toolbar.appendTo(this.options.toolbarContainer);
+            }
+        }
+    };
+    Toolbar.prototype.updateFullscreen = function (isFullscreen) {
+        this.ui.toggleBtnActive(this.$toolbar.find('.btn-fullscreen'), isFullscreen);
+        this.changeContainer(isFullscreen);
+    };
+    Toolbar.prototype.updateCodeview = function (isCodeview) {
+        this.ui.toggleBtnActive(this.$toolbar.find('.btn-codeview'), isCodeview);
+        if (isCodeview) {
+            this.deactivate();
+        }
+        else {
+            this.activate();
+        }
+    };
+    Toolbar.prototype.activate = function (isIncludeCodeview) {
+        var $btn = this.$toolbar.find('button');
+        if (!isIncludeCodeview) {
+            $btn = $btn.not('.btn-codeview');
+        }
+        this.ui.toggleBtn($btn, true);
+    };
+    Toolbar.prototype.deactivate = function (isIncludeCodeview) {
+        var $btn = this.$toolbar.find('button');
+        if (!isIncludeCodeview) {
+            $btn = $btn.not('.btn-codeview');
+        }
+        this.ui.toggleBtn($btn, false);
+    };
+    return Toolbar;
+}());
+
+var LinkDialog = /** @class */ (function () {
+    function LinkDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        context.memo('help.linkDialog.show', this.options.langInfo.help['linkDialog.show']);
+    }
+    LinkDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var body = [
+            '<div class="form-group note-form-group">',
+            "<label class=\"note-form-label\">" + this.lang.link.textToDisplay + "</label>",
+            '<input class="note-link-text form-control note-form-control  note-input" type="text" />',
+            '</div>',
+            '<div class="form-group note-form-group">',
+            "<label class=\"note-form-label\">" + this.lang.link.url + "</label>",
+            '<input class="note-link-url form-control note-form-control note-input" type="text" value="http://" />',
+            '</div>',
+            !this.options.disableLinkTarget
+                ? $$1('<div/>').append(this.ui.checkbox({
+                    id: 'sn-checkbox-open-in-new-window',
+                    text: this.lang.link.openInNewWindow,
+                    checked: true
+                }).render()).html()
+                : ''
+        ].join('');
+        var buttonClass = 'btn btn-primary note-btn note-btn-primary note-link-btn';
+        var footer = "<button type=\"submit\" href=\"#\" class=\"" + buttonClass + "\" disabled>" + this.lang.link.insert + "</button>";
+        this.$dialog = this.ui.dialog({
+            className: 'link-dialog',
+            title: this.lang.link.insert,
+            fade: this.options.dialogsFade,
+            body: body,
+            footer: footer
+        }).render().appendTo($container);
+    };
+    LinkDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    LinkDialog.prototype.bindEnterKey = function ($input, $btn) {
+        $input.on('keypress', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                event.preventDefault();
+                $btn.trigger('click');
+            }
+        });
+    };
+    /**
+     * toggle update button
+     */
+    LinkDialog.prototype.toggleLinkBtn = function ($linkBtn, $linkText, $linkUrl) {
+        this.ui.toggleBtn($linkBtn, $linkText.val() && $linkUrl.val());
+    };
+    /**
+     * Show link dialog and set event handlers on dialog controls.
+     *
+     * @param {Object} linkInfo
+     * @return {Promise}
+     */
+    LinkDialog.prototype.showLinkDialog = function (linkInfo) {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            var $linkText = _this.$dialog.find('.note-link-text');
+            var $linkUrl = _this.$dialog.find('.note-link-url');
+            var $linkBtn = _this.$dialog.find('.note-link-btn');
+            var $openInNewWindow = _this.$dialog.find('input[type=checkbox]');
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                // if no url was given, copy text to url
+                if (!linkInfo.url) {
+                    linkInfo.url = linkInfo.text;
+                }
+                $linkText.val(linkInfo.text);
+                var handleLinkTextUpdate = function () {
+                    _this.toggleLinkBtn($linkBtn, $linkText, $linkUrl);
+                    // if linktext was modified by keyup,
+                    // stop cloning text from linkUrl
+                    linkInfo.text = $linkText.val();
+                };
+                $linkText.on('input', handleLinkTextUpdate).on('paste', function () {
+                    setTimeout(handleLinkTextUpdate, 0);
+                });
+                var handleLinkUrlUpdate = function () {
+                    _this.toggleLinkBtn($linkBtn, $linkText, $linkUrl);
+                    // display same link on `Text to display` input
+                    // when create a new link
+                    if (!linkInfo.text) {
+                        $linkText.val($linkUrl.val());
+                    }
+                };
+                $linkUrl.on('input', handleLinkUrlUpdate).on('paste', function () {
+                    setTimeout(handleLinkUrlUpdate, 0);
+                }).val(linkInfo.url);
+                if (!env.isSupportTouch) {
+                    $linkUrl.trigger('focus');
+                }
+                _this.toggleLinkBtn($linkBtn, $linkText, $linkUrl);
+                _this.bindEnterKey($linkUrl, $linkBtn);
+                _this.bindEnterKey($linkText, $linkBtn);
+                var isChecked = linkInfo.isNewWindow !== undefined
+                    ? linkInfo.isNewWindow : _this.context.options.linkTargetBlank;
+                $openInNewWindow.prop('checked', isChecked);
+                $linkBtn.one('click', function (event) {
+                    event.preventDefault();
+                    deferred.resolve({
+                        range: linkInfo.range,
+                        url: $linkUrl.val(),
+                        text: $linkText.val(),
+                        isNewWindow: $openInNewWindow.is(':checked')
+                    });
+                    _this.ui.hideDialog(_this.$dialog);
+                });
+            });
+            _this.ui.onDialogHidden(_this.$dialog, function () {
+                // detach events
+                $linkText.off('input paste keypress');
+                $linkUrl.off('input paste keypress');
+                $linkBtn.off('click');
+                if (deferred.state() === 'pending') {
+                    deferred.reject();
+                }
+            });
+            _this.ui.showDialog(_this.$dialog);
+        }).promise();
+    };
+    /**
+     * @param {Object} layoutInfo
+     */
+    LinkDialog.prototype.show = function () {
+        var _this = this;
+        var linkInfo = this.context.invoke('editor.getLinkInfo');
+        this.context.invoke('editor.saveRange');
+        this.showLinkDialog(linkInfo).then(function (linkInfo) {
+            _this.context.invoke('editor.restoreRange');
+            _this.context.invoke('editor.createLink', linkInfo);
+        }).fail(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    return LinkDialog;
+}());
+
+var LinkPopover = /** @class */ (function () {
+    function LinkPopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.options = context.options;
+        this.events = {
+            'summernote.keyup summernote.mouseup summernote.change summernote.scroll': function () {
+                _this.update();
+            },
+            'summernote.disable summernote.dialog.shown': function () {
+                _this.hide();
+            }
+        };
+    }
+    LinkPopover.prototype.shouldInitialize = function () {
+        return !lists.isEmpty(this.options.popover.link);
+    };
+    LinkPopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-link-popover',
+            callback: function ($node) {
+                var $content = $node.find('.popover-content,.note-popover-content');
+                $content.prepend('<span><a target="_blank"></a>&nbsp;</span>');
+            }
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content,.note-popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.link);
+    };
+    LinkPopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    LinkPopover.prototype.update = function () {
+        // Prevent focusing on editable when invoke('code') is executed
+        if (!this.context.invoke('editor.hasFocus')) {
+            this.hide();
+            return;
+        }
+        var rng = this.context.invoke('editor.createRange');
+        if (rng.isCollapsed() && rng.isOnAnchor()) {
+            var anchor = dom.ancestor(rng.sc, dom.isAnchor);
+            var href = $$1(anchor).attr('href');
+            this.$popover.find('a').attr('href', href).html(href);
+            var pos = dom.posFromPlaceholder(anchor);
+            this.$popover.css({
+                display: 'block',
+                left: pos.left,
+                top: pos.top
+            });
+        }
+        else {
+            this.hide();
+        }
+    };
+    LinkPopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return LinkPopover;
+}());
+
+var ImageDialog = /** @class */ (function () {
+    function ImageDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+    }
+    ImageDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var imageLimitation = '';
+        if (this.options.maximumImageFileSize) {
+            var unit = Math.floor(Math.log(this.options.maximumImageFileSize) / Math.log(1024));
+            var readableSize = (this.options.maximumImageFileSize / Math.pow(1024, unit)).toFixed(2) * 1 +
+                ' ' + ' KMGTP'[unit] + 'B';
+            imageLimitation = "<small>" + (this.lang.image.maximumFileSize + ' : ' + readableSize) + "</small>";
+        }
+        var body = [
+            '<div class="form-group note-form-group note-group-select-from-files">',
+            '<label class="note-form-label">' + this.lang.image.selectFromFiles + '</label>',
+            '<input class="note-image-input note-form-control note-input" ',
+            ' type="file" name="files" accept="image/*" multiple="multiple" />',
+            imageLimitation,
+            '</div>',
+            '<div class="form-group note-group-image-url" style="overflow:auto;">',
+            '<label class="note-form-label">' + this.lang.image.url + '</label>',
+            '<input class="note-image-url form-control note-form-control note-input ',
+            ' col-md-12" type="text" />',
+            '</div>'
+        ].join('');
+        var buttonClass = 'btn btn-primary note-btn note-btn-primary note-image-btn';
+        var footer = "<button type=\"submit\" href=\"#\" class=\"" + buttonClass + "\" disabled>" + this.lang.image.insert + "</button>";
+        this.$dialog = this.ui.dialog({
+            title: this.lang.image.insert,
+            fade: this.options.dialogsFade,
+            body: body,
+            footer: footer
+        }).render().appendTo($container);
+    };
+    ImageDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    ImageDialog.prototype.bindEnterKey = function ($input, $btn) {
+        $input.on('keypress', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                event.preventDefault();
+                $btn.trigger('click');
+            }
+        });
+    };
+    ImageDialog.prototype.show = function () {
+        var _this = this;
+        this.context.invoke('editor.saveRange');
+        this.showImageDialog().then(function (data) {
+            // [workaround] hide dialog before restore range for IE range focus
+            _this.ui.hideDialog(_this.$dialog);
+            _this.context.invoke('editor.restoreRange');
+            if (typeof data === 'string') {
+                _this.context.invoke('editor.insertImage', data);
+            }
+            else {
+                _this.context.invoke('editor.insertImagesOrCallback', data);
+            }
+        }).fail(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    /**
+     * show image dialog
+     *
+     * @param {jQuery} $dialog
+     * @return {Promise}
+     */
+    ImageDialog.prototype.showImageDialog = function () {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            var $imageInput = _this.$dialog.find('.note-image-input');
+            var $imageUrl = _this.$dialog.find('.note-image-url');
+            var $imageBtn = _this.$dialog.find('.note-image-btn');
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                // Cloning imageInput to clear element.
+                $imageInput.replaceWith($imageInput.clone().on('change', function (event) {
+                    deferred.resolve(event.target.files || event.target.value);
+                }).val(''));
+                $imageBtn.click(function (event) {
+                    event.preventDefault();
+                    deferred.resolve($imageUrl.val());
+                });
+                $imageUrl.on('keyup paste', function () {
+                    var url = $imageUrl.val();
+                    _this.ui.toggleBtn($imageBtn, url);
+                }).val('');
+                if (!env.isSupportTouch) {
+                    $imageUrl.trigger('focus');
+                }
+                _this.bindEnterKey($imageUrl, $imageBtn);
+            });
+            _this.ui.onDialogHidden(_this.$dialog, function () {
+                $imageInput.off('change');
+                $imageUrl.off('keyup paste keypress');
+                $imageBtn.off('click');
+                if (deferred.state() === 'pending') {
+                    deferred.reject();
+                }
+            });
+            _this.ui.showDialog(_this.$dialog);
+        });
+    };
+    return ImageDialog;
+}());
+
+/**
+ * Image popover module
+ *  mouse events that show/hide popover will be handled by Handle.js.
+ *  Handle.js will receive the events and invoke 'imagePopover.update'.
+ */
+var ImagePopover = /** @class */ (function () {
+    function ImagePopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.editable = context.layoutInfo.editable[0];
+        this.options = context.options;
+        this.events = {
+            'summernote.disable': function () {
+                _this.hide();
+            }
+        };
+    }
+    ImagePopover.prototype.shouldInitialize = function () {
+        return !lists.isEmpty(this.options.popover.image);
+    };
+    ImagePopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-image-popover'
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content,.note-popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.image);
+    };
+    ImagePopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    ImagePopover.prototype.update = function (target) {
+        if (dom.isImg(target)) {
+            var pos = dom.posFromPlaceholder(target);
+            var posEditor = dom.posFromPlaceholder(this.editable);
+            this.$popover.css({
+                display: 'block',
+                left: this.options.popatmouse ? event.pageX - 20 : pos.left,
+                top: this.options.popatmouse ? event.pageY : Math.min(pos.top, posEditor.top)
+            });
+        }
+        else {
+            this.hide();
+        }
+    };
+    ImagePopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return ImagePopover;
+}());
+
+var TablePopover = /** @class */ (function () {
+    function TablePopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.options = context.options;
+        this.events = {
+            'summernote.mousedown': function (we, e) {
+                _this.update(e.target);
+            },
+            'summernote.keyup summernote.scroll summernote.change': function () {
+                _this.update();
+            },
+            'summernote.disable': function () {
+                _this.hide();
+            }
+        };
+    }
+    TablePopover.prototype.shouldInitialize = function () {
+        return !lists.isEmpty(this.options.popover.table);
+    };
+    TablePopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-table-popover'
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content,.note-popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.table);
+        // [workaround] Disable Firefox's default table editor
+        if (env.isFF) {
+            document.execCommand('enableInlineTableEditing', false, false);
+        }
+    };
+    TablePopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    TablePopover.prototype.update = function (target) {
+        if (this.context.isDisabled()) {
+            return false;
+        }
+        var isCell = dom.isCell(target);
+        if (isCell) {
+            var pos = dom.posFromPlaceholder(target);
+            this.$popover.css({
+                display: 'block',
+                left: pos.left,
+                top: pos.top
+            });
+        }
+        else {
+            this.hide();
+        }
+        return isCell;
+    };
+    TablePopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return TablePopover;
+}());
+
+var VideoDialog = /** @class */ (function () {
+    function VideoDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+    }
+    VideoDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var body = [
+            '<div class="form-group note-form-group row-fluid">',
+            "<label class=\"note-form-label\">" + this.lang.video.url + " <small class=\"text-muted\">" + this.lang.video.providers + "</small></label>",
+            '<input class="note-video-url form-control note-form-control note-input" type="text" />',
+            '</div>'
+        ].join('');
+        var buttonClass = 'btn btn-primary note-btn note-btn-primary note-video-btn';
+        var footer = "<button type=\"submit\" href=\"#\" class=\"" + buttonClass + "\" disabled>" + this.lang.video.insert + "</button>";
+        this.$dialog = this.ui.dialog({
+            title: this.lang.video.insert,
+            fade: this.options.dialogsFade,
+            body: body,
+            footer: footer
+        }).render().appendTo($container);
+    };
+    VideoDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    VideoDialog.prototype.bindEnterKey = function ($input, $btn) {
+        $input.on('keypress', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                event.preventDefault();
+                $btn.trigger('click');
+            }
+        });
+    };
+    VideoDialog.prototype.createVideoNode = function (url) {
+        // video url patterns(youtube, instagram, vimeo, dailymotion, youku, mp4, ogg, webm)
+        var ytRegExp = /^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/;
+        var ytMatch = url.match(ytRegExp);
+        var igRegExp = /(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/;
+        var igMatch = url.match(igRegExp);
+        var vRegExp = /\/\/vine\.co\/v\/([a-zA-Z0-9]+)/;
+        var vMatch = url.match(vRegExp);
+        var vimRegExp = /\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/;
+        var vimMatch = url.match(vimRegExp);
+        var dmRegExp = /.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/;
+        var dmMatch = url.match(dmRegExp);
+        var youkuRegExp = /\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/;
+        var youkuMatch = url.match(youkuRegExp);
+        var qqRegExp = /\/\/v\.qq\.com.*?vid=(.+)/;
+        var qqMatch = url.match(qqRegExp);
+        var qqRegExp2 = /\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/;
+        var qqMatch2 = url.match(qqRegExp2);
+        var mp4RegExp = /^.+.(mp4|m4v)$/;
+        var mp4Match = url.match(mp4RegExp);
+        var oggRegExp = /^.+.(ogg|ogv)$/;
+        var oggMatch = url.match(oggRegExp);
+        var webmRegExp = /^.+.(webm)$/;
+        var webmMatch = url.match(webmRegExp);
+        var $video;
+        if (ytMatch && ytMatch[1].length === 11) {
+            var youtubeId = ytMatch[1];
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', '//www.youtube.com/embed/' + youtubeId)
+                .attr('width', '640').attr('height', '360');
+        }
+        else if (igMatch && igMatch[0].length) {
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', 'https://instagram.com/p/' + igMatch[1] + '/embed/')
+                .attr('width', '612').attr('height', '710')
+                .attr('scrolling', 'no')
+                .attr('allowtransparency', 'true');
+        }
+        else if (vMatch && vMatch[0].length) {
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', vMatch[0] + '/embed/simple')
+                .attr('width', '600').attr('height', '600')
+                .attr('class', 'vine-embed');
+        }
+        else if (vimMatch && vimMatch[3].length) {
+            $video = $$1('<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>')
+                .attr('frameborder', 0)
+                .attr('src', '//player.vimeo.com/video/' + vimMatch[3])
+                .attr('width', '640').attr('height', '360');
+        }
+        else if (dmMatch && dmMatch[2].length) {
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', '//www.dailymotion.com/embed/video/' + dmMatch[2])
+                .attr('width', '640').attr('height', '360');
+        }
+        else if (youkuMatch && youkuMatch[1].length) {
+            $video = $$1('<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>')
+                .attr('frameborder', 0)
+                .attr('height', '498')
+                .attr('width', '510')
+                .attr('src', '//player.youku.com/embed/' + youkuMatch[1]);
+        }
+        else if ((qqMatch && qqMatch[1].length) || (qqMatch2 && qqMatch2[2].length)) {
+            var vid = ((qqMatch && qqMatch[1].length) ? qqMatch[1] : qqMatch2[2]);
+            $video = $$1('<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>')
+                .attr('frameborder', 0)
+                .attr('height', '310')
+                .attr('width', '500')
+                .attr('src', 'http://v.qq.com/iframe/player.html?vid=' + vid + '&amp;auto=0');
+        }
+        else if (mp4Match || oggMatch || webmMatch) {
+            $video = $$1('<video controls>')
+                .attr('src', url)
+                .attr('width', '640').attr('height', '360');
+        }
+        else {
+            // this is not a known video link. Now what, Cat? Now what?
+            return false;
+        }
+        $video.addClass('note-video-clip');
+        return $video[0];
+    };
+    VideoDialog.prototype.show = function () {
+        var _this = this;
+        var text = this.context.invoke('editor.getSelectedText');
+        this.context.invoke('editor.saveRange');
+        this.showVideoDialog(text).then(function (url) {
+            // [workaround] hide dialog before restore range for IE range focus
+            _this.ui.hideDialog(_this.$dialog);
+            _this.context.invoke('editor.restoreRange');
+            // build node
+            var $node = _this.createVideoNode(url);
+            if ($node) {
+                // insert video node
+                _this.context.invoke('editor.insertNode', $node);
+            }
+        }).fail(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    /**
+     * show image dialog
+     *
+     * @param {jQuery} $dialog
+     * @return {Promise}
+     */
+    VideoDialog.prototype.showVideoDialog = function (text) {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            var $videoUrl = _this.$dialog.find('.note-video-url');
+            var $videoBtn = _this.$dialog.find('.note-video-btn');
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                $videoUrl.val(text).on('input', function () {
+                    _this.ui.toggleBtn($videoBtn, $videoUrl.val());
+                });
+                if (!env.isSupportTouch) {
+                    $videoUrl.trigger('focus');
+                }
+                $videoBtn.click(function (event) {
+                    event.preventDefault();
+                    deferred.resolve($videoUrl.val());
+                });
+                _this.bindEnterKey($videoUrl, $videoBtn);
+            });
+            _this.ui.onDialogHidden(_this.$dialog, function () {
+                $videoUrl.off('input');
+                $videoBtn.off('click');
+                if (deferred.state() === 'pending') {
+                    deferred.reject();
+                }
+            });
+            _this.ui.showDialog(_this.$dialog);
+        });
+    };
+    return VideoDialog;
+}());
+
+var HelpDialog = /** @class */ (function () {
+    function HelpDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+    }
+    HelpDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var body = [
+            '<p class="text-center">',
+            '<a href="http://summernote.org/" target="_blank">Summernote 0.8.9</a> · ',
+            '<a href="https://github.com/summernote/summernote" target="_blank">Project</a> · ',
+            '<a href="https://github.com/summernote/summernote/issues" target="_blank">Issues</a>',
+            '</p>'
+        ].join('');
+        this.$dialog = this.ui.dialog({
+            title: this.lang.options.help,
+            fade: this.options.dialogsFade,
+            body: this.createShortcutList(),
+            footer: body,
+            callback: function ($node) {
+                $node.find('.modal-body,.note-modal-body').css({
+                    'max-height': 300,
+                    'overflow': 'scroll'
+                });
+            }
+        }).render().appendTo($container);
+    };
+    HelpDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    HelpDialog.prototype.createShortcutList = function () {
+        var _this = this;
+        var keyMap = this.options.keyMap[env.isMac ? 'mac' : 'pc'];
+        return Object.keys(keyMap).map(function (key) {
+            var command = keyMap[key];
+            var $row = $$1('<div><div class="help-list-item"/></div>');
+            $row.append($$1('<label><kbd>' + key + '</kdb></label>').css({
+                'width': 180,
+                'margin-right': 10
+            })).append($$1('<span/>').html(_this.context.memo('help.' + command) || command));
+            return $row.html();
+        }).join('');
+    };
+    /**
+     * show help dialog
+     *
+     * @return {Promise}
+     */
+    HelpDialog.prototype.showHelpDialog = function () {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                deferred.resolve();
+            });
+            _this.ui.showDialog(_this.$dialog);
+        }).promise();
+    };
+    HelpDialog.prototype.show = function () {
+        var _this = this;
+        this.context.invoke('editor.saveRange');
+        this.showHelpDialog().then(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    return HelpDialog;
+}());
+
+var AIR_MODE_POPOVER_X_OFFSET = 20;
+var AirPopover = /** @class */ (function () {
+    function AirPopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.options = context.options;
+        this.events = {
+            'summernote.keyup summernote.mouseup summernote.scroll': function () {
+                _this.update();
+            },
+            'summernote.disable summernote.change summernote.dialog.shown': function () {
+                _this.hide();
+            },
+            'summernote.focusout': function (we, e) {
+                // [workaround] Firefox doesn't support relatedTarget on focusout
+                //  - Ignore hide action on focus out in FF.
+                if (env.isFF) {
+                    return;
+                }
+                if (!e.relatedTarget || !dom.ancestor(e.relatedTarget, func.eq(_this.$popover[0]))) {
+                    _this.hide();
+                }
+            }
+        };
+    }
+    AirPopover.prototype.shouldInitialize = function () {
+        return this.options.airMode && !lists.isEmpty(this.options.popover.air);
+    };
+    AirPopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-air-popover'
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.air);
+    };
+    AirPopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    AirPopover.prototype.update = function () {
+        var styleInfo = this.context.invoke('editor.currentStyle');
+        if (styleInfo.range && !styleInfo.range.isCollapsed()) {
+            var rect = lists.last(styleInfo.range.getClientRects());
+            if (rect) {
+                var bnd = func.rect2bnd(rect);
+                this.$popover.css({
+                    display: 'block',
+                    left: Math.max(bnd.left + bnd.width / 2, 0) - AIR_MODE_POPOVER_X_OFFSET,
+                    top: bnd.top + bnd.height
+                });
+                this.context.invoke('buttons.updateCurrentStyle', this.$popover);
+            }
+        }
+        else {
+            this.hide();
+        }
+    };
+    AirPopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return AirPopover;
+}());
+
+var POPOVER_DIST = 5;
+var HintPopover = /** @class */ (function () {
+    function HintPopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+        this.hint = this.options.hint || [];
+        this.direction = this.options.hintDirection || 'bottom';
+        this.hints = $$1.isArray(this.hint) ? this.hint : [this.hint];
+        this.events = {
+            'summernote.keyup': function (we, e) {
+                if (!e.isDefaultPrevented()) {
+                    _this.handleKeyup(e);
+                }
+            },
+            'summernote.keydown': function (we, e) {
+                _this.handleKeydown(e);
+            },
+            'summernote.disable summernote.dialog.shown': function () {
+                _this.hide();
+            }
+        };
+    }
+    HintPopover.prototype.shouldInitialize = function () {
+        return this.hints.length > 0;
+    };
+    HintPopover.prototype.initialize = function () {
+        var _this = this;
+        this.lastWordRange = null;
+        this.$popover = this.ui.popover({
+            className: 'note-hint-popover',
+            hideArrow: true,
+            direction: ''
+        }).render().appendTo(this.options.container);
+        this.$popover.hide();
+        this.$content = this.$popover.find('.popover-content,.note-popover-content');
+        this.$content.on('click', '.note-hint-item', function () {
+            _this.$content.find('.active').removeClass('active');
+            $$1(_this).addClass('active');
+            _this.replace();
+        });
+    };
+    HintPopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    HintPopover.prototype.selectItem = function ($item) {
+        this.$content.find('.active').removeClass('active');
+        $item.addClass('active');
+        this.$content[0].scrollTop = $item[0].offsetTop - (this.$content.innerHeight() / 2);
+    };
+    HintPopover.prototype.moveDown = function () {
+        var $current = this.$content.find('.note-hint-item.active');
+        var $next = $current.next();
+        if ($next.length) {
+            this.selectItem($next);
+        }
+        else {
+            var $nextGroup = $current.parent().next();
+            if (!$nextGroup.length) {
+                $nextGroup = this.$content.find('.note-hint-group').first();
+            }
+            this.selectItem($nextGroup.find('.note-hint-item').first());
+        }
+    };
+    HintPopover.prototype.moveUp = function () {
+        var $current = this.$content.find('.note-hint-item.active');
+        var $prev = $current.prev();
+        if ($prev.length) {
+            this.selectItem($prev);
+        }
+        else {
+            var $prevGroup = $current.parent().prev();
+            if (!$prevGroup.length) {
+                $prevGroup = this.$content.find('.note-hint-group').last();
+            }
+            this.selectItem($prevGroup.find('.note-hint-item').last());
+        }
+    };
+    HintPopover.prototype.replace = function () {
+        var $item = this.$content.find('.note-hint-item.active');
+        if ($item.length) {
+            var node = this.nodeFromItem($item);
+            // XXX: consider to move codes to editor for recording redo/undo.
+            this.lastWordRange.insertNode(node);
+            range.createFromNode(node).collapse().select();
+            this.lastWordRange = null;
+            this.hide();
+            this.context.triggerEvent('change', this.$editable.html(), this.$editable[0]);
+            this.context.invoke('editor.focus');
+        }
+    };
+    HintPopover.prototype.nodeFromItem = function ($item) {
+        var hint = this.hints[$item.data('index')];
+        var item = $item.data('item');
+        var node = hint.content ? hint.content(item) : item;
+        if (typeof node === 'string') {
+            node = dom.createText(node);
+        }
+        return node;
+    };
+    HintPopover.prototype.createItemTemplates = function (hintIdx, items) {
+        var hint = this.hints[hintIdx];
+        return items.map(function (item, idx) {
+            var $item = $$1('<div class="note-hint-item"/>');
+            $item.append(hint.template ? hint.template(item) : item + '');
+            $item.data({
+                'index': hintIdx,
+                'item': item
+            });
+            return $item;
+        });
+    };
+    HintPopover.prototype.handleKeydown = function (e) {
+        if (!this.$popover.is(':visible')) {
+            return;
+        }
+        if (e.keyCode === key.code.ENTER) {
+            e.preventDefault();
+            this.replace();
+        }
+        else if (e.keyCode === key.code.UP) {
+            e.preventDefault();
+            this.moveUp();
+        }
+        else if (e.keyCode === key.code.DOWN) {
+            e.preventDefault();
+            this.moveDown();
+        }
+    };
+    HintPopover.prototype.searchKeyword = function (index, keyword, callback) {
+        var hint = this.hints[index];
+        if (hint && hint.match.test(keyword) && hint.search) {
+            var matches = hint.match.exec(keyword);
+            hint.search(matches[1], callback);
+        }
+        else {
+            callback();
+        }
+    };
+    HintPopover.prototype.createGroup = function (idx, keyword) {
+        var _this = this;
+        var $group = $$1('<div class="note-hint-group note-hint-group-' + idx + '"/>');
+        this.searchKeyword(idx, keyword, function (items) {
+            items = items || [];
+            if (items.length) {
+                $group.html(_this.createItemTemplates(idx, items));
+                _this.show();
+            }
+        });
+        return $group;
+    };
+    HintPopover.prototype.handleKeyup = function (e) {
+        var _this = this;
+        if (!lists.contains([key.code.ENTER, key.code.UP, key.code.DOWN], e.keyCode)) {
+            var wordRange = this.context.invoke('editor.createRange').getWordRange();
+            var keyword_1 = wordRange.toString();
+            if (this.hints.length && keyword_1) {
+                this.$content.empty();
+                var bnd = func.rect2bnd(lists.last(wordRange.getClientRects()));
+                if (bnd) {
+                    this.$popover.hide();
+                    this.lastWordRange = wordRange;
+                    this.hints.forEach(function (hint, idx) {
+                        if (hint.match.test(keyword_1)) {
+                            _this.createGroup(idx, keyword_1).appendTo(_this.$content);
+                        }
+                    });
+                    // select first .note-hint-item
+                    this.$content.find('.note-hint-item:first').addClass('active');
+                    // set position for popover after group is created
+                    if (this.direction === 'top') {
+                        this.$popover.css({
+                            left: bnd.left,
+                            top: bnd.top - this.$popover.outerHeight() - POPOVER_DIST
+                        });
+                    }
+                    else {
+                        this.$popover.css({
+                            left: bnd.left,
+                            top: bnd.top + bnd.height + POPOVER_DIST
+                        });
+                    }
+                }
+            }
+            else {
+                this.hide();
+            }
+        }
+    };
+    HintPopover.prototype.show = function () {
+        this.$popover.show();
+    };
+    HintPopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return HintPopover;
+}());
+
+var Context = /** @class */ (function () {
+    /**
+     * @param {jQuery} $note
+     * @param {Object} options
+     */
+    function Context($note, options) {
+        this.ui = $$1.summernote.ui;
+        this.$note = $note;
+        this.memos = {};
+        this.modules = {};
+        this.layoutInfo = {};
+        this.options = options;
+        this.initialize();
+    }
+    /**
+     * create layout and initialize modules and other resources
+     */
+    Context.prototype.initialize = function () {
+        this.layoutInfo = this.ui.createLayout(this.$note, this.options);
+        this._initialize();
+        this.$note.hide();
+        return this;
+    };
+    /**
+     * destroy modules and other resources and remove layout
+     */
+    Context.prototype.destroy = function () {
+        this._destroy();
+        this.$note.removeData('summernote');
+        this.ui.removeLayout(this.$note, this.layoutInfo);
+    };
+    /**
+     * destory modules and other resources and initialize it again
+     */
+    Context.prototype.reset = function () {
+        var disabled = this.isDisabled();
+        this.code(dom.emptyPara);
+        this._destroy();
+        this._initialize();
+        if (disabled) {
+            this.disable();
+        }
+    };
+    Context.prototype._initialize = function () {
+        var _this = this;
+        // add optional buttons
+        var buttons = $$1.extend({}, this.options.buttons);
+        Object.keys(buttons).forEach(function (key) {
+            _this.memo('button.' + key, buttons[key]);
+        });
+        var modules = $$1.extend({}, this.options.modules, $$1.summernote.plugins || {});
+        // add and initialize modules
+        Object.keys(modules).forEach(function (key) {
+            _this.module(key, modules[key], true);
+        });
+        Object.keys(this.modules).forEach(function (key) {
+            _this.initializeModule(key);
+        });
+    };
+    Context.prototype._destroy = function () {
+        var _this = this;
+        // destroy modules with reversed order
+        Object.keys(this.modules).reverse().forEach(function (key) {
+            _this.removeModule(key);
+        });
+        Object.keys(this.memos).forEach(function (key) {
+            _this.removeMemo(key);
+        });
+        // trigger custom onDestroy callback
+        this.triggerEvent('destroy', this);
+    };
+    Context.prototype.code = function (html) {
+        var isActivated = this.invoke('codeview.isActivated');
+        if (html === undefined) {
+            this.invoke('codeview.sync');
+            return isActivated ? this.layoutInfo.codable.val() : this.layoutInfo.editable.html();
+        }
+        else {
+            if (isActivated) {
+                this.layoutInfo.codable.val(html);
+            }
+            else {
+                this.layoutInfo.editable.html(html);
+            }
+            this.$note.val(html);
+            this.triggerEvent('change', html);
+        }
+    };
+    Context.prototype.isDisabled = function () {
+        return this.layoutInfo.editable.attr('contenteditable') === 'false';
+    };
+    Context.prototype.enable = function () {
+        this.layoutInfo.editable.attr('contenteditable', true);
+        this.invoke('toolbar.activate', true);
+        this.triggerEvent('disable', false);
+    };
+    Context.prototype.disable = function () {
+        // close codeview if codeview is opend
+        if (this.invoke('codeview.isActivated')) {
+            this.invoke('codeview.deactivate');
+        }
+        this.layoutInfo.editable.attr('contenteditable', false);
+        this.invoke('toolbar.deactivate', true);
+        this.triggerEvent('disable', true);
+    };
+    Context.prototype.triggerEvent = function () {
+        var namespace = lists.head(arguments);
+        var args = lists.tail(lists.from(arguments));
+        var callback = this.options.callbacks[func.namespaceToCamel(namespace, 'on')];
+        if (callback) {
+            callback.apply(this.$note[0], args);
+        }
+        this.$note.trigger('summernote.' + namespace, args);
+    };
+    Context.prototype.initializeModule = function (key) {
+        var module = this.modules[key];
+        module.shouldInitialize = module.shouldInitialize || func.ok;
+        if (!module.shouldInitialize()) {
+            return;
+        }
+        // initialize module
+        if (module.initialize) {
+            module.initialize();
+        }
+        // attach events
+        if (module.events) {
+            dom.attachEvents(this.$note, module.events);
+        }
+    };
+    Context.prototype.module = function (key, ModuleClass, withoutIntialize) {
+        if (arguments.length === 1) {
+            return this.modules[key];
+        }
+        this.modules[key] = new ModuleClass(this);
+        if (!withoutIntialize) {
+            this.initializeModule(key);
+        }
+    };
+    Context.prototype.removeModule = function (key) {
+        var module = this.modules[key];
+        if (module.shouldInitialize()) {
+            if (module.events) {
+                dom.detachEvents(this.$note, module.events);
+            }
+            if (module.destroy) {
+                module.destroy();
+            }
+        }
+        delete this.modules[key];
+    };
+    Context.prototype.memo = function (key, obj) {
+        if (arguments.length === 1) {
+            return this.memos[key];
+        }
+        this.memos[key] = obj;
+    };
+    Context.prototype.removeMemo = function (key) {
+        if (this.memos[key] && this.memos[key].destroy) {
+            this.memos[key].destroy();
+        }
+        delete this.memos[key];
+    };
+    /**
+     * Some buttons need to change their visual style immediately once they get pressed
+     */
+    Context.prototype.createInvokeHandlerAndUpdateState = function (namespace, value) {
+        var _this = this;
+        return function (event) {
+            _this.createInvokeHandler(namespace, value)(event);
+            _this.invoke('buttons.updateCurrentStyle');
+        };
+    };
+    Context.prototype.createInvokeHandler = function (namespace, value) {
+        var _this = this;
+        return function (event) {
+            event.preventDefault();
+            var $target = $$1(event.target);
+            _this.invoke(namespace, value || $target.closest('[data-value]').data('value'), $target);
+        };
+    };
+    Context.prototype.invoke = function () {
+        var namespace = lists.head(arguments);
+        var args = lists.tail(lists.from(arguments));
+        var splits = namespace.split('.');
+        var hasSeparator = splits.length > 1;
+        var moduleName = hasSeparator && lists.head(splits);
+        var methodName = hasSeparator ? lists.last(splits) : lists.head(splits);
+        var module = this.modules[moduleName || 'editor'];
+        if (!moduleName && this[methodName]) {
+            return this[methodName].apply(this, args);
+        }
+        else if (module && module[methodName] && module.shouldInitialize()) {
+            return module[methodName].apply(module, args);
+        }
+    };
+    return Context;
+}());
+
+$$1.fn.extend({
+    /**
+     * Summernote API
+     *
+     * @param {Object|String}
+     * @return {this}
+     */
+    summernote: function () {
+        var type = $$1.type(lists.head(arguments));
+        var isExternalAPICalled = type === 'string';
+        var hasInitOptions = type === 'object';
+        var options = $$1.extend({}, $$1.summernote.options, hasInitOptions ? lists.head(arguments) : {});
+        // Update options
+        options.langInfo = $$1.extend(true, {}, $$1.summernote.lang['en-US'], $$1.summernote.lang[options.lang]);
+        options.icons = $$1.extend(true, {}, $$1.summernote.options.icons, options.icons);
+        options.tooltip = options.tooltip === 'auto' ? !env.isSupportTouch : options.tooltip;
+        this.each(function (idx, note) {
+            var $note = $$1(note);
+            if (!$note.data('summernote')) {
+                var context = new Context($note, options);
+                $note.data('summernote', context);
+                $note.data('summernote').triggerEvent('init', context.layoutInfo);
+            }
+        });
+        var $note = this.first();
+        if ($note.length) {
+            var context = $note.data('summernote');
+            if (isExternalAPICalled) {
+                return context.invoke.apply(context, lists.from(arguments));
+            }
+            else if (options.focus) {
+                context.invoke('editor.focus');
+            }
+        }
+        return this;
+    }
+});
+
+$$1.summernote = $$1.extend($$1.summernote, {
+    version: '0.8.9',
+    ui: ui,
+    plugins: {},
+    options: {
+        modules: {
+            'editor': Editor,
+            'clipboard': Clipboard,
+            'dropzone': Dropzone,
+            'codeview': CodeView,
+            'statusbar': Statusbar,
+            'fullscreen': Fullscreen,
+            'handle': Handle,
+            // FIXME: HintPopover must be front of autolink
+            //  - Script error about range when Enter key is pressed on hint popover
+            'hintPopover': HintPopover,
+            'autoLink': AutoLink,
+            'autoSync': AutoSync,
+            'placeholder': Placeholder,
+            'buttons': Buttons,
+            'toolbar': Toolbar,
+            'linkDialog': LinkDialog,
+            'linkPopover': LinkPopover,
+            'imageDialog': ImageDialog,
+            'imagePopover': ImagePopover,
+            'tablePopover': TablePopover,
+            'videoDialog': VideoDialog,
+            'helpDialog': HelpDialog,
+            'airPopover': AirPopover
+        },
+        buttons: {},
+        lang: 'en-US',
+        followingToolbar: true,
+        otherStaticBar: '',
+        // toolbar
+        toolbar: [
+            ['style', ['style']],
+            ['font', ['bold', 'underline', 'clear']],
+            ['fontname', ['fontname']],
+            ['fontsize', ['fontsize']],
+            ['color', ['color']],
+            ['para', ['ul', 'ol', 'paragraph']],
+            ['table', ['table']],
+            ['insert', ['link', 'picture', 'video']],
+            ['view', ['fullscreen', 'codeview', 'help']]
+        ],
+        // popover
+        popatmouse: true,
+        popover: {
+            image: [
+                ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
+                ['float', ['floatLeft', 'floatRight', 'floatNone']],
+                ['remove', ['removeMedia']]
+            ],
+            link: [
+                ['link', ['linkDialogShow', 'unlink']]
+            ],
+            table: [
+                ['add', ['addRowDown', 'addRowUp', 'addColLeft', 'addColRight']],
+                ['delete', ['deleteRow', 'deleteCol', 'deleteTable']]
+            ],
+            air: [
+                ['color', ['color']],
+                ['font', ['bold', 'underline', 'clear']],
+                ['para', ['ul', 'paragraph']],
+                ['table', ['table']],
+                ['insert', ['link', 'picture']]
+            ]
+        },
+        // air mode: inline editor
+        airMode: false,
+        width: null,
+        height: null,
+        focus: false,
+        tabSize: 4,
+        styleWithSpan: true,
+        shortcuts: true,
+        textareaAutoSync: true,
+        hintDirection: 'bottom',
+        tooltip: 'auto',
+        container: 'body',
+        maxTextLength: 0,
+        styleTags: ['p', 'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
+        fontNames: [
+            'Arial', 'Arial Black', 'Comic Sans MS', 'Courier New',
+            'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande',
+            'Tahoma', 'Times New Roman', 'Verdana'
+        ],
+        fontSizes: ['8', '9', '10', '11', '12', '14', '18', '24', '36'],
+        // pallete colors(n x n)
+        colors: [
+            ['#000000', '#424242', '#636363', '#9C9C94', '#CEC6CE', '#EFEFEF', '#F7F7F7', '#FFFFFF'],
+            ['#FF0000', '#FF9C00', '#FFFF00', '#00FF00', '#00FFFF', '#0000FF', '#9C00FF', '#FF00FF'],
+            ['#F7C6CE', '#FFE7CE', '#FFEFC6', '#D6EFD6', '#CEDEE7', '#CEE7F7', '#D6D6E7', '#E7D6DE'],
+            ['#E79C9C', '#FFC69C', '#FFE79C', '#B5D6A5', '#A5C6CE', '#9CC6EF', '#B5A5D6', '#D6A5BD'],
+            ['#E76363', '#F7AD6B', '#FFD663', '#94BD7B', '#73A5AD', '#6BADDE', '#8C7BC6', '#C67BA5'],
+            ['#CE0000', '#E79439', '#EFC631', '#6BA54A', '#4A7B8C', '#3984C6', '#634AA5', '#A54A7B'],
+            ['#9C0000', '#B56308', '#BD9400', '#397B21', '#104A5A', '#085294', '#311873', '#731842'],
+            ['#630000', '#7B3900', '#846300', '#295218', '#083139', '#003163', '#21104A', '#4A1031']
+        ],
+        lineHeights: ['1.0', '1.2', '1.4', '1.5', '1.6', '1.8', '2.0', '3.0'],
+        tableClassName: 'table table-bordered',
+        insertTableMaxSize: {
+            col: 10,
+            row: 10
+        },
+        dialogsInBody: false,
+        dialogsFade: false,
+        maximumImageFileSize: null,
+        callbacks: {
+            onInit: null,
+            onFocus: null,
+            onBlur: null,
+            onBlurCodeview: null,
+            onEnter: null,
+            onKeyup: null,
+            onKeydown: null,
+            onSubmit: null,
+            onImageUpload: null,
+            onImageUploadError: null
+        },
+        codemirror: {
+            mode: 'text/html',
+            htmlMode: true,
+            lineNumbers: true
+        },
+        keyMap: {
+            pc: {
+                'ENTER': 'insertParagraph',
+                'CTRL+Z': 'undo',
+                'CTRL+Y': 'redo',
+                'TAB': 'tab',
+                'SHIFT+TAB': 'untab',
+                'CTRL+B': 'bold',
+                'CTRL+I': 'italic',
+                'CTRL+U': 'underline',
+                'CTRL+SHIFT+S': 'strikethrough',
+                'CTRL+BACKSLASH': 'removeFormat',
+                'CTRL+SHIFT+L': 'justifyLeft',
+                'CTRL+SHIFT+E': 'justifyCenter',
+                'CTRL+SHIFT+R': 'justifyRight',
+                'CTRL+SHIFT+J': 'justifyFull',
+                'CTRL+SHIFT+NUM7': 'insertUnorderedList',
+                'CTRL+SHIFT+NUM8': 'insertOrderedList',
+                'CTRL+LEFTBRACKET': 'outdent',
+                'CTRL+RIGHTBRACKET': 'indent',
+                'CTRL+NUM0': 'formatPara',
+                'CTRL+NUM1': 'formatH1',
+                'CTRL+NUM2': 'formatH2',
+                'CTRL+NUM3': 'formatH3',
+                'CTRL+NUM4': 'formatH4',
+                'CTRL+NUM5': 'formatH5',
+                'CTRL+NUM6': 'formatH6',
+                'CTRL+ENTER': 'insertHorizontalRule',
+                'CTRL+K': 'linkDialog.show'
+            },
+            mac: {
+                'ENTER': 'insertParagraph',
+                'CMD+Z': 'undo',
+                'CMD+SHIFT+Z': 'redo',
+                'TAB': 'tab',
+                'SHIFT+TAB': 'untab',
+                'CMD+B': 'bold',
+                'CMD+I': 'italic',
+                'CMD+U': 'underline',
+                'CMD+SHIFT+S': 'strikethrough',
+                'CMD+BACKSLASH': 'removeFormat',
+                'CMD+SHIFT+L': 'justifyLeft',
+                'CMD+SHIFT+E': 'justifyCenter',
+                'CMD+SHIFT+R': 'justifyRight',
+                'CMD+SHIFT+J': 'justifyFull',
+                'CMD+SHIFT+NUM7': 'insertUnorderedList',
+                'CMD+SHIFT+NUM8': 'insertOrderedList',
+                'CMD+LEFTBRACKET': 'outdent',
+                'CMD+RIGHTBRACKET': 'indent',
+                'CMD+NUM0': 'formatPara',
+                'CMD+NUM1': 'formatH1',
+                'CMD+NUM2': 'formatH2',
+                'CMD+NUM3': 'formatH3',
+                'CMD+NUM4': 'formatH4',
+                'CMD+NUM5': 'formatH5',
+                'CMD+NUM6': 'formatH6',
+                'CMD+ENTER': 'insertHorizontalRule',
+                'CMD+K': 'linkDialog.show'
+            }
+        },
+        icons: {
+            'align': 'note-icon-align',
+            'alignCenter': 'note-icon-align-center',
+            'alignJustify': 'note-icon-align-justify',
+            'alignLeft': 'note-icon-align-left',
+            'alignRight': 'note-icon-align-right',
+            'rowBelow': 'note-icon-row-below',
+            'colBefore': 'note-icon-col-before',
+            'colAfter': 'note-icon-col-after',
+            'rowAbove': 'note-icon-row-above',
+            'rowRemove': 'note-icon-row-remove',
+            'colRemove': 'note-icon-col-remove',
+            'indent': 'note-icon-align-indent',
+            'outdent': 'note-icon-align-outdent',
+            'arrowsAlt': 'note-icon-arrows-alt',
+            'bold': 'note-icon-bold',
+            'caret': 'note-icon-caret',
+            'circle': 'note-icon-circle',
+            'close': 'note-icon-close',
+            'code': 'note-icon-code',
+            'eraser': 'note-icon-eraser',
+            'font': 'note-icon-font',
+            'frame': 'note-icon-frame',
+            'italic': 'note-icon-italic',
+            'link': 'note-icon-link',
+            'unlink': 'note-icon-chain-broken',
+            'magic': 'note-icon-magic',
+            'menuCheck': 'note-icon-menu-check',
+            'minus': 'note-icon-minus',
+            'orderedlist': 'note-icon-orderedlist',
+            'pencil': 'note-icon-pencil',
+            'picture': 'note-icon-picture',
+            'question': 'note-icon-question',
+            'redo': 'note-icon-redo',
+            'square': 'note-icon-square',
+            'strikethrough': 'note-icon-strikethrough',
+            'subscript': 'note-icon-subscript',
+            'superscript': 'note-icon-superscript',
+            'table': 'note-icon-table',
+            'textHeight': 'note-icon-text-height',
+            'trash': 'note-icon-trash',
+            'underline': 'note-icon-underline',
+            'undo': 'note-icon-undo',
+            'unorderedlist': 'note-icon-unorderedlist',
+            'video': 'note-icon-video'
+        }
+    }
+});
+
+})));
+//# sourceMappingURL=summernote-lite.js.map
diff --git a/static/old/summernote.css b/static/old/summernote.css
new file mode 100755
index 0000000..c7139f9
--- /dev/null
+++ b/static/old/summernote.css
@@ -0,0 +1 @@
+@font-face{font-family:"summernote";font-style:normal;font-weight:normal;src:url("./font/summernote.eot?e557617934c52ea068954af79ed7c221");src:url("./font/summernote.eot?#iefix") format("embedded-opentype"),url("./font/summernote.woff?e557617934c52ea068954af79ed7c221") format("woff"),url("./font/summernote.ttf?e557617934c52ea068954af79ed7c221") format("truetype")}[class^="note-icon-"]:before,[class*=" note-icon-"]:before{display:inline-block;font:normal normal normal 14px summernote;font-size:inherit;-webkit-font-smoothing:antialiased;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;speak:none;-moz-osx-font-smoothing:grayscale}.note-icon-align-center:before,.note-icon-align-indent:before,.note-icon-align-justify:before,.note-icon-align-left:before,.note-icon-align-outdent:before,.note-icon-align-right:before,.note-icon-align:before,.note-icon-arrow-circle-down:before,.note-icon-arrow-circle-left:before,.note-icon-arrow-circle-right:before,.note-icon-arrow-circle-up:before,.note-icon-arrows-alt:before,.note-icon-arrows-h:before,.note-icon-arrows-v:before,.note-icon-bold:before,.note-icon-caret:before,.note-icon-chain-broken:before,.note-icon-circle:before,.note-icon-close:before,.note-icon-code:before,.note-icon-col-after:before,.note-icon-col-before:before,.note-icon-col-remove:before,.note-icon-eraser:before,.note-icon-font:before,.note-icon-frame:before,.note-icon-italic:before,.note-icon-link:before,.note-icon-magic:before,.note-icon-menu-check:before,.note-icon-minus:before,.note-icon-orderedlist:before,.note-icon-pencil:before,.note-icon-picture:before,.note-icon-question:before,.note-icon-redo:before,.note-icon-row-above:before,.note-icon-row-below:before,.note-icon-row-remove:before,.note-icon-special-character:before,.note-icon-square:before,.note-icon-strikethrough:before,.note-icon-subscript:before,.note-icon-summernote:before,.note-icon-superscript:before,.note-icon-table:before,.note-icon-text-height:before,.note-icon-trash:before,.note-icon-underline:before,.note-icon-undo:before,.note-icon-unorderedlist:before,.note-icon-video:before{display:inline-block;font-family:"summernote";font-style:normal;font-weight:normal;text-decoration:inherit}.note-icon-align-center:before{content:"\f101"}.note-icon-align-indent:before{content:"\f102"}.note-icon-align-justify:before{content:"\f103"}.note-icon-align-left:before{content:"\f104"}.note-icon-align-outdent:before{content:"\f105"}.note-icon-align-right:before{content:"\f106"}.note-icon-align:before{content:"\f107"}.note-icon-arrow-circle-down:before{content:"\f108"}.note-icon-arrow-circle-left:before{content:"\f109"}.note-icon-arrow-circle-right:before{content:"\f10a"}.note-icon-arrow-circle-up:before{content:"\f10b"}.note-icon-arrows-alt:before{content:"\f10c"}.note-icon-arrows-h:before{content:"\f10d"}.note-icon-arrows-v:before{content:"\f10e"}.note-icon-bold:before{content:"\f10f"}.note-icon-caret:before{content:"\f110"}.note-icon-chain-broken:before{content:"\f111"}.note-icon-circle:before{content:"\f112"}.note-icon-close:before{content:"\f113"}.note-icon-code:before{content:"\f114"}.note-icon-col-after:before{content:"\f115"}.note-icon-col-before:before{content:"\f116"}.note-icon-col-remove:before{content:"\f117"}.note-icon-eraser:before{content:"\f118"}.note-icon-font:before{content:"\f119"}.note-icon-frame:before{content:"\f11a"}.note-icon-italic:before{content:"\f11b"}.note-icon-link:before{content:"\f11c"}.note-icon-magic:before{content:"\f11d"}.note-icon-menu-check:before{content:"\f11e"}.note-icon-minus:before{content:"\f11f"}.note-icon-orderedlist:before{content:"\f120"}.note-icon-pencil:before{content:"\f121"}.note-icon-picture:before{content:"\f122"}.note-icon-question:before{content:"\f123"}.note-icon-redo:before{content:"\f124"}.note-icon-row-above:before{content:"\f125"}.note-icon-row-below:before{content:"\f126"}.note-icon-row-remove:before{content:"\f127"}.note-icon-special-character:before{content:"\f128"}.note-icon-square:before{content:"\f129"}.note-icon-strikethrough:before{content:"\f12a"}.note-icon-subscript:before{content:"\f12b"}.note-icon-summernote:before{content:"\f12c"}.note-icon-superscript:before{content:"\f12d"}.note-icon-table:before{content:"\f12e"}.note-icon-text-height:before{content:"\f12f"}.note-icon-trash:before{content:"\f130"}.note-icon-underline:before{content:"\f131"}.note-icon-undo:before{content:"\f132"}.note-icon-unorderedlist:before{content:"\f133"}.note-icon-video:before{content:"\f134"}.note-editor{position:relative}.note-editor .note-dropzone{position:absolute;z-index:100;display:none;color:#87cefa;background-color:white;opacity:.95}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:bold;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:0}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor .note-editing-area img.note-float-left{margin-right:10px}.note-editor .note-editing-area img.note-float-right{margin-left:10px}.note-editor.note-frame{border:1px solid #a9a9a9}.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;color:#000;word-wrap:break-word;background-color:#fff}.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"]{background-color:#e5e5e5}.note-editor.note-frame .note-editing-area .note-codable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-editor.note-frame.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%!important}.note-editor.note-frame.fullscreen .note-editable{background-color:white}.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-frame .note-statusbar{background-color:#f5f5f5;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.note-editor.note-frame .note-statusbar .note-resizebar{width:100%;height:8px;padding-top:1px;cursor:ns-resize}.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor.note-frame .note-placeholder{padding:10px}.note-popover.popover{max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover.popover .arrow{left:20px!important}.note-toolbar{position:relative;z-index:500}.note-popover .popover-content,.panel-heading.note-toolbar{padding:0 0 5px 5px;margin:0}.note-popover .popover-content>.btn-group,.panel-heading.note-toolbar>.btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-popover .popover-content .btn-group .note-table,.panel-heading.note-toolbar .btn-group .note-table{min-width:0;padding:5px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker{font-size:18px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .note-style .dropdown-style blockquote,.panel-heading.note-toolbar .note-style .dropdown-style blockquote,.note-popover .popover-content .note-style .dropdown-style pre,.panel-heading.note-toolbar .note-style .dropdown-style pre{padding:5px 10px;margin:0}.note-popover .popover-content .note-style .dropdown-style h1,.panel-heading.note-toolbar .note-style .dropdown-style h1,.note-popover .popover-content .note-style .dropdown-style h2,.panel-heading.note-toolbar .note-style .dropdown-style h2,.note-popover .popover-content .note-style .dropdown-style h3,.panel-heading.note-toolbar .note-style .dropdown-style h3,.note-popover .popover-content .note-style .dropdown-style h4,.panel-heading.note-toolbar .note-style .dropdown-style h4,.note-popover .popover-content .note-style .dropdown-style h5,.panel-heading.note-toolbar .note-style .dropdown-style h5,.note-popover .popover-content .note-style .dropdown-style h6,.panel-heading.note-toolbar .note-style .dropdown-style h6,.note-popover .popover-content .note-style .dropdown-style p,.panel-heading.note-toolbar .note-style .dropdown-style p{padding:0;margin:0}.note-popover .popover-content .note-color .dropdown-toggle,.panel-heading.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover-content .note-color .dropdown-menu,.panel-heading.note-toolbar .note-color .dropdown-menu{min-width:337px}.note-popover .popover-content .note-color .dropdown-menu .note-palette,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette{display:inline-block;width:160px;margin:0}.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette:first-child{margin:0 5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset{width:100%;padding:0 3px;margin:3px;font-size:11px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row{height:20px}.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover,.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover{background:#eee}.note-popover .popover-content .note-para .dropdown-menu,.panel-heading.note-toolbar .note-para .dropdown-menu{min-width:216px;padding:5px}.note-popover .popover-content .note-para .dropdown-menu>div:first-child,.panel-heading.note-toolbar .note-para .dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover-content .dropdown-menu,.panel-heading.note-toolbar .dropdown-menu{min-width:90px}.note-popover .popover-content .dropdown-menu.right,.panel-heading.note-toolbar .dropdown-menu.right{right:0;left:auto}.note-popover .popover-content .dropdown-menu.right::before,.panel-heading.note-toolbar .dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .popover-content .dropdown-menu.right::after,.panel-heading.note-toolbar .dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .popover-content .dropdown-menu.note-check li a i,.panel-heading.note-toolbar .dropdown-menu.note-check li a i{color:deepskyblue;visibility:hidden}.note-popover .popover-content .dropdown-menu.note-check li a.checked i,.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i{visibility:visible}.note-popover .popover-content .note-fontsize-10,.panel-heading.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover-content .note-color-palette,.panel-heading.note-toolbar .note-color-palette{line-height:1}.note-popover .popover-content .note-color-palette div .note-color-btn,.panel-heading.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover-content .note-color-palette div .note-color-btn:hover,.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-dialog>div{display:none}.note-dialog .form-group{margin-right:0;margin-left:0}.note-dialog .note-modal-form{margin:0}.note-dialog .note-image-dialog .note-dropzone{min-height:100px;margin-bottom:10px;font-size:30px;line-height:4;color:lightgray;text-align:center;border:4px dashed lightgray}@-moz-document url-prefix(){.note-image-input{height:auto}}.note-placeholder{position:absolute;display:none;color:gray}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid black}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:black;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:white;border:1px solid black}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:0;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:white;background-color:black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;padding:3px;overflow:auto}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:white;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#428bca;outline:0}
\ No newline at end of file
diff --git a/static/old/summernote.js b/static/old/summernote.js
new file mode 100755
index 0000000..007c983
--- /dev/null
+++ b/static/old/summernote.js
@@ -0,0 +1,7278 @@
+/**
+ * Super simple wysiwyg editor v0.8.9
+ * https://summernote.org
+ *
+ * Copyright 2013- Alan Hong. and other contributors
+ * summernote may be freely distributed under the MIT license.
+ *
+ * Date: 2017-12-25T06:39Z
+ */
+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('jquery')) :
+	typeof define === 'function' && define.amd ? define(['jquery'], factory) :
+	(factory(global.jQuery));
+}(this, (function ($$1) { 'use strict';
+
+$$1 = $$1 && $$1.hasOwnProperty('default') ? $$1['default'] : $$1;
+
+var Renderer = /** @class */ (function () {
+    function Renderer(markup, children, options, callback) {
+        this.markup = markup;
+        this.children = children;
+        this.options = options;
+        this.callback = callback;
+    }
+    Renderer.prototype.render = function ($parent) {
+        var $node = $$1(this.markup);
+        if (this.options && this.options.contents) {
+            $node.html(this.options.contents);
+        }
+        if (this.options && this.options.className) {
+            $node.addClass(this.options.className);
+        }
+        if (this.options && this.options.data) {
+            $$1.each(this.options.data, function (k, v) {
+                $node.attr('data-' + k, v);
+            });
+        }
+        if (this.options && this.options.click) {
+            $node.on('click', this.options.click);
+        }
+        if (this.children) {
+            var $container_1 = $node.find('.note-children-container');
+            this.children.forEach(function (child) {
+                child.render($container_1.length ? $container_1 : $node);
+            });
+        }
+        if (this.callback) {
+            this.callback($node, this.options);
+        }
+        if (this.options && this.options.callback) {
+            this.options.callback($node);
+        }
+        if ($parent) {
+            $parent.append($node);
+        }
+        return $node;
+    };
+    return Renderer;
+}());
+var renderer = {
+    create: function (markup, callback) {
+        return function () {
+            var options = typeof arguments[1] === 'object' ? arguments[1] : arguments[0];
+            var children = $$1.isArray(arguments[0]) ? arguments[0] : [];
+            if (options && options.children) {
+                children = options.children;
+            }
+            return new Renderer(markup, children, options, callback);
+        };
+    }
+};
+
+var editor = renderer.create('<div class="note-editor note-frame panel"/>');
+var toolbar = renderer.create('<div class="note-toolbar-wrapper panel-default"><div class="note-toolbar panel-heading"></div></div>');
+var editingArea = renderer.create('<div class="note-editing-area"/>');
+var codable = renderer.create('<textarea class="note-codable"/>');
+var editable = renderer.create('<div class="note-editable" contentEditable="true"/>');
+var statusbar = renderer.create([
+    '<div class="note-statusbar">',
+    '  <div class="note-resizebar">',
+    '    <div class="note-icon-bar"/>',
+    '    <div class="note-icon-bar"/>',
+    '    <div class="note-icon-bar"/>',
+    '  </div>',
+    '</div>'
+].join(''));
+var airEditor = renderer.create('<div class="note-editor"/>');
+var airEditable = renderer.create('<div class="note-editable" contentEditable="true"/>');
+var buttonGroup = renderer.create('<div class="note-btn-group btn-group">');
+var dropdown = renderer.create('<div class="dropdown-menu">', function ($node, options) {
+    var markup = $$1.isArray(options.items) ? options.items.map(function (item) {
+        var value = (typeof item === 'string') ? item : (item.value || '');
+        var content = options.template ? options.template(item) : item;
+        var option = (typeof item === 'object') ? item.option : undefined;
+        var dataValue = 'data-value="' + value + '"';
+        var dataOption = (option !== undefined) ? ' data-option="' + option + '"' : '';
+        return '<li><a href="#" ' + (dataValue + dataOption) + '>' + content + '</a></li>';
+    }).join('') : options.items;
+    $node.html(markup);
+});
+var dropdownButtonContents = function (contents, options) {
+    return contents + ' ' + icon(options.icons.caret, 'span');
+};
+var dropdownCheck = renderer.create('<div class="dropdown-menu note-check">', function ($node, options) {
+    var markup = $$1.isArray(options.items) ? options.items.map(function (item) {
+        var value = (typeof item === 'string') ? item : (item.value || '');
+        var content = options.template ? options.template(item) : item;
+        return '<li><a href="#" data-value="' + value + '">' + icon(options.checkClassName) + ' ' + content + '</a></li>';
+    }).join('') : options.items;
+    $node.html(markup);
+});
+var palette = renderer.create('<div class="note-color-palette"/>', function ($node, options) {
+    var contents = [];
+    for (var row = 0, rowSize = options.colors.length; row < rowSize; row++) {
+        var eventName = options.eventName;
+        var colors = options.colors[row];
+        var buttons = [];
+        for (var col = 0, colSize = colors.length; col < colSize; col++) {
+            var color = colors[col];
+            buttons.push([
+                '<button type="button" class="note-color-btn"',
+                'style="background-color:', color, '" ',
+                'data-event="', eventName, '" ',
+                'data-value="', color, '" ',
+                'title="', color, '" ',
+                'data-toggle="button" tabindex="-1"></button>'
+            ].join(''));
+        }
+        contents.push('<div class="note-color-row">' + buttons.join('') + '</div>');
+    }
+    $node.html(contents.join(''));
+    if (options.tooltip) {
+        $node.find('.note-color-btn').tooltip({
+            container: options.container,
+            trigger: 'hover',
+            placement: 'bottom'
+        });
+    }
+});
+var dialog = renderer.create('<div class="modal" aria-hidden="false" tabindex="-1"/>', function ($node, options) {
+    if (options.fade) {
+        $node.addClass('fade');
+    }
+    $node.html([
+        '<div class="modal-dialog">',
+        '  <div class="modal-content">',
+        (options.title
+            ? '    <div class="modal-header">' +
+                '      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>' +
+                '      <h4 class="modal-title">' + options.title + '</h4>' +
+                '    </div>' : ''),
+        '    <div class="modal-body">' + options.body + '</div>',
+        (options.footer
+            ? '    <div class="modal-footer">' + options.footer + '</div>' : ''),
+        '  </div>',
+        '</div>'
+    ].join(''));
+});
+var popover = renderer.create([
+    '<div class="note-popover popover in">',
+    '  <div class="arrow"/>',
+    '  <div class="popover-content note-children-container"/>',
+    '</div>'
+].join(''), function ($node, options) {
+    var direction = typeof options.direction !== 'undefined' ? options.direction : 'bottom';
+    $node.addClass(direction);
+    if (options.hideArrow) {
+        $node.find('.arrow').hide();
+    }
+});
+var checkbox = renderer.create('<div class="checkbox"></div>', function ($node, options) {
+    $node.html([
+        ' <label' + (options.id ? ' for="' + options.id + '"' : '') + '>',
+        ' <input type="checkbox"' + (options.id ? ' id="' + options.id + '"' : ''),
+        (options.checked ? ' checked' : '') + '/>',
+        (options.text ? options.text : ''),
+        '</label>'
+    ].join(''));
+});
+var icon = function (iconClassName, tagName) {
+    tagName = tagName || 'i';
+    return '<' + tagName + ' class="' + iconClassName + '"/>';
+};
+var ui = {
+    editor: editor,
+    toolbar: toolbar,
+    editingArea: editingArea,
+    codable: codable,
+    editable: editable,
+    statusbar: statusbar,
+    airEditor: airEditor,
+    airEditable: airEditable,
+    buttonGroup: buttonGroup,
+    dropdown: dropdown,
+    dropdownButtonContents: dropdownButtonContents,
+    dropdownCheck: dropdownCheck,
+    palette: palette,
+    dialog: dialog,
+    popover: popover,
+    checkbox: checkbox,
+    icon: icon,
+    options: {},
+    button: function ($node, options) {
+        return renderer.create('<button type="button" class="note-btn btn btn-default btn-sm" tabindex="-1">', function ($node, options) {
+            if (options && options.tooltip) {
+                $node.attr({
+                    title: options.tooltip
+                }).tooltip({
+                    container: options.container,
+                    trigger: 'hover',
+                    placement: 'bottom'
+                });
+            }
+        })($node, options);
+    },
+    toggleBtn: function ($btn, isEnable) {
+        $btn.toggleClass('disabled', !isEnable);
+        $btn.attr('disabled', !isEnable);
+    },
+    toggleBtnActive: function ($btn, isActive) {
+        $btn.toggleClass('active', isActive);
+    },
+    onDialogShown: function ($dialog, handler) {
+        $dialog.one('shown.bs.modal', handler);
+    },
+    onDialogHidden: function ($dialog, handler) {
+        $dialog.one('hidden.bs.modal', handler);
+    },
+    showDialog: function ($dialog) {
+        $dialog.modal('show');
+    },
+    hideDialog: function ($dialog) {
+        $dialog.modal('hide');
+    },
+    createLayout: function ($note, options) {
+        var $editor = (options.airMode ? ui.airEditor([
+            ui.editingArea([
+                ui.airEditable()
+            ])
+        ]) : ui.editor([
+            ui.toolbar(),
+            ui.editingArea([
+                ui.codable(),
+                ui.editable()
+            ]),
+            ui.statusbar()
+        ])).render();
+        $editor.insertAfter($note);
+        return {
+            note: $note,
+            editor: $editor,
+            toolbar: $editor.find('.note-toolbar'),
+            editingArea: $editor.find('.note-editing-area'),
+            editable: $editor.find('.note-editable'),
+            codable: $editor.find('.note-codable'),
+            statusbar: $editor.find('.note-statusbar')
+        };
+    },
+    removeLayout: function ($note, layoutInfo) {
+        $note.html(layoutInfo.editable.html());
+        layoutInfo.editor.remove();
+        $note.show();
+    }
+};
+
+/**
+ * @class core.func
+ *
+ * func utils (for high-order func's arg)
+ *
+ * @singleton
+ * @alternateClassName func
+ */
+function eq(itemA) {
+    return function (itemB) {
+        return itemA === itemB;
+    };
+}
+function eq2(itemA, itemB) {
+    return itemA === itemB;
+}
+function peq2(propName) {
+    return function (itemA, itemB) {
+        return itemA[propName] === itemB[propName];
+    };
+}
+function ok() {
+    return true;
+}
+function fail() {
+    return false;
+}
+function not(f) {
+    return function () {
+        return !f.apply(f, arguments);
+    };
+}
+function and(fA, fB) {
+    return function (item) {
+        return fA(item) && fB(item);
+    };
+}
+function self(a) {
+    return a;
+}
+function invoke(obj, method) {
+    return function () {
+        return obj[method].apply(obj, arguments);
+    };
+}
+var idCounter = 0;
+/**
+ * generate a globally-unique id
+ *
+ * @param {String} [prefix]
+ */
+function uniqueId(prefix) {
+    var id = ++idCounter + '';
+    return prefix ? prefix + id : id;
+}
+/**
+ * returns bnd (bounds) from rect
+ *
+ * - IE Compatibility Issue: http://goo.gl/sRLOAo
+ * - Scroll Issue: http://goo.gl/sNjUc
+ *
+ * @param {Rect} rect
+ * @return {Object} bounds
+ * @return {Number} bounds.top
+ * @return {Number} bounds.left
+ * @return {Number} bounds.width
+ * @return {Number} bounds.height
+ */
+function rect2bnd(rect) {
+    var $document = $(document);
+    return {
+        top: rect.top + $document.scrollTop(),
+        left: rect.left + $document.scrollLeft(),
+        width: rect.right - rect.left,
+        height: rect.bottom - rect.top
+    };
+}
+/**
+ * returns a copy of the object where the keys have become the values and the values the keys.
+ * @param {Object} obj
+ * @return {Object}
+ */
+function invertObject(obj) {
+    var inverted = {};
+    for (var key in obj) {
+        if (obj.hasOwnProperty(key)) {
+            inverted[obj[key]] = key;
+        }
+    }
+    return inverted;
+}
+/**
+ * @param {String} namespace
+ * @param {String} [prefix]
+ * @return {String}
+ */
+function namespaceToCamel(namespace, prefix) {
+    prefix = prefix || '';
+    return prefix + namespace.split('.').map(function (name) {
+        return name.substring(0, 1).toUpperCase() + name.substring(1);
+    }).join('');
+}
+/**
+ * Returns a function, that, as long as it continues to be invoked, will not
+ * be triggered. The function will be called after it stops being called for
+ * N milliseconds. If `immediate` is passed, trigger the function on the
+ * leading edge, instead of the trailing.
+ * @param {Function} func
+ * @param {Number} wait
+ * @param {Boolean} immediate
+ * @return {Function}
+ */
+function debounce(func, wait, immediate) {
+    var _this = this;
+    var timeout;
+    return function () {
+        var context = _this;
+        var args = arguments;
+        var later = function () {
+            timeout = null;
+            if (!immediate) {
+                func.apply(context, args);
+            }
+        };
+        var callNow = immediate && !timeout;
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+        if (callNow) {
+            func.apply(context, args);
+        }
+    };
+}
+var func = {
+    eq: eq,
+    eq2: eq2,
+    peq2: peq2,
+    ok: ok,
+    fail: fail,
+    self: self,
+    not: not,
+    and: and,
+    invoke: invoke,
+    uniqueId: uniqueId,
+    rect2bnd: rect2bnd,
+    invertObject: invertObject,
+    namespaceToCamel: namespaceToCamel,
+    debounce: debounce
+};
+
+/**
+ * returns the first item of an array.
+ *
+ * @param {Array} array
+ */
+function head(array) {
+    return array[0];
+}
+/**
+ * returns the last item of an array.
+ *
+ * @param {Array} array
+ */
+function last(array) {
+    return array[array.length - 1];
+}
+/**
+ * returns everything but the last entry of the array.
+ *
+ * @param {Array} array
+ */
+function initial(array) {
+    return array.slice(0, array.length - 1);
+}
+/**
+ * returns the rest of the items in an array.
+ *
+ * @param {Array} array
+ */
+function tail(array) {
+    return array.slice(1);
+}
+/**
+ * returns item of array
+ */
+function find(array, pred) {
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        var item = array[idx];
+        if (pred(item)) {
+            return item;
+        }
+    }
+}
+/**
+ * returns true if all of the values in the array pass the predicate truth test.
+ */
+function all(array, pred) {
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        if (!pred(array[idx])) {
+            return false;
+        }
+    }
+    return true;
+}
+/**
+ * returns index of item
+ */
+function indexOf(array, item) {
+    return $$1.inArray(item, array);
+}
+/**
+ * returns true if the value is present in the list.
+ */
+function contains(array, item) {
+    return indexOf(array, item) !== -1;
+}
+/**
+ * get sum from a list
+ *
+ * @param {Array} array - array
+ * @param {Function} fn - iterator
+ */
+function sum(array, fn) {
+    fn = fn || func.self;
+    return array.reduce(function (memo, v) {
+        return memo + fn(v);
+    }, 0);
+}
+/**
+ * returns a copy of the collection with array type.
+ * @param {Collection} collection - collection eg) node.childNodes, ...
+ */
+function from(collection) {
+    var result = [];
+    var length = collection.length;
+    var idx = -1;
+    while (++idx < length) {
+        result[idx] = collection[idx];
+    }
+    return result;
+}
+/**
+ * returns whether list is empty or not
+ */
+function isEmpty$1(array) {
+    return !array || !array.length;
+}
+/**
+ * cluster elements by predicate function.
+ *
+ * @param {Array} array - array
+ * @param {Function} fn - predicate function for cluster rule
+ * @param {Array[]}
+ */
+function clusterBy(array, fn) {
+    if (!array.length) {
+        return [];
+    }
+    var aTail = tail(array);
+    return aTail.reduce(function (memo, v) {
+        var aLast = last(memo);
+        if (fn(last(aLast), v)) {
+            aLast[aLast.length] = v;
+        }
+        else {
+            memo[memo.length] = [v];
+        }
+        return memo;
+    }, [[head(array)]]);
+}
+/**
+ * returns a copy of the array with all false values removed
+ *
+ * @param {Array} array - array
+ * @param {Function} fn - predicate function for cluster rule
+ */
+function compact(array) {
+    var aResult = [];
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        if (array[idx]) {
+            aResult.push(array[idx]);
+        }
+    }
+    return aResult;
+}
+/**
+ * produces a duplicate-free version of the array
+ *
+ * @param {Array} array
+ */
+function unique(array) {
+    var results = [];
+    for (var idx = 0, len = array.length; idx < len; idx++) {
+        if (!contains(results, array[idx])) {
+            results.push(array[idx]);
+        }
+    }
+    return results;
+}
+/**
+ * returns next item.
+ * @param {Array} array
+ */
+function next(array, item) {
+    var idx = indexOf(array, item);
+    if (idx === -1) {
+        return null;
+    }
+    return array[idx + 1];
+}
+/**
+ * returns prev item.
+ * @param {Array} array
+ */
+function prev(array, item) {
+    var idx = indexOf(array, item);
+    if (idx === -1) {
+        return null;
+    }
+    return array[idx - 1];
+}
+/**
+ * @class core.list
+ *
+ * list utils
+ *
+ * @singleton
+ * @alternateClassName list
+ */
+var lists = {
+    head: head,
+    last: last,
+    initial: initial,
+    tail: tail,
+    prev: prev,
+    next: next,
+    find: find,
+    contains: contains,
+    all: all,
+    sum: sum,
+    from: from,
+    isEmpty: isEmpty$1,
+    clusterBy: clusterBy,
+    compact: compact,
+    unique: unique
+};
+
+var isSupportAmd = typeof define === 'function' && define.amd; // eslint-disable-line
+/**
+ * returns whether font is installed or not.
+ *
+ * @param {String} fontName
+ * @return {Boolean}
+ */
+function isFontInstalled(fontName) {
+    var testFontName = fontName === 'Comic Sans MS' ? 'Courier New' : 'Comic Sans MS';
+    var $tester = $$1('<div>').css({
+        position: 'absolute',
+        left: '-9999px',
+        top: '-9999px',
+        fontSize: '200px'
+    }).text('mmmmmmmmmwwwwwww').appendTo(document.body);
+    var originalWidth = $tester.css('fontFamily', testFontName).width();
+    var width = $tester.css('fontFamily', fontName + ',' + testFontName).width();
+    $tester.remove();
+    return originalWidth !== width;
+}
+var userAgent = navigator.userAgent;
+var isMSIE = /MSIE|Trident/i.test(userAgent);
+var browserVersion;
+if (isMSIE) {
+    var matches = /MSIE (\d+[.]\d+)/.exec(userAgent);
+    if (matches) {
+        browserVersion = parseFloat(matches[1]);
+    }
+    matches = /Trident\/.*rv:([0-9]{1,}[.0-9]{0,})/.exec(userAgent);
+    if (matches) {
+        browserVersion = parseFloat(matches[1]);
+    }
+}
+var isEdge = /Edge\/\d+/.test(userAgent);
+var hasCodeMirror = !!window.CodeMirror;
+if (!hasCodeMirror && isSupportAmd) {
+    // Webpack
+    if (typeof __webpack_require__ === 'function') {
+        try {
+            // If CodeMirror can't be resolved, `require.resolve` will throw an
+            // exception and `hasCodeMirror` won't be set to `true`.
+            require.resolve('codemirror');
+            hasCodeMirror = true;
+        }
+        catch (e) {
+            // do nothing
+        }
+    }
+    else if (typeof require !== 'undefined') {
+        // Browserify
+        if (typeof require.resolve !== 'undefined') {
+            try {
+                // If CodeMirror can't be resolved, `require.resolve` will throw an
+                // exception and `hasCodeMirror` won't be set to `true`.
+                require.resolve('codemirror');
+                hasCodeMirror = true;
+            }
+            catch (e) {
+                // do nothing
+            }
+            // Almond/Require
+        }
+        else if (typeof require.specified !== 'undefined') {
+            hasCodeMirror = require.specified('codemirror');
+        }
+    }
+}
+var isSupportTouch = (('ontouchstart' in window) ||
+    (navigator.MaxTouchPoints > 0) ||
+    (navigator.msMaxTouchPoints > 0));
+// [workaround] IE doesn't have input events for contentEditable
+// - see: https://goo.gl/4bfIvA
+var inputEventName = (isMSIE || isEdge) ? 'DOMCharacterDataModified DOMSubtreeModified DOMNodeInserted' : 'input';
+/**
+ * @class core.env
+ *
+ * Object which check platform and agent
+ *
+ * @singleton
+ * @alternateClassName env
+ */
+var env = {
+    isMac: navigator.appVersion.indexOf('Mac') > -1,
+    isMSIE: isMSIE,
+    isEdge: isEdge,
+    isFF: !isEdge && /firefox/i.test(userAgent),
+    isPhantom: /PhantomJS/i.test(userAgent),
+    isWebkit: !isEdge && /webkit/i.test(userAgent),
+    isChrome: !isEdge && /chrome/i.test(userAgent),
+    isSafari: !isEdge && /safari/i.test(userAgent),
+    browserVersion: browserVersion,
+    jqueryVersion: parseFloat($$1.fn.jquery),
+    isSupportAmd: isSupportAmd,
+    isSupportTouch: isSupportTouch,
+    hasCodeMirror: hasCodeMirror,
+    isFontInstalled: isFontInstalled,
+    isW3CRangeSupport: !!document.createRange,
+    inputEventName: inputEventName
+};
+
+var NBSP_CHAR = String.fromCharCode(160);
+var ZERO_WIDTH_NBSP_CHAR = '\ufeff';
+/**
+ * @method isEditable
+ *
+ * returns whether node is `note-editable` or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
+function isEditable(node) {
+    return node && $$1(node).hasClass('note-editable');
+}
+/**
+ * @method isControlSizing
+ *
+ * returns whether node is `note-control-sizing` or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
+function isControlSizing(node) {
+    return node && $$1(node).hasClass('note-control-sizing');
+}
+/**
+ * @method makePredByNodeName
+ *
+ * returns predicate which judge whether nodeName is same
+ *
+ * @param {String} nodeName
+ * @return {Function}
+ */
+function makePredByNodeName(nodeName) {
+    nodeName = nodeName.toUpperCase();
+    return function (node) {
+        return node && node.nodeName.toUpperCase() === nodeName;
+    };
+}
+/**
+ * @method isText
+ *
+ *
+ *
+ * @param {Node} node
+ * @return {Boolean} true if node's type is text(3)
+ */
+function isText(node) {
+    return node && node.nodeType === 3;
+}
+/**
+ * @method isElement
+ *
+ *
+ *
+ * @param {Node} node
+ * @return {Boolean} true if node's type is element(1)
+ */
+function isElement(node) {
+    return node && node.nodeType === 1;
+}
+/**
+ * ex) br, col, embed, hr, img, input, ...
+ * @see http://www.w3.org/html/wg/drafts/html/master/syntax.html#void-elements
+ */
+function isVoid(node) {
+    return node && /^BR|^IMG|^HR|^IFRAME|^BUTTON|^INPUT/.test(node.nodeName.toUpperCase());
+}
+function isPara(node) {
+    if (isEditable(node)) {
+        return false;
+    }
+    // Chrome(v31.0), FF(v25.0.1) use DIV for paragraph
+    return node && /^DIV|^P|^LI|^H[1-7]/.test(node.nodeName.toUpperCase());
+}
+function isHeading(node) {
+    return node && /^H[1-7]/.test(node.nodeName.toUpperCase());
+}
+var isPre = makePredByNodeName('PRE');
+var isLi = makePredByNodeName('LI');
+function isPurePara(node) {
+    return isPara(node) && !isLi(node);
+}
+var isTable = makePredByNodeName('TABLE');
+var isData = makePredByNodeName('DATA');
+function isInline(node) {
+    return !isBodyContainer(node) &&
+        !isList(node) &&
+        !isHr(node) &&
+        !isPara(node) &&
+        !isTable(node) &&
+        !isBlockquote(node) &&
+        !isData(node);
+}
+function isList(node) {
+    return node && /^UL|^OL/.test(node.nodeName.toUpperCase());
+}
+var isHr = makePredByNodeName('HR');
+function isCell(node) {
+    return node && /^TD|^TH/.test(node.nodeName.toUpperCase());
+}
+var isBlockquote = makePredByNodeName('BLOCKQUOTE');
+function isBodyContainer(node) {
+    return isCell(node) || isBlockquote(node) || isEditable(node);
+}
+var isAnchor = makePredByNodeName('A');
+function isParaInline(node) {
+    return isInline(node) && !!ancestor(node, isPara);
+}
+function isBodyInline(node) {
+    return isInline(node) && !ancestor(node, isPara);
+}
+var isBody = makePredByNodeName('BODY');
+/**
+ * returns whether nodeB is closest sibling of nodeA
+ *
+ * @param {Node} nodeA
+ * @param {Node} nodeB
+ * @return {Boolean}
+ */
+function isClosestSibling(nodeA, nodeB) {
+    return nodeA.nextSibling === nodeB ||
+        nodeA.previousSibling === nodeB;
+}
+/**
+ * returns array of closest siblings with node
+ *
+ * @param {Node} node
+ * @param {function} [pred] - predicate function
+ * @return {Node[]}
+ */
+function withClosestSiblings(node, pred) {
+    pred = pred || func.ok;
+    var siblings = [];
+    if (node.previousSibling && pred(node.previousSibling)) {
+        siblings.push(node.previousSibling);
+    }
+    siblings.push(node);
+    if (node.nextSibling && pred(node.nextSibling)) {
+        siblings.push(node.nextSibling);
+    }
+    return siblings;
+}
+/**
+ * blank HTML for cursor position
+ * - [workaround] old IE only works with &nbsp;
+ * - [workaround] IE11 and other browser works with bogus br
+ */
+var blankHTML = env.isMSIE && env.browserVersion < 11 ? '&nbsp;' : '<br>';
+/**
+ * @method nodeLength
+ *
+ * returns #text's text size or element's childNodes size
+ *
+ * @param {Node} node
+ */
+function nodeLength(node) {
+    if (isText(node)) {
+        return node.nodeValue.length;
+    }
+    if (node) {
+        return node.childNodes.length;
+    }
+    return 0;
+}
+/**
+ * returns whether node is empty or not.
+ *
+ * @param {Node} node
+ * @return {Boolean}
+ */
+function isEmpty(node) {
+    var len = nodeLength(node);
+    if (len === 0) {
+        return true;
+    }
+    else if (!isText(node) && len === 1 && node.innerHTML === blankHTML) {
+        // ex) <p><br></p>, <span><br></span>
+        return true;
+    }
+    else if (lists.all(node.childNodes, isText) && node.innerHTML === '') {
+        // ex) <p></p>, <span></span>
+        return true;
+    }
+    return false;
+}
+/**
+ * padding blankHTML if node is empty (for cursor position)
+ */
+function paddingBlankHTML(node) {
+    if (!isVoid(node) && !nodeLength(node)) {
+        node.innerHTML = blankHTML;
+    }
+}
+/**
+ * find nearest ancestor predicate hit
+ *
+ * @param {Node} node
+ * @param {Function} pred - predicate function
+ */
+function ancestor(node, pred) {
+    while (node) {
+        if (pred(node)) {
+            return node;
+        }
+        if (isEditable(node)) {
+            break;
+        }
+        node = node.parentNode;
+    }
+    return null;
+}
+/**
+ * find nearest ancestor only single child blood line and predicate hit
+ *
+ * @param {Node} node
+ * @param {Function} pred - predicate function
+ */
+function singleChildAncestor(node, pred) {
+    node = node.parentNode;
+    while (node) {
+        if (nodeLength(node) !== 1) {
+            break;
+        }
+        if (pred(node)) {
+            return node;
+        }
+        if (isEditable(node)) {
+            break;
+        }
+        node = node.parentNode;
+    }
+    return null;
+}
+/**
+ * returns new array of ancestor nodes (until predicate hit).
+ *
+ * @param {Node} node
+ * @param {Function} [optional] pred - predicate function
+ */
+function listAncestor(node, pred) {
+    pred = pred || func.fail;
+    var ancestors = [];
+    ancestor(node, function (el) {
+        if (!isEditable(el)) {
+            ancestors.push(el);
+        }
+        return pred(el);
+    });
+    return ancestors;
+}
+/**
+ * find farthest ancestor predicate hit
+ */
+function lastAncestor(node, pred) {
+    var ancestors = listAncestor(node);
+    return lists.last(ancestors.filter(pred));
+}
+/**
+ * returns common ancestor node between two nodes.
+ *
+ * @param {Node} nodeA
+ * @param {Node} nodeB
+ */
+function commonAncestor(nodeA, nodeB) {
+    var ancestors = listAncestor(nodeA);
+    for (var n = nodeB; n; n = n.parentNode) {
+        if ($$1.inArray(n, ancestors) > -1) {
+            return n;
+        }
+    }
+    return null; // difference document area
+}
+/**
+ * listing all previous siblings (until predicate hit).
+ *
+ * @param {Node} node
+ * @param {Function} [optional] pred - predicate function
+ */
+function listPrev(node, pred) {
+    pred = pred || func.fail;
+    var nodes = [];
+    while (node) {
+        if (pred(node)) {
+            break;
+        }
+        nodes.push(node);
+        node = node.previousSibling;
+    }
+    return nodes;
+}
+/**
+ * listing next siblings (until predicate hit).
+ *
+ * @param {Node} node
+ * @param {Function} [pred] - predicate function
+ */
+function listNext(node, pred) {
+    pred = pred || func.fail;
+    var nodes = [];
+    while (node) {
+        if (pred(node)) {
+            break;
+        }
+        nodes.push(node);
+        node = node.nextSibling;
+    }
+    return nodes;
+}
+/**
+ * listing descendant nodes
+ *
+ * @param {Node} node
+ * @param {Function} [pred] - predicate function
+ */
+function listDescendant(node, pred) {
+    var descendants = [];
+    pred = pred || func.ok;
+    // start DFS(depth first search) with node
+    (function fnWalk(current) {
+        if (node !== current && pred(current)) {
+            descendants.push(current);
+        }
+        for (var idx = 0, len = current.childNodes.length; idx < len; idx++) {
+            fnWalk(current.childNodes[idx]);
+        }
+    })(node);
+    return descendants;
+}
+/**
+ * wrap node with new tag.
+ *
+ * @param {Node} node
+ * @param {Node} tagName of wrapper
+ * @return {Node} - wrapper
+ */
+function wrap(node, wrapperName) {
+    var parent = node.parentNode;
+    var wrapper = $$1('<' + wrapperName + '>')[0];
+    parent.insertBefore(wrapper, node);
+    wrapper.appendChild(node);
+    return wrapper;
+}
+/**
+ * insert node after preceding
+ *
+ * @param {Node} node
+ * @param {Node} preceding - predicate function
+ */
+function insertAfter(node, preceding) {
+    var next = preceding.nextSibling;
+    var parent = preceding.parentNode;
+    if (next) {
+        parent.insertBefore(node, next);
+    }
+    else {
+        parent.appendChild(node);
+    }
+    return node;
+}
+/**
+ * append elements.
+ *
+ * @param {Node} node
+ * @param {Collection} aChild
+ */
+function appendChildNodes(node, aChild) {
+    $$1.each(aChild, function (idx, child) {
+        node.appendChild(child);
+    });
+    return node;
+}
+/**
+ * returns whether boundaryPoint is left edge or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isLeftEdgePoint(point) {
+    return point.offset === 0;
+}
+/**
+ * returns whether boundaryPoint is right edge or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isRightEdgePoint(point) {
+    return point.offset === nodeLength(point.node);
+}
+/**
+ * returns whether boundaryPoint is edge or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isEdgePoint(point) {
+    return isLeftEdgePoint(point) || isRightEdgePoint(point);
+}
+/**
+ * returns whether node is left edge of ancestor or not.
+ *
+ * @param {Node} node
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isLeftEdgeOf(node, ancestor) {
+    while (node && node !== ancestor) {
+        if (position(node) !== 0) {
+            return false;
+        }
+        node = node.parentNode;
+    }
+    return true;
+}
+/**
+ * returns whether node is right edge of ancestor or not.
+ *
+ * @param {Node} node
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isRightEdgeOf(node, ancestor) {
+    if (!ancestor) {
+        return false;
+    }
+    while (node && node !== ancestor) {
+        if (position(node) !== nodeLength(node.parentNode) - 1) {
+            return false;
+        }
+        node = node.parentNode;
+    }
+    return true;
+}
+/**
+ * returns whether point is left edge of ancestor or not.
+ * @param {BoundaryPoint} point
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isLeftEdgePointOf(point, ancestor) {
+    return isLeftEdgePoint(point) && isLeftEdgeOf(point.node, ancestor);
+}
+/**
+ * returns whether point is right edge of ancestor or not.
+ * @param {BoundaryPoint} point
+ * @param {Node} ancestor
+ * @return {Boolean}
+ */
+function isRightEdgePointOf(point, ancestor) {
+    return isRightEdgePoint(point) && isRightEdgeOf(point.node, ancestor);
+}
+/**
+ * returns offset from parent.
+ *
+ * @param {Node} node
+ */
+function position(node) {
+    var offset = 0;
+    while ((node = node.previousSibling)) {
+        offset += 1;
+    }
+    return offset;
+}
+function hasChildren(node) {
+    return !!(node && node.childNodes && node.childNodes.length);
+}
+/**
+ * returns previous boundaryPoint
+ *
+ * @param {BoundaryPoint} point
+ * @param {Boolean} isSkipInnerOffset
+ * @return {BoundaryPoint}
+ */
+function prevPoint(point, isSkipInnerOffset) {
+    var node;
+    var offset;
+    if (point.offset === 0) {
+        if (isEditable(point.node)) {
+            return null;
+        }
+        node = point.node.parentNode;
+        offset = position(point.node);
+    }
+    else if (hasChildren(point.node)) {
+        node = point.node.childNodes[point.offset - 1];
+        offset = nodeLength(node);
+    }
+    else {
+        node = point.node;
+        offset = isSkipInnerOffset ? 0 : point.offset - 1;
+    }
+    return {
+        node: node,
+        offset: offset
+    };
+}
+/**
+ * returns next boundaryPoint
+ *
+ * @param {BoundaryPoint} point
+ * @param {Boolean} isSkipInnerOffset
+ * @return {BoundaryPoint}
+ */
+function nextPoint(point, isSkipInnerOffset) {
+    var node, offset;
+    if (nodeLength(point.node) === point.offset) {
+        if (isEditable(point.node)) {
+            return null;
+        }
+        node = point.node.parentNode;
+        offset = position(point.node) + 1;
+    }
+    else if (hasChildren(point.node)) {
+        node = point.node.childNodes[point.offset];
+        offset = 0;
+    }
+    else {
+        node = point.node;
+        offset = isSkipInnerOffset ? nodeLength(point.node) : point.offset + 1;
+    }
+    return {
+        node: node,
+        offset: offset
+    };
+}
+/**
+ * returns whether pointA and pointB is same or not.
+ *
+ * @param {BoundaryPoint} pointA
+ * @param {BoundaryPoint} pointB
+ * @return {Boolean}
+ */
+function isSamePoint(pointA, pointB) {
+    return pointA.node === pointB.node && pointA.offset === pointB.offset;
+}
+/**
+ * returns whether point is visible (can set cursor) or not.
+ *
+ * @param {BoundaryPoint} point
+ * @return {Boolean}
+ */
+function isVisiblePoint(point) {
+    if (isText(point.node) || !hasChildren(point.node) || isEmpty(point.node)) {
+        return true;
+    }
+    var leftNode = point.node.childNodes[point.offset - 1];
+    var rightNode = point.node.childNodes[point.offset];
+    if ((!leftNode || isVoid(leftNode)) && (!rightNode || isVoid(rightNode))) {
+        return true;
+    }
+    return false;
+}
+/**
+ * @method prevPointUtil
+ *
+ * @param {BoundaryPoint} point
+ * @param {Function} pred
+ * @return {BoundaryPoint}
+ */
+function prevPointUntil(point, pred) {
+    while (point) {
+        if (pred(point)) {
+            return point;
+        }
+        point = prevPoint(point);
+    }
+    return null;
+}
+/**
+ * @method nextPointUntil
+ *
+ * @param {BoundaryPoint} point
+ * @param {Function} pred
+ * @return {BoundaryPoint}
+ */
+function nextPointUntil(point, pred) {
+    while (point) {
+        if (pred(point)) {
+            return point;
+        }
+        point = nextPoint(point);
+    }
+    return null;
+}
+/**
+ * returns whether point has character or not.
+ *
+ * @param {Point} point
+ * @return {Boolean}
+ */
+function isCharPoint(point) {
+    if (!isText(point.node)) {
+        return false;
+    }
+    var ch = point.node.nodeValue.charAt(point.offset - 1);
+    return ch && (ch !== ' ' && ch !== NBSP_CHAR);
+}
+/**
+ * @method walkPoint
+ *
+ * @param {BoundaryPoint} startPoint
+ * @param {BoundaryPoint} endPoint
+ * @param {Function} handler
+ * @param {Boolean} isSkipInnerOffset
+ */
+function walkPoint(startPoint, endPoint, handler, isSkipInnerOffset) {
+    var point = startPoint;
+    while (point) {
+        handler(point);
+        if (isSamePoint(point, endPoint)) {
+            break;
+        }
+        var isSkipOffset = isSkipInnerOffset &&
+            startPoint.node !== point.node &&
+            endPoint.node !== point.node;
+        point = nextPoint(point, isSkipOffset);
+    }
+}
+/**
+ * @method makeOffsetPath
+ *
+ * return offsetPath(array of offset) from ancestor
+ *
+ * @param {Node} ancestor - ancestor node
+ * @param {Node} node
+ */
+function makeOffsetPath(ancestor, node) {
+    var ancestors = listAncestor(node, func.eq(ancestor));
+    return ancestors.map(position).reverse();
+}
+/**
+ * @method fromOffsetPath
+ *
+ * return element from offsetPath(array of offset)
+ *
+ * @param {Node} ancestor - ancestor node
+ * @param {array} offsets - offsetPath
+ */
+function fromOffsetPath(ancestor, offsets) {
+    var current = ancestor;
+    for (var i = 0, len = offsets.length; i < len; i++) {
+        if (current.childNodes.length <= offsets[i]) {
+            current = current.childNodes[current.childNodes.length - 1];
+        }
+        else {
+            current = current.childNodes[offsets[i]];
+        }
+    }
+    return current;
+}
+/**
+ * @method splitNode
+ *
+ * split element or #text
+ *
+ * @param {BoundaryPoint} point
+ * @param {Object} [options]
+ * @param {Boolean} [options.isSkipPaddingBlankHTML] - default: false
+ * @param {Boolean} [options.isNotSplitEdgePoint] - default: false
+ * @return {Node} right node of boundaryPoint
+ */
+function splitNode(point, options) {
+    var isSkipPaddingBlankHTML = options && options.isSkipPaddingBlankHTML;
+    var isNotSplitEdgePoint = options && options.isNotSplitEdgePoint;
+    // edge case
+    if (isEdgePoint(point) && (isText(point.node) || isNotSplitEdgePoint)) {
+        if (isLeftEdgePoint(point)) {
+            return point.node;
+        }
+        else if (isRightEdgePoint(point)) {
+            return point.node.nextSibling;
+        }
+    }
+    // split #text
+    if (isText(point.node)) {
+        return point.node.splitText(point.offset);
+    }
+    else {
+        var childNode = point.node.childNodes[point.offset];
+        var clone = insertAfter(point.node.cloneNode(false), point.node);
+        appendChildNodes(clone, listNext(childNode));
+        if (!isSkipPaddingBlankHTML) {
+            paddingBlankHTML(point.node);
+            paddingBlankHTML(clone);
+        }
+        return clone;
+    }
+}
+/**
+ * @method splitTree
+ *
+ * split tree by point
+ *
+ * @param {Node} root - split root
+ * @param {BoundaryPoint} point
+ * @param {Object} [options]
+ * @param {Boolean} [options.isSkipPaddingBlankHTML] - default: false
+ * @param {Boolean} [options.isNotSplitEdgePoint] - default: false
+ * @return {Node} right node of boundaryPoint
+ */
+function splitTree(root, point, options) {
+    // ex) [#text, <span>, <p>]
+    var ancestors = listAncestor(point.node, func.eq(root));
+    if (!ancestors.length) {
+        return null;
+    }
+    else if (ancestors.length === 1) {
+        return splitNode(point, options);
+    }
+    return ancestors.reduce(function (node, parent) {
+        if (node === point.node) {
+            node = splitNode(point, options);
+        }
+        return splitNode({
+            node: parent,
+            offset: node ? position(node) : nodeLength(parent)
+        }, options);
+    });
+}
+/**
+ * split point
+ *
+ * @param {Point} point
+ * @param {Boolean} isInline
+ * @return {Object}
+ */
+function splitPoint(point, isInline) {
+    // find splitRoot, container
+    //  - inline: splitRoot is a child of paragraph
+    //  - block: splitRoot is a child of bodyContainer
+    var pred = isInline ? isPara : isBodyContainer;
+    var ancestors = listAncestor(point.node, pred);
+    var topAncestor = lists.last(ancestors) || point.node;
+    var splitRoot, container;
+    if (pred(topAncestor)) {
+        splitRoot = ancestors[ancestors.length - 2];
+        container = topAncestor;
+    }
+    else {
+        splitRoot = topAncestor;
+        container = splitRoot.parentNode;
+    }
+    // if splitRoot is exists, split with splitTree
+    var pivot = splitRoot && splitTree(splitRoot, point, {
+        isSkipPaddingBlankHTML: isInline,
+        isNotSplitEdgePoint: isInline
+    });
+    // if container is point.node, find pivot with point.offset
+    if (!pivot && container === point.node) {
+        pivot = point.node.childNodes[point.offset];
+    }
+    return {
+        rightNode: pivot,
+        container: container
+    };
+}
+function create(nodeName) {
+    return document.createElement(nodeName);
+}
+function createText(text) {
+    return document.createTextNode(text);
+}
+/**
+ * @method remove
+ *
+ * remove node, (isRemoveChild: remove child or not)
+ *
+ * @param {Node} node
+ * @param {Boolean} isRemoveChild
+ */
+function remove(node, isRemoveChild) {
+    if (!node || !node.parentNode) {
+        return;
+    }
+    if (node.removeNode) {
+        return node.removeNode(isRemoveChild);
+    }
+    var parent = node.parentNode;
+    if (!isRemoveChild) {
+        var nodes = [];
+        for (var i = 0, len = node.childNodes.length; i < len; i++) {
+            nodes.push(node.childNodes[i]);
+        }
+        for (var i = 0, len = nodes.length; i < len; i++) {
+            parent.insertBefore(nodes[i], node);
+        }
+    }
+    parent.removeChild(node);
+}
+/**
+ * @method removeWhile
+ *
+ * @param {Node} node
+ * @param {Function} pred
+ */
+function removeWhile(node, pred) {
+    while (node) {
+        if (isEditable(node) || !pred(node)) {
+            break;
+        }
+        var parent = node.parentNode;
+        remove(node);
+        node = parent;
+    }
+}
+/**
+ * @method replace
+ *
+ * replace node with provided nodeName
+ *
+ * @param {Node} node
+ * @param {String} nodeName
+ * @return {Node} - new node
+ */
+function replace(node, nodeName) {
+    if (node.nodeName.toUpperCase() === nodeName.toUpperCase()) {
+        return node;
+    }
+    var newNode = create(nodeName);
+    if (node.style.cssText) {
+        newNode.style.cssText = node.style.cssText;
+    }
+    appendChildNodes(newNode, lists.from(node.childNodes));
+    insertAfter(newNode, node);
+    remove(node);
+    return newNode;
+}
+var isTextarea = makePredByNodeName('TEXTAREA');
+/**
+ * @param {jQuery} $node
+ * @param {Boolean} [stripLinebreaks] - default: false
+ */
+function value($node, stripLinebreaks) {
+    var val = isTextarea($node[0]) ? $node.val() : $node.html();
+    if (stripLinebreaks) {
+        return val.replace(/[\n\r]/g, '');
+    }
+    return val;
+}
+/**
+ * @method html
+ *
+ * get the HTML contents of node
+ *
+ * @param {jQuery} $node
+ * @param {Boolean} [isNewlineOnBlock]
+ */
+function html($node, isNewlineOnBlock) {
+    var markup = value($node);
+    if (isNewlineOnBlock) {
+        var regexTag = /<(\/?)(\b(?!!)[^>\s]*)(.*?)(\s*\/?>)/g;
+        markup = markup.replace(regexTag, function (match, endSlash, name) {
+            name = name.toUpperCase();
+            var isEndOfInlineContainer = /^DIV|^TD|^TH|^P|^LI|^H[1-7]/.test(name) &&
+                !!endSlash;
+            var isBlockNode = /^BLOCKQUOTE|^TABLE|^TBODY|^TR|^HR|^UL|^OL/.test(name);
+            return match + ((isEndOfInlineContainer || isBlockNode) ? '\n' : '');
+        });
+        markup = $$1.trim(markup);
+    }
+    return markup;
+}
+function posFromPlaceholder(placeholder) {
+    var $placeholder = $$1(placeholder);
+    var pos = $placeholder.offset();
+    var height = $placeholder.outerHeight(true); // include margin
+    return {
+        left: pos.left,
+        top: pos.top + height
+    };
+}
+function attachEvents($node, events) {
+    Object.keys(events).forEach(function (key) {
+        $node.on(key, events[key]);
+    });
+}
+function detachEvents($node, events) {
+    Object.keys(events).forEach(function (key) {
+        $node.off(key, events[key]);
+    });
+}
+/**
+ * @method isCustomStyleTag
+ *
+ * assert if a node contains a "note-styletag" class,
+ * which implies that's a custom-made style tag node
+ *
+ * @param {Node} an HTML DOM node
+ */
+function isCustomStyleTag(node) {
+    return node && !isText(node) && lists.contains(node.classList, 'note-styletag');
+}
+var dom = {
+    /** @property {String} NBSP_CHAR */
+    NBSP_CHAR: NBSP_CHAR,
+    /** @property {String} ZERO_WIDTH_NBSP_CHAR */
+    ZERO_WIDTH_NBSP_CHAR: ZERO_WIDTH_NBSP_CHAR,
+    /** @property {String} blank */
+    blank: blankHTML,
+    /** @property {String} emptyPara */
+    emptyPara: "<p>" + blankHTML + "</p>",
+    makePredByNodeName: makePredByNodeName,
+    isEditable: isEditable,
+    isControlSizing: isControlSizing,
+    isText: isText,
+    isElement: isElement,
+    isVoid: isVoid,
+    isPara: isPara,
+    isPurePara: isPurePara,
+    isHeading: isHeading,
+    isInline: isInline,
+    isBlock: func.not(isInline),
+    isBodyInline: isBodyInline,
+    isBody: isBody,
+    isParaInline: isParaInline,
+    isPre: isPre,
+    isList: isList,
+    isTable: isTable,
+    isData: isData,
+    isCell: isCell,
+    isBlockquote: isBlockquote,
+    isBodyContainer: isBodyContainer,
+    isAnchor: isAnchor,
+    isDiv: makePredByNodeName('DIV'),
+    isLi: isLi,
+    isBR: makePredByNodeName('BR'),
+    isSpan: makePredByNodeName('SPAN'),
+    isB: makePredByNodeName('B'),
+    isU: makePredByNodeName('U'),
+    isS: makePredByNodeName('S'),
+    isI: makePredByNodeName('I'),
+    isImg: makePredByNodeName('IMG'),
+    isTextarea: isTextarea,
+    isEmpty: isEmpty,
+    isEmptyAnchor: func.and(isAnchor, isEmpty),
+    isClosestSibling: isClosestSibling,
+    withClosestSiblings: withClosestSiblings,
+    nodeLength: nodeLength,
+    isLeftEdgePoint: isLeftEdgePoint,
+    isRightEdgePoint: isRightEdgePoint,
+    isEdgePoint: isEdgePoint,
+    isLeftEdgeOf: isLeftEdgeOf,
+    isRightEdgeOf: isRightEdgeOf,
+    isLeftEdgePointOf: isLeftEdgePointOf,
+    isRightEdgePointOf: isRightEdgePointOf,
+    prevPoint: prevPoint,
+    nextPoint: nextPoint,
+    isSamePoint: isSamePoint,
+    isVisiblePoint: isVisiblePoint,
+    prevPointUntil: prevPointUntil,
+    nextPointUntil: nextPointUntil,
+    isCharPoint: isCharPoint,
+    walkPoint: walkPoint,
+    ancestor: ancestor,
+    singleChildAncestor: singleChildAncestor,
+    listAncestor: listAncestor,
+    lastAncestor: lastAncestor,
+    listNext: listNext,
+    listPrev: listPrev,
+    listDescendant: listDescendant,
+    commonAncestor: commonAncestor,
+    wrap: wrap,
+    insertAfter: insertAfter,
+    appendChildNodes: appendChildNodes,
+    position: position,
+    hasChildren: hasChildren,
+    makeOffsetPath: makeOffsetPath,
+    fromOffsetPath: fromOffsetPath,
+    splitTree: splitTree,
+    splitPoint: splitPoint,
+    create: create,
+    createText: createText,
+    remove: remove,
+    removeWhile: removeWhile,
+    replace: replace,
+    html: html,
+    value: value,
+    posFromPlaceholder: posFromPlaceholder,
+    attachEvents: attachEvents,
+    detachEvents: detachEvents,
+    isCustomStyleTag: isCustomStyleTag
+};
+
+$$1.summernote = $$1.summernote || {
+    lang: {}
+};
+$$1.extend($$1.summernote.lang, {
+    'en-US': {
+        font: {
+            bold: 'Bold',
+            italic: 'Italic',
+            underline: 'Underline',
+            clear: 'Remove Font Style',
+            height: 'Line Height',
+            name: 'Font Family',
+            strikethrough: 'Strikethrough',
+            subscript: 'Subscript',
+            superscript: 'Superscript',
+            size: 'Font Size'
+        },
+        image: {
+            image: 'Picture',
+            insert: 'Insert Image',
+            resizeFull: 'Resize Full',
+            resizeHalf: 'Resize Half',
+            resizeQuarter: 'Resize Quarter',
+            floatLeft: 'Float Left',
+            floatRight: 'Float Right',
+            floatNone: 'Float None',
+            shapeRounded: 'Shape: Rounded',
+            shapeCircle: 'Shape: Circle',
+            shapeThumbnail: 'Shape: Thumbnail',
+            shapeNone: 'Shape: None',
+            dragImageHere: 'Drag image or text here',
+            dropImage: 'Drop image or Text',
+            selectFromFiles: 'Select from files',
+            maximumFileSize: 'Maximum file size',
+            maximumFileSizeError: 'Maximum file size exceeded.',
+            url: 'Image URL',
+            remove: 'Remove Image',
+            original: 'Original'
+        },
+        video: {
+            video: 'Video',
+            videoLink: 'Video Link',
+            insert: 'Insert Video',
+            url: 'Video URL',
+            providers: '(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)'
+        },
+        link: {
+            link: 'Link',
+            insert: 'Insert Link',
+            unlink: 'Unlink',
+            edit: 'Edit',
+            textToDisplay: 'Text to display',
+            url: 'To what URL should this link go?',
+            openInNewWindow: 'Open in new window'
+        },
+        table: {
+            table: 'Table',
+            addRowAbove: 'Add row above',
+            addRowBelow: 'Add row below',
+            addColLeft: 'Add column left',
+            addColRight: 'Add column right',
+            delRow: 'Delete row',
+            delCol: 'Delete column',
+            delTable: 'Delete table'
+        },
+        hr: {
+            insert: 'Insert Horizontal Rule'
+        },
+        style: {
+            style: 'Style',
+            p: 'Normal',
+            blockquote: 'Quote',
+            pre: 'Code',
+            h1: 'Header 1',
+            h2: 'Header 2',
+            h3: 'Header 3',
+            h4: 'Header 4',
+            h5: 'Header 5',
+            h6: 'Header 6'
+        },
+        lists: {
+            unordered: 'Unordered list',
+            ordered: 'Ordered list'
+        },
+        options: {
+            help: 'Help',
+            fullscreen: 'Full Screen',
+            codeview: 'Code View'
+        },
+        paragraph: {
+            paragraph: 'Paragraph',
+            outdent: 'Outdent',
+            indent: 'Indent',
+            left: 'Align left',
+            center: 'Align center',
+            right: 'Align right',
+            justify: 'Justify full'
+        },
+        color: {
+            recent: 'Recent Color',
+            more: 'More Color',
+            background: 'Background Color',
+            foreground: 'Foreground Color',
+            transparent: 'Transparent',
+            setTransparent: 'Set transparent',
+            reset: 'Reset',
+            resetToDefault: 'Reset to default'
+        },
+        shortcut: {
+            shortcuts: 'Keyboard shortcuts',
+            close: 'Close',
+            textFormatting: 'Text formatting',
+            action: 'Action',
+            paragraphFormatting: 'Paragraph formatting',
+            documentStyle: 'Document Style',
+            extraKeys: 'Extra keys'
+        },
+        help: {
+            'insertParagraph': 'Insert Paragraph',
+            'undo': 'Undoes the last command',
+            'redo': 'Redoes the last command',
+            'tab': 'Tab',
+            'untab': 'Untab',
+            'bold': 'Set a bold style',
+            'italic': 'Set a italic style',
+            'underline': 'Set a underline style',
+            'strikethrough': 'Set a strikethrough style',
+            'removeFormat': 'Clean a style',
+            'justifyLeft': 'Set left align',
+            'justifyCenter': 'Set center align',
+            'justifyRight': 'Set right align',
+            'justifyFull': 'Set full align',
+            'insertUnorderedList': 'Toggle unordered list',
+            'insertOrderedList': 'Toggle ordered list',
+            'outdent': 'Outdent on current paragraph',
+            'indent': 'Indent on current paragraph',
+            'formatPara': 'Change current block\'s format as a paragraph(P tag)',
+            'formatH1': 'Change current block\'s format as H1',
+            'formatH2': 'Change current block\'s format as H2',
+            'formatH3': 'Change current block\'s format as H3',
+            'formatH4': 'Change current block\'s format as H4',
+            'formatH5': 'Change current block\'s format as H5',
+            'formatH6': 'Change current block\'s format as H6',
+            'insertHorizontalRule': 'Insert horizontal rule',
+            'linkDialog.show': 'Show Link Dialog'
+        },
+        history: {
+            undo: 'Undo',
+            redo: 'Redo'
+        },
+        specialChar: {
+            specialChar: 'SPECIAL CHARACTERS',
+            select: 'Select Special characters'
+        }
+    }
+});
+
+var KEY_MAP = {
+    'BACKSPACE': 8,
+    'TAB': 9,
+    'ENTER': 13,
+    'SPACE': 32,
+    'DELETE': 46,
+    // Arrow
+    'LEFT': 37,
+    'UP': 38,
+    'RIGHT': 39,
+    'DOWN': 40,
+    // Number: 0-9
+    'NUM0': 48,
+    'NUM1': 49,
+    'NUM2': 50,
+    'NUM3': 51,
+    'NUM4': 52,
+    'NUM5': 53,
+    'NUM6': 54,
+    'NUM7': 55,
+    'NUM8': 56,
+    // Alphabet: a-z
+    'B': 66,
+    'E': 69,
+    'I': 73,
+    'J': 74,
+    'K': 75,
+    'L': 76,
+    'R': 82,
+    'S': 83,
+    'U': 85,
+    'V': 86,
+    'Y': 89,
+    'Z': 90,
+    'SLASH': 191,
+    'LEFTBRACKET': 219,
+    'BACKSLASH': 220,
+    'RIGHTBRACKET': 221
+};
+/**
+ * @class core.key
+ *
+ * Object for keycodes.
+ *
+ * @singleton
+ * @alternateClassName key
+ */
+var key = {
+    /**
+     * @method isEdit
+     *
+     * @param {Number} keyCode
+     * @return {Boolean}
+     */
+    isEdit: function (keyCode) {
+        return lists.contains([
+            KEY_MAP.BACKSPACE,
+            KEY_MAP.TAB,
+            KEY_MAP.ENTER,
+            KEY_MAP.SPACE,
+            KEY_MAP.DELETE
+        ], keyCode);
+    },
+    /**
+     * @method isMove
+     *
+     * @param {Number} keyCode
+     * @return {Boolean}
+     */
+    isMove: function (keyCode) {
+        return lists.contains([
+            KEY_MAP.LEFT,
+            KEY_MAP.UP,
+            KEY_MAP.RIGHT,
+            KEY_MAP.DOWN
+        ], keyCode);
+    },
+    /**
+     * @property {Object} nameFromCode
+     * @property {String} nameFromCode.8 "BACKSPACE"
+     */
+    nameFromCode: func.invertObject(KEY_MAP),
+    code: KEY_MAP
+};
+
+/**
+ * return boundaryPoint from TextRange, inspired by Andy Na's HuskyRange.js
+ *
+ * @param {TextRange} textRange
+ * @param {Boolean} isStart
+ * @return {BoundaryPoint}
+ *
+ * @see http://msdn.microsoft.com/en-us/library/ie/ms535872(v=vs.85).aspx
+ */
+function textRangeToPoint(textRange, isStart) {
+    var container = textRange.parentElement();
+    var offset;
+    var tester = document.body.createTextRange();
+    var prevContainer;
+    var childNodes = lists.from(container.childNodes);
+    for (offset = 0; offset < childNodes.length; offset++) {
+        if (dom.isText(childNodes[offset])) {
+            continue;
+        }
+        tester.moveToElementText(childNodes[offset]);
+        if (tester.compareEndPoints('StartToStart', textRange) >= 0) {
+            break;
+        }
+        prevContainer = childNodes[offset];
+    }
+    if (offset !== 0 && dom.isText(childNodes[offset - 1])) {
+        var textRangeStart = document.body.createTextRange();
+        var curTextNode = null;
+        textRangeStart.moveToElementText(prevContainer || container);
+        textRangeStart.collapse(!prevContainer);
+        curTextNode = prevContainer ? prevContainer.nextSibling : container.firstChild;
+        var pointTester = textRange.duplicate();
+        pointTester.setEndPoint('StartToStart', textRangeStart);
+        var textCount = pointTester.text.replace(/[\r\n]/g, '').length;
+        while (textCount > curTextNode.nodeValue.length && curTextNode.nextSibling) {
+            textCount -= curTextNode.nodeValue.length;
+            curTextNode = curTextNode.nextSibling;
+        }
+        // [workaround] enforce IE to re-reference curTextNode, hack
+        var dummy = curTextNode.nodeValue; // eslint-disable-line
+        if (isStart && curTextNode.nextSibling && dom.isText(curTextNode.nextSibling) &&
+            textCount === curTextNode.nodeValue.length) {
+            textCount -= curTextNode.nodeValue.length;
+            curTextNode = curTextNode.nextSibling;
+        }
+        container = curTextNode;
+        offset = textCount;
+    }
+    return {
+        cont: container,
+        offset: offset
+    };
+}
+/**
+ * return TextRange from boundary point (inspired by google closure-library)
+ * @param {BoundaryPoint} point
+ * @return {TextRange}
+ */
+function pointToTextRange(point) {
+    var textRangeInfo = function (container, offset) {
+        var node, isCollapseToStart;
+        if (dom.isText(container)) {
+            var prevTextNodes = dom.listPrev(container, func.not(dom.isText));
+            var prevContainer = lists.last(prevTextNodes).previousSibling;
+            node = prevContainer || container.parentNode;
+            offset += lists.sum(lists.tail(prevTextNodes), dom.nodeLength);
+            isCollapseToStart = !prevContainer;
+        }
+        else {
+            node = container.childNodes[offset] || container;
+            if (dom.isText(node)) {
+                return textRangeInfo(node, 0);
+            }
+            offset = 0;
+            isCollapseToStart = false;
+        }
+        return {
+            node: node,
+            collapseToStart: isCollapseToStart,
+            offset: offset
+        };
+    };
+    var textRange = document.body.createTextRange();
+    var info = textRangeInfo(point.node, point.offset);
+    textRange.moveToElementText(info.node);
+    textRange.collapse(info.collapseToStart);
+    textRange.moveStart('character', info.offset);
+    return textRange;
+}
+/**
+   * Wrapped Range
+   *
+   * @constructor
+   * @param {Node} sc - start container
+   * @param {Number} so - start offset
+   * @param {Node} ec - end container
+   * @param {Number} eo - end offset
+   */
+var WrappedRange = /** @class */ (function () {
+    function WrappedRange(sc, so, ec, eo) {
+        this.sc = sc;
+        this.so = so;
+        this.ec = ec;
+        this.eo = eo;
+        // isOnEditable: judge whether range is on editable or not
+        this.isOnEditable = this.makeIsOn(dom.isEditable);
+        // isOnList: judge whether range is on list node or not
+        this.isOnList = this.makeIsOn(dom.isList);
+        // isOnAnchor: judge whether range is on anchor node or not
+        this.isOnAnchor = this.makeIsOn(dom.isAnchor);
+        // isOnCell: judge whether range is on cell node or not
+        this.isOnCell = this.makeIsOn(dom.isCell);
+        // isOnData: judge whether range is on data node or not
+        this.isOnData = this.makeIsOn(dom.isData);
+    }
+    // nativeRange: get nativeRange from sc, so, ec, eo
+    WrappedRange.prototype.nativeRange = function () {
+        if (env.isW3CRangeSupport) {
+            var w3cRange = document.createRange();
+            w3cRange.setStart(this.sc, this.so);
+            w3cRange.setEnd(this.ec, this.eo);
+            return w3cRange;
+        }
+        else {
+            var textRange = pointToTextRange({
+                node: this.sc,
+                offset: this.so
+            });
+            textRange.setEndPoint('EndToEnd', pointToTextRange({
+                node: this.ec,
+                offset: this.eo
+            }));
+            return textRange;
+        }
+    };
+    WrappedRange.prototype.getPoints = function () {
+        return {
+            sc: this.sc,
+            so: this.so,
+            ec: this.ec,
+            eo: this.eo
+        };
+    };
+    WrappedRange.prototype.getStartPoint = function () {
+        return {
+            node: this.sc,
+            offset: this.so
+        };
+    };
+    WrappedRange.prototype.getEndPoint = function () {
+        return {
+            node: this.ec,
+            offset: this.eo
+        };
+    };
+    /**
+     * select update visible range
+     */
+    WrappedRange.prototype.select = function () {
+        var nativeRng = this.nativeRange();
+        if (env.isW3CRangeSupport) {
+            var selection = document.getSelection();
+            if (selection.rangeCount > 0) {
+                selection.removeAllRanges();
+            }
+            selection.addRange(nativeRng);
+        }
+        else {
+            nativeRng.select();
+        }
+        return this;
+    };
+    /**
+     * Moves the scrollbar to start container(sc) of current range
+     *
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.scrollIntoView = function (container) {
+        var height = $$1(container).height();
+        if (container.scrollTop + height < this.sc.offsetTop) {
+            container.scrollTop += Math.abs(container.scrollTop + height - this.sc.offsetTop);
+        }
+        return this;
+    };
+    /**
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.normalize = function () {
+        /**
+         * @param {BoundaryPoint} point
+         * @param {Boolean} isLeftToRight
+         * @return {BoundaryPoint}
+         */
+        var getVisiblePoint = function (point, isLeftToRight) {
+            if ((dom.isVisiblePoint(point) && !dom.isEdgePoint(point)) ||
+                (dom.isVisiblePoint(point) && dom.isRightEdgePoint(point) && !isLeftToRight) ||
+                (dom.isVisiblePoint(point) && dom.isLeftEdgePoint(point) && isLeftToRight) ||
+                (dom.isVisiblePoint(point) && dom.isBlock(point.node) && dom.isEmpty(point.node))) {
+                return point;
+            }
+            // point on block's edge
+            var block = dom.ancestor(point.node, dom.isBlock);
+            if (((dom.isLeftEdgePointOf(point, block) || dom.isVoid(dom.prevPoint(point).node)) && !isLeftToRight) ||
+                ((dom.isRightEdgePointOf(point, block) || dom.isVoid(dom.nextPoint(point).node)) && isLeftToRight)) {
+                // returns point already on visible point
+                if (dom.isVisiblePoint(point)) {
+                    return point;
+                }
+                // reverse direction
+                isLeftToRight = !isLeftToRight;
+            }
+            var nextPoint = isLeftToRight ? dom.nextPointUntil(dom.nextPoint(point), dom.isVisiblePoint)
+                : dom.prevPointUntil(dom.prevPoint(point), dom.isVisiblePoint);
+            return nextPoint || point;
+        };
+        var endPoint = getVisiblePoint(this.getEndPoint(), false);
+        var startPoint = this.isCollapsed() ? endPoint : getVisiblePoint(this.getStartPoint(), true);
+        return new WrappedRange(startPoint.node, startPoint.offset, endPoint.node, endPoint.offset);
+    };
+    /**
+     * returns matched nodes on range
+     *
+     * @param {Function} [pred] - predicate function
+     * @param {Object} [options]
+     * @param {Boolean} [options.includeAncestor]
+     * @param {Boolean} [options.fullyContains]
+     * @return {Node[]}
+     */
+    WrappedRange.prototype.nodes = function (pred, options) {
+        pred = pred || func.ok;
+        var includeAncestor = options && options.includeAncestor;
+        var fullyContains = options && options.fullyContains;
+        // TODO compare points and sort
+        var startPoint = this.getStartPoint();
+        var endPoint = this.getEndPoint();
+        var nodes = [];
+        var leftEdgeNodes = [];
+        dom.walkPoint(startPoint, endPoint, function (point) {
+            if (dom.isEditable(point.node)) {
+                return;
+            }
+            var node;
+            if (fullyContains) {
+                if (dom.isLeftEdgePoint(point)) {
+                    leftEdgeNodes.push(point.node);
+                }
+                if (dom.isRightEdgePoint(point) && lists.contains(leftEdgeNodes, point.node)) {
+                    node = point.node;
+                }
+            }
+            else if (includeAncestor) {
+                node = dom.ancestor(point.node, pred);
+            }
+            else {
+                node = point.node;
+            }
+            if (node && pred(node)) {
+                nodes.push(node);
+            }
+        }, true);
+        return lists.unique(nodes);
+    };
+    /**
+     * returns commonAncestor of range
+     * @return {Element} - commonAncestor
+     */
+    WrappedRange.prototype.commonAncestor = function () {
+        return dom.commonAncestor(this.sc, this.ec);
+    };
+    /**
+     * returns expanded range by pred
+     *
+     * @param {Function} pred - predicate function
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.expand = function (pred) {
+        var startAncestor = dom.ancestor(this.sc, pred);
+        var endAncestor = dom.ancestor(this.ec, pred);
+        if (!startAncestor && !endAncestor) {
+            return new WrappedRange(this.sc, this.so, this.ec, this.eo);
+        }
+        var boundaryPoints = this.getPoints();
+        if (startAncestor) {
+            boundaryPoints.sc = startAncestor;
+            boundaryPoints.so = 0;
+        }
+        if (endAncestor) {
+            boundaryPoints.ec = endAncestor;
+            boundaryPoints.eo = dom.nodeLength(endAncestor);
+        }
+        return new WrappedRange(boundaryPoints.sc, boundaryPoints.so, boundaryPoints.ec, boundaryPoints.eo);
+    };
+    /**
+     * @param {Boolean} isCollapseToStart
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.collapse = function (isCollapseToStart) {
+        if (isCollapseToStart) {
+            return new WrappedRange(this.sc, this.so, this.sc, this.so);
+        }
+        else {
+            return new WrappedRange(this.ec, this.eo, this.ec, this.eo);
+        }
+    };
+    /**
+     * splitText on range
+     */
+    WrappedRange.prototype.splitText = function () {
+        var isSameContainer = this.sc === this.ec;
+        var boundaryPoints = this.getPoints();
+        if (dom.isText(this.ec) && !dom.isEdgePoint(this.getEndPoint())) {
+            this.ec.splitText(this.eo);
+        }
+        if (dom.isText(this.sc) && !dom.isEdgePoint(this.getStartPoint())) {
+            boundaryPoints.sc = this.sc.splitText(this.so);
+            boundaryPoints.so = 0;
+            if (isSameContainer) {
+                boundaryPoints.ec = boundaryPoints.sc;
+                boundaryPoints.eo = this.eo - this.so;
+            }
+        }
+        return new WrappedRange(boundaryPoints.sc, boundaryPoints.so, boundaryPoints.ec, boundaryPoints.eo);
+    };
+    /**
+     * delete contents on range
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.deleteContents = function () {
+        if (this.isCollapsed()) {
+            return this;
+        }
+        var rng = this.splitText();
+        var nodes = rng.nodes(null, {
+            fullyContains: true
+        });
+        // find new cursor point
+        var point = dom.prevPointUntil(rng.getStartPoint(), function (point) {
+            return !lists.contains(nodes, point.node);
+        });
+        var emptyParents = [];
+        $$1.each(nodes, function (idx, node) {
+            // find empty parents
+            var parent = node.parentNode;
+            if (point.node !== parent && dom.nodeLength(parent) === 1) {
+                emptyParents.push(parent);
+            }
+            dom.remove(node, false);
+        });
+        // remove empty parents
+        $$1.each(emptyParents, function (idx, node) {
+            dom.remove(node, false);
+        });
+        return new WrappedRange(point.node, point.offset, point.node, point.offset).normalize();
+    };
+    /**
+     * makeIsOn: return isOn(pred) function
+     */
+    WrappedRange.prototype.makeIsOn = function (pred) {
+        return function () {
+            var ancestor = dom.ancestor(this.sc, pred);
+            return !!ancestor && (ancestor === dom.ancestor(this.ec, pred));
+        };
+    };
+    /**
+     * @param {Function} pred
+     * @return {Boolean}
+     */
+    WrappedRange.prototype.isLeftEdgeOf = function (pred) {
+        if (!dom.isLeftEdgePoint(this.getStartPoint())) {
+            return false;
+        }
+        var node = dom.ancestor(this.sc, pred);
+        return node && dom.isLeftEdgeOf(this.sc, node);
+    };
+    /**
+     * returns whether range was collapsed or not
+     */
+    WrappedRange.prototype.isCollapsed = function () {
+        return this.sc === this.ec && this.so === this.eo;
+    };
+    /**
+     * wrap inline nodes which children of body with paragraph
+     *
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.wrapBodyInlineWithPara = function () {
+        if (dom.isBodyContainer(this.sc) && dom.isEmpty(this.sc)) {
+            this.sc.innerHTML = dom.emptyPara;
+            return new WrappedRange(this.sc.firstChild, 0, this.sc.firstChild, 0);
+        }
+        /**
+         * [workaround] firefox often create range on not visible point. so normalize here.
+         *  - firefox: |<p>text</p>|
+         *  - chrome: <p>|text|</p>
+         */
+        var rng = this.normalize();
+        if (dom.isParaInline(this.sc) || dom.isPara(this.sc)) {
+            return rng;
+        }
+        // find inline top ancestor
+        var topAncestor;
+        if (dom.isInline(rng.sc)) {
+            var ancestors = dom.listAncestor(rng.sc, func.not(dom.isInline));
+            topAncestor = lists.last(ancestors);
+            if (!dom.isInline(topAncestor)) {
+                topAncestor = ancestors[ancestors.length - 2] || rng.sc.childNodes[rng.so];
+            }
+        }
+        else {
+            topAncestor = rng.sc.childNodes[rng.so > 0 ? rng.so - 1 : 0];
+        }
+        // siblings not in paragraph
+        var inlineSiblings = dom.listPrev(topAncestor, dom.isParaInline).reverse();
+        inlineSiblings = inlineSiblings.concat(dom.listNext(topAncestor.nextSibling, dom.isParaInline));
+        // wrap with paragraph
+        if (inlineSiblings.length) {
+            var para = dom.wrap(lists.head(inlineSiblings), 'p');
+            dom.appendChildNodes(para, lists.tail(inlineSiblings));
+        }
+        return this.normalize();
+    };
+    /**
+     * insert node at current cursor
+     *
+     * @param {Node} node
+     * @return {Node}
+     */
+    WrappedRange.prototype.insertNode = function (node) {
+        var rng = this.wrapBodyInlineWithPara().deleteContents();
+        var info = dom.splitPoint(rng.getStartPoint(), dom.isInline(node));
+        if (info.rightNode) {
+            info.rightNode.parentNode.insertBefore(node, info.rightNode);
+        }
+        else {
+            info.container.appendChild(node);
+        }
+        return node;
+    };
+    /**
+     * insert html at current cursor
+     */
+    WrappedRange.prototype.pasteHTML = function (markup) {
+        var contentsContainer = $$1('<div></div>').html(markup)[0];
+        var childNodes = lists.from(contentsContainer.childNodes);
+        var rng = this.wrapBodyInlineWithPara().deleteContents();
+        return childNodes.reverse().map(function (childNode) {
+            return rng.insertNode(childNode);
+        }).reverse();
+    };
+    /**
+     * returns text in range
+     *
+     * @return {String}
+     */
+    WrappedRange.prototype.toString = function () {
+        var nativeRng = this.nativeRange();
+        return env.isW3CRangeSupport ? nativeRng.toString() : nativeRng.text;
+    };
+    /**
+     * returns range for word before cursor
+     *
+     * @param {Boolean} [findAfter] - find after cursor, default: false
+     * @return {WrappedRange}
+     */
+    WrappedRange.prototype.getWordRange = function (findAfter) {
+        var endPoint = this.getEndPoint();
+        if (!dom.isCharPoint(endPoint)) {
+            return this;
+        }
+        var startPoint = dom.prevPointUntil(endPoint, function (point) {
+            return !dom.isCharPoint(point);
+        });
+        if (findAfter) {
+            endPoint = dom.nextPointUntil(endPoint, function (point) {
+                return !dom.isCharPoint(point);
+            });
+        }
+        return new WrappedRange(startPoint.node, startPoint.offset, endPoint.node, endPoint.offset);
+    };
+    /**
+     * create offsetPath bookmark
+     *
+     * @param {Node} editable
+     */
+    WrappedRange.prototype.bookmark = function (editable) {
+        return {
+            s: {
+                path: dom.makeOffsetPath(editable, this.sc),
+                offset: this.so
+            },
+            e: {
+                path: dom.makeOffsetPath(editable, this.ec),
+                offset: this.eo
+            }
+        };
+    };
+    /**
+     * create offsetPath bookmark base on paragraph
+     *
+     * @param {Node[]} paras
+     */
+    WrappedRange.prototype.paraBookmark = function (paras) {
+        return {
+            s: {
+                path: lists.tail(dom.makeOffsetPath(lists.head(paras), this.sc)),
+                offset: this.so
+            },
+            e: {
+                path: lists.tail(dom.makeOffsetPath(lists.last(paras), this.ec)),
+                offset: this.eo
+            }
+        };
+    };
+    /**
+     * getClientRects
+     * @return {Rect[]}
+     */
+    WrappedRange.prototype.getClientRects = function () {
+        var nativeRng = this.nativeRange();
+        return nativeRng.getClientRects();
+    };
+    return WrappedRange;
+}());
+/**
+ * Data structure
+ *  * BoundaryPoint: a point of dom tree
+ *  * BoundaryPoints: two boundaryPoints corresponding to the start and the end of the Range
+ *
+ * See to http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level-2-Range-Position
+ */
+var range = {
+    /**
+     * create Range Object From arguments or Browser Selection
+     *
+     * @param {Node} sc - start container
+     * @param {Number} so - start offset
+     * @param {Node} ec - end container
+     * @param {Number} eo - end offset
+     * @return {WrappedRange}
+     */
+    create: function (sc, so, ec, eo) {
+        if (arguments.length === 4) {
+            return new WrappedRange(sc, so, ec, eo);
+        }
+        else if (arguments.length === 2) {
+            ec = sc;
+            eo = so;
+            return new WrappedRange(sc, so, ec, eo);
+        }
+        else {
+            var wrappedRange = this.createFromSelection();
+            if (!wrappedRange && arguments.length === 1) {
+                wrappedRange = this.createFromNode(arguments[0]);
+                return wrappedRange.collapse(dom.emptyPara === arguments[0].innerHTML);
+            }
+            return wrappedRange;
+        }
+    },
+    createFromSelection: function () {
+        var sc, so, ec, eo;
+        if (env.isW3CRangeSupport) {
+            var selection = document.getSelection();
+            if (!selection || selection.rangeCount === 0) {
+                return null;
+            }
+            else if (dom.isBody(selection.anchorNode)) {
+                // Firefox: returns entire body as range on initialization.
+                // We won't never need it.
+                return null;
+            }
+            var nativeRng = selection.getRangeAt(0);
+            sc = nativeRng.startContainer;
+            so = nativeRng.startOffset;
+            ec = nativeRng.endContainer;
+            eo = nativeRng.endOffset;
+        }
+        else {
+            var textRange = document.selection.createRange();
+            var textRangeEnd = textRange.duplicate();
+            textRangeEnd.collapse(false);
+            var textRangeStart = textRange;
+            textRangeStart.collapse(true);
+            var startPoint = textRangeToPoint(textRangeStart, true);
+            var endPoint = textRangeToPoint(textRangeEnd, false);
+            // same visible point case: range was collapsed.
+            if (dom.isText(startPoint.node) && dom.isLeftEdgePoint(startPoint) &&
+                dom.isTextNode(endPoint.node) && dom.isRightEdgePoint(endPoint) &&
+                endPoint.node.nextSibling === startPoint.node) {
+                startPoint = endPoint;
+            }
+            sc = startPoint.cont;
+            so = startPoint.offset;
+            ec = endPoint.cont;
+            eo = endPoint.offset;
+        }
+        return new WrappedRange(sc, so, ec, eo);
+    },
+    /**
+     * @method
+     *
+     * create WrappedRange from node
+     *
+     * @param {Node} node
+     * @return {WrappedRange}
+     */
+    createFromNode: function (node) {
+        var sc = node;
+        var so = 0;
+        var ec = node;
+        var eo = dom.nodeLength(ec);
+        // browsers can't target a picture or void node
+        if (dom.isVoid(sc)) {
+            so = dom.listPrev(sc).length - 1;
+            sc = sc.parentNode;
+        }
+        if (dom.isBR(ec)) {
+            eo = dom.listPrev(ec).length - 1;
+            ec = ec.parentNode;
+        }
+        else if (dom.isVoid(ec)) {
+            eo = dom.listPrev(ec).length;
+            ec = ec.parentNode;
+        }
+        return this.create(sc, so, ec, eo);
+    },
+    /**
+     * create WrappedRange from node after position
+     *
+     * @param {Node} node
+     * @return {WrappedRange}
+     */
+    createFromNodeBefore: function (node) {
+        return this.createFromNode(node).collapse(true);
+    },
+    /**
+     * create WrappedRange from node after position
+     *
+     * @param {Node} node
+     * @return {WrappedRange}
+     */
+    createFromNodeAfter: function (node) {
+        return this.createFromNode(node).collapse();
+    },
+    /**
+     * @method
+     *
+     * create WrappedRange from bookmark
+     *
+     * @param {Node} editable
+     * @param {Object} bookmark
+     * @return {WrappedRange}
+     */
+    createFromBookmark: function (editable, bookmark) {
+        var sc = dom.fromOffsetPath(editable, bookmark.s.path);
+        var so = bookmark.s.offset;
+        var ec = dom.fromOffsetPath(editable, bookmark.e.path);
+        var eo = bookmark.e.offset;
+        return new WrappedRange(sc, so, ec, eo);
+    },
+    /**
+     * @method
+     *
+     * create WrappedRange from paraBookmark
+     *
+     * @param {Object} bookmark
+     * @param {Node[]} paras
+     * @return {WrappedRange}
+     */
+    createFromParaBookmark: function (bookmark, paras) {
+        var so = bookmark.s.offset;
+        var eo = bookmark.e.offset;
+        var sc = dom.fromOffsetPath(lists.head(paras), bookmark.s.path);
+        var ec = dom.fromOffsetPath(lists.last(paras), bookmark.e.path);
+        return new WrappedRange(sc, so, ec, eo);
+    }
+};
+
+/**
+ * @method readFileAsDataURL
+ *
+ * read contents of file as representing URL
+ *
+ * @param {File} file
+ * @return {Promise} - then: dataUrl
+ */
+function readFileAsDataURL(file) {
+    return $$1.Deferred(function (deferred) {
+        $$1.extend(new FileReader(), {
+            onload: function (e) {
+                var dataURL = e.target.result;
+                deferred.resolve(dataURL);
+            },
+            onerror: function (err) {
+                deferred.reject(err);
+            }
+        }).readAsDataURL(file);
+    }).promise();
+}
+/**
+ * @method createImage
+ *
+ * create `<image>` from url string
+ *
+ * @param {String} url
+ * @return {Promise} - then: $image
+ */
+function createImage(url) {
+    return $$1.Deferred(function (deferred) {
+        var $img = $$1('<img>');
+        $img.one('load', function () {
+            $img.off('error abort');
+            deferred.resolve($img);
+        }).one('error abort', function () {
+            $img.off('load').detach();
+            deferred.reject($img);
+        }).css({
+            display: 'none'
+        }).appendTo(document.body).attr('src', url);
+    }).promise();
+}
+
+var History = /** @class */ (function () {
+    function History($editable) {
+        this.stack = [];
+        this.stackOffset = -1;
+        this.$editable = $editable;
+        this.editable = $editable[0];
+    }
+    History.prototype.makeSnapshot = function () {
+        var rng = range.create(this.editable);
+        var emptyBookmark = { s: { path: [], offset: 0 }, e: { path: [], offset: 0 } };
+        return {
+            contents: this.$editable.html(),
+            bookmark: (rng ? rng.bookmark(this.editable) : emptyBookmark)
+        };
+    };
+    History.prototype.applySnapshot = function (snapshot) {
+        if (snapshot.contents !== null) {
+            this.$editable.html(snapshot.contents);
+        }
+        if (snapshot.bookmark !== null) {
+            range.createFromBookmark(this.editable, snapshot.bookmark).select();
+        }
+    };
+    /**
+    * @method rewind
+    * Rewinds the history stack back to the first snapshot taken.
+    * Leaves the stack intact, so that "Redo" can still be used.
+    */
+    History.prototype.rewind = function () {
+        // Create snap shot if not yet recorded
+        if (this.$editable.html() !== this.stack[this.stackOffset].contents) {
+            this.recordUndo();
+        }
+        // Return to the first available snapshot.
+        this.stackOffset = 0;
+        // Apply that snapshot.
+        this.applySnapshot(this.stack[this.stackOffset]);
+    };
+    /**
+    * @method reset
+    * Resets the history stack completely; reverting to an empty editor.
+    */
+    History.prototype.reset = function () {
+        // Clear the stack.
+        this.stack = [];
+        // Restore stackOffset to its original value.
+        this.stackOffset = -1;
+        // Clear the editable area.
+        this.$editable.html('');
+        // Record our first snapshot (of nothing).
+        this.recordUndo();
+    };
+    /**
+     * undo
+     */
+    History.prototype.undo = function () {
+        // Create snap shot if not yet recorded
+        if (this.$editable.html() !== this.stack[this.stackOffset].contents) {
+            this.recordUndo();
+        }
+        if (this.stackOffset > 0) {
+            this.stackOffset--;
+            this.applySnapshot(this.stack[this.stackOffset]);
+        }
+    };
+    /**
+     * redo
+     */
+    History.prototype.redo = function () {
+        if (this.stack.length - 1 > this.stackOffset) {
+            this.stackOffset++;
+            this.applySnapshot(this.stack[this.stackOffset]);
+        }
+    };
+    /**
+     * recorded undo
+     */
+    History.prototype.recordUndo = function () {
+        this.stackOffset++;
+        // Wash out stack after stackOffset
+        if (this.stack.length > this.stackOffset) {
+            this.stack = this.stack.slice(0, this.stackOffset);
+        }
+        // Create new snapshot and push it to the end
+        this.stack.push(this.makeSnapshot());
+    };
+    return History;
+}());
+
+var Style = /** @class */ (function () {
+    function Style() {
+    }
+    /**
+     * @method jQueryCSS
+     *
+     * [workaround] for old jQuery
+     * passing an array of style properties to .css()
+     * will result in an object of property-value pairs.
+     * (compability with version < 1.9)
+     *
+     * @private
+     * @param  {jQuery} $obj
+     * @param  {Array} propertyNames - An array of one or more CSS properties.
+     * @return {Object}
+     */
+    Style.prototype.jQueryCSS = function ($obj, propertyNames) {
+        if (env.jqueryVersion < 1.9) {
+            var result_1 = {};
+            $$1.each(propertyNames, function (idx, propertyName) {
+                result_1[propertyName] = $obj.css(propertyName);
+            });
+            return result_1;
+        }
+        return $obj.css(propertyNames);
+    };
+    /**
+     * returns style object from node
+     *
+     * @param {jQuery} $node
+     * @return {Object}
+     */
+    Style.prototype.fromNode = function ($node) {
+        var properties = ['font-family', 'font-size', 'text-align', 'list-style-type', 'line-height'];
+        var styleInfo = this.jQueryCSS($node, properties) || {};
+        styleInfo['font-size'] = parseInt(styleInfo['font-size'], 10);
+        return styleInfo;
+    };
+    /**
+     * paragraph level style
+     *
+     * @param {WrappedRange} rng
+     * @param {Object} styleInfo
+     */
+    Style.prototype.stylePara = function (rng, styleInfo) {
+        $$1.each(rng.nodes(dom.isPara, {
+            includeAncestor: true
+        }), function (idx, para) {
+            $$1(para).css(styleInfo);
+        });
+    };
+    /**
+     * insert and returns styleNodes on range.
+     *
+     * @param {WrappedRange} rng
+     * @param {Object} [options] - options for styleNodes
+     * @param {String} [options.nodeName] - default: `SPAN`
+     * @param {Boolean} [options.expandClosestSibling] - default: `false`
+     * @param {Boolean} [options.onlyPartialContains] - default: `false`
+     * @return {Node[]}
+     */
+    Style.prototype.styleNodes = function (rng, options) {
+        rng = rng.splitText();
+        var nodeName = (options && options.nodeName) || 'SPAN';
+        var expandClosestSibling = !!(options && options.expandClosestSibling);
+        var onlyPartialContains = !!(options && options.onlyPartialContains);
+        if (rng.isCollapsed()) {
+            return [rng.insertNode(dom.create(nodeName))];
+        }
+        var pred = dom.makePredByNodeName(nodeName);
+        var nodes = rng.nodes(dom.isText, {
+            fullyContains: true
+        }).map(function (text) {
+            return dom.singleChildAncestor(text, pred) || dom.wrap(text, nodeName);
+        });
+        if (expandClosestSibling) {
+            if (onlyPartialContains) {
+                var nodesInRange_1 = rng.nodes();
+                // compose with partial contains predication
+                pred = func.and(pred, function (node) {
+                    return lists.contains(nodesInRange_1, node);
+                });
+            }
+            return nodes.map(function (node) {
+                var siblings = dom.withClosestSiblings(node, pred);
+                var head = lists.head(siblings);
+                var tails = lists.tail(siblings);
+                $$1.each(tails, function (idx, elem) {
+                    dom.appendChildNodes(head, elem.childNodes);
+                    dom.remove(elem);
+                });
+                return lists.head(siblings);
+            });
+        }
+        else {
+            return nodes;
+        }
+    };
+    /**
+     * get current style on cursor
+     *
+     * @param {WrappedRange} rng
+     * @return {Object} - object contains style properties.
+     */
+    Style.prototype.current = function (rng) {
+        var $cont = $$1(!dom.isElement(rng.sc) ? rng.sc.parentNode : rng.sc);
+        var styleInfo = this.fromNode($cont);
+        // document.queryCommandState for toggle state
+        // [workaround] prevent Firefox nsresult: "0x80004005 (NS_ERROR_FAILURE)"
+        try {
+            styleInfo = $$1.extend(styleInfo, {
+                'font-bold': document.queryCommandState('bold') ? 'bold' : 'normal',
+                'font-italic': document.queryCommandState('italic') ? 'italic' : 'normal',
+                'font-underline': document.queryCommandState('underline') ? 'underline' : 'normal',
+                'font-subscript': document.queryCommandState('subscript') ? 'subscript' : 'normal',
+                'font-superscript': document.queryCommandState('superscript') ? 'superscript' : 'normal',
+                'font-strikethrough': document.queryCommandState('strikethrough') ? 'strikethrough' : 'normal',
+                'font-family': document.queryCommandValue('fontname') || styleInfo['font-family']
+            });
+        }
+        catch (e) { }
+        // list-style-type to list-style(unordered, ordered)
+        if (!rng.isOnList()) {
+            styleInfo['list-style'] = 'none';
+        }
+        else {
+            var orderedTypes = ['circle', 'disc', 'disc-leading-zero', 'square'];
+            var isUnordered = $$1.inArray(styleInfo['list-style-type'], orderedTypes) > -1;
+            styleInfo['list-style'] = isUnordered ? 'unordered' : 'ordered';
+        }
+        var para = dom.ancestor(rng.sc, dom.isPara);
+        if (para && para.style['line-height']) {
+            styleInfo['line-height'] = para.style.lineHeight;
+        }
+        else {
+            var lineHeight = parseInt(styleInfo['line-height'], 10) / parseInt(styleInfo['font-size'], 10);
+            styleInfo['line-height'] = lineHeight.toFixed(1);
+        }
+        styleInfo.anchor = rng.isOnAnchor() && dom.ancestor(rng.sc, dom.isAnchor);
+        styleInfo.ancestors = dom.listAncestor(rng.sc, dom.isEditable);
+        styleInfo.range = rng;
+        return styleInfo;
+    };
+    return Style;
+}());
+
+var Bullet = /** @class */ (function () {
+    function Bullet() {
+    }
+    /**
+     * toggle ordered list
+     */
+    Bullet.prototype.insertOrderedList = function (editable) {
+        this.toggleList('OL', editable);
+    };
+    /**
+     * toggle unordered list
+     */
+    Bullet.prototype.insertUnorderedList = function (editable) {
+        this.toggleList('UL', editable);
+    };
+    /**
+     * indent
+     */
+    Bullet.prototype.indent = function (editable) {
+        var _this = this;
+        var rng = range.create(editable).wrapBodyInlineWithPara();
+        var paras = rng.nodes(dom.isPara, { includeAncestor: true });
+        var clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
+        $$1.each(clustereds, function (idx, paras) {
+            var head = lists.head(paras);
+            if (dom.isLi(head)) {
+                _this.wrapList(paras, head.parentNode.nodeName);
+            }
+            else {
+                $$1.each(paras, function (idx, para) {
+                    $$1(para).css('marginLeft', function (idx, val) {
+                        return (parseInt(val, 10) || 0) + 25;
+                    });
+                });
+            }
+        });
+        rng.select();
+    };
+    /**
+     * outdent
+     */
+    Bullet.prototype.outdent = function (editable) {
+        var _this = this;
+        var rng = range.create(editable).wrapBodyInlineWithPara();
+        var paras = rng.nodes(dom.isPara, { includeAncestor: true });
+        var clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
+        $$1.each(clustereds, function (idx, paras) {
+            var head = lists.head(paras);
+            if (dom.isLi(head)) {
+                _this.releaseList([paras]);
+            }
+            else {
+                $$1.each(paras, function (idx, para) {
+                    $$1(para).css('marginLeft', function (idx, val) {
+                        val = (parseInt(val, 10) || 0);
+                        return val > 25 ? val - 25 : '';
+                    });
+                });
+            }
+        });
+        rng.select();
+    };
+    /**
+     * toggle list
+     *
+     * @param {String} listName - OL or UL
+     */
+    Bullet.prototype.toggleList = function (listName, editable) {
+        var _this = this;
+        var rng = range.create(editable).wrapBodyInlineWithPara();
+        var paras = rng.nodes(dom.isPara, { includeAncestor: true });
+        var bookmark = rng.paraBookmark(paras);
+        var clustereds = lists.clusterBy(paras, func.peq2('parentNode'));
+        // paragraph to list
+        if (lists.find(paras, dom.isPurePara)) {
+            var wrappedParas_1 = [];
+            $$1.each(clustereds, function (idx, paras) {
+                wrappedParas_1 = wrappedParas_1.concat(_this.wrapList(paras, listName));
+            });
+            paras = wrappedParas_1;
+            // list to paragraph or change list style
+        }
+        else {
+            var diffLists = rng.nodes(dom.isList, {
+                includeAncestor: true
+            }).filter(function (listNode) {
+                return !$$1.nodeName(listNode, listName);
+            });
+            if (diffLists.length) {
+                $$1.each(diffLists, function (idx, listNode) {
+                    dom.replace(listNode, listName);
+                });
+            }
+            else {
+                paras = this.releaseList(clustereds, true);
+            }
+        }
+        range.createFromParaBookmark(bookmark, paras).select();
+    };
+    /**
+     * @param {Node[]} paras
+     * @param {String} listName
+     * @return {Node[]}
+     */
+    Bullet.prototype.wrapList = function (paras, listName) {
+        var head = lists.head(paras);
+        var last = lists.last(paras);
+        var prevList = dom.isList(head.previousSibling) && head.previousSibling;
+        var nextList = dom.isList(last.nextSibling) && last.nextSibling;
+        var listNode = prevList || dom.insertAfter(dom.create(listName || 'UL'), last);
+        // P to LI
+        paras = paras.map(function (para) {
+            return dom.isPurePara(para) ? dom.replace(para, 'LI') : para;
+        });
+        // append to list(<ul>, <ol>)
+        dom.appendChildNodes(listNode, paras);
+        if (nextList) {
+            dom.appendChildNodes(listNode, lists.from(nextList.childNodes));
+            dom.remove(nextList);
+        }
+        return paras;
+    };
+    /**
+     * @method releaseList
+     *
+     * @param {Array[]} clustereds
+     * @param {Boolean} isEscapseToBody
+     * @return {Node[]}
+     */
+    Bullet.prototype.releaseList = function (clustereds, isEscapseToBody) {
+        var releasedParas = [];
+        $$1.each(clustereds, function (idx, paras) {
+            var head = lists.head(paras);
+            var last = lists.last(paras);
+            var headList = isEscapseToBody ? dom.lastAncestor(head, dom.isList) : head.parentNode;
+            var lastList = headList.childNodes.length > 1 ? dom.splitTree(headList, {
+                node: last.parentNode,
+                offset: dom.position(last) + 1
+            }, {
+                isSkipPaddingBlankHTML: true
+            }) : null;
+            var middleList = dom.splitTree(headList, {
+                node: head.parentNode,
+                offset: dom.position(head)
+            }, {
+                isSkipPaddingBlankHTML: true
+            });
+            paras = isEscapseToBody ? dom.listDescendant(middleList, dom.isLi)
+                : lists.from(middleList.childNodes).filter(dom.isLi);
+            // LI to P
+            if (isEscapseToBody || !dom.isList(headList.parentNode)) {
+                paras = paras.map(function (para) {
+                    return dom.replace(para, 'P');
+                });
+            }
+            $$1.each(lists.from(paras).reverse(), function (idx, para) {
+                dom.insertAfter(para, headList);
+            });
+            // remove empty lists
+            var rootLists = lists.compact([headList, middleList, lastList]);
+            $$1.each(rootLists, function (idx, rootList) {
+                var listNodes = [rootList].concat(dom.listDescendant(rootList, dom.isList));
+                $$1.each(listNodes.reverse(), function (idx, listNode) {
+                    if (!dom.nodeLength(listNode)) {
+                        dom.remove(listNode, true);
+                    }
+                });
+            });
+            releasedParas = releasedParas.concat(paras);
+        });
+        return releasedParas;
+    };
+    return Bullet;
+}());
+
+/**
+ * @class editing.Typing
+ *
+ * Typing
+ *
+ */
+var Typing = /** @class */ (function () {
+    function Typing() {
+        // a Bullet instance to toggle lists off
+        this.bullet = new Bullet();
+    }
+    /**
+     * insert tab
+     *
+     * @param {WrappedRange} rng
+     * @param {Number} tabsize
+     */
+    Typing.prototype.insertTab = function (rng, tabsize) {
+        var tab = dom.createText(new Array(tabsize + 1).join(dom.NBSP_CHAR));
+        rng = rng.deleteContents();
+        rng.insertNode(tab, true);
+        rng = range.create(tab, tabsize);
+        rng.select();
+    };
+    /**
+     * insert paragraph
+     */
+    Typing.prototype.insertParagraph = function (editable) {
+        var rng = range.create(editable);
+        // deleteContents on range.
+        rng = rng.deleteContents();
+        // Wrap range if it needs to be wrapped by paragraph
+        rng = rng.wrapBodyInlineWithPara();
+        // finding paragraph
+        var splitRoot = dom.ancestor(rng.sc, dom.isPara);
+        var nextPara;
+        // on paragraph: split paragraph
+        if (splitRoot) {
+            // if it is an empty line with li
+            if (dom.isEmpty(splitRoot) && dom.isLi(splitRoot)) {
+                // toogle UL/OL and escape
+                this.bullet.toggleList(splitRoot.parentNode.nodeName);
+                return;
+                // if it is an empty line with para on blockquote
+            }
+            else if (dom.isEmpty(splitRoot) && dom.isPara(splitRoot) && dom.isBlockquote(splitRoot.parentNode)) {
+                // escape blockquote
+                dom.insertAfter(splitRoot, splitRoot.parentNode);
+                nextPara = splitRoot;
+                // if new line has content (not a line break)
+            }
+            else {
+                nextPara = dom.splitTree(splitRoot, rng.getStartPoint());
+                var emptyAnchors = dom.listDescendant(splitRoot, dom.isEmptyAnchor);
+                emptyAnchors = emptyAnchors.concat(dom.listDescendant(nextPara, dom.isEmptyAnchor));
+                $$1.each(emptyAnchors, function (idx, anchor) {
+                    dom.remove(anchor);
+                });
+                // replace empty heading, pre or custom-made styleTag with P tag
+                if ((dom.isHeading(nextPara) || dom.isPre(nextPara) || dom.isCustomStyleTag(nextPara)) && dom.isEmpty(nextPara)) {
+                    nextPara = dom.replace(nextPara, 'p');
+                }
+            }
+            // no paragraph: insert empty paragraph
+        }
+        else {
+            var next = rng.sc.childNodes[rng.so];
+            nextPara = $$1(dom.emptyPara)[0];
+            if (next) {
+                rng.sc.insertBefore(nextPara, next);
+            }
+            else {
+                rng.sc.appendChild(nextPara);
+            }
+        }
+        range.create(nextPara, 0).normalize().select().scrollIntoView(editable);
+    };
+    return Typing;
+}());
+
+/**
+ * @class Create a virtual table to create what actions to do in change.
+ * @param {object} startPoint Cell selected to apply change.
+ * @param {enum} where  Where change will be applied Row or Col. Use enum: TableResultAction.where
+ * @param {enum} action Action to be applied. Use enum: TableResultAction.requestAction
+ * @param {object} domTable Dom element of table to make changes.
+ */
+var TableResultAction = function (startPoint, where, action, domTable) {
+    var _startPoint = { 'colPos': 0, 'rowPos': 0 };
+    var _virtualTable = [];
+    var _actionCellList = [];
+    /// ///////////////////////////////////////////
+    // Private functions
+    /// ///////////////////////////////////////////
+    /**
+     * Set the startPoint of action.
+     */
+    function setStartPoint() {
+        if (!startPoint || !startPoint.tagName || (startPoint.tagName.toLowerCase() !== 'td' && startPoint.tagName.toLowerCase() !== 'th')) {
+            console.error('Impossible to identify start Cell point.', startPoint);
+            return;
+        }
+        _startPoint.colPos = startPoint.cellIndex;
+        if (!startPoint.parentElement || !startPoint.parentElement.tagName || startPoint.parentElement.tagName.toLowerCase() !== 'tr') {
+            console.error('Impossible to identify start Row point.', startPoint);
+            return;
+        }
+        _startPoint.rowPos = startPoint.parentElement.rowIndex;
+    }
+    /**
+     * Define virtual table position info object.
+     *
+     * @param {int} rowIndex Index position in line of virtual table.
+     * @param {int} cellIndex Index position in column of virtual table.
+     * @param {object} baseRow Row affected by this position.
+     * @param {object} baseCell Cell affected by this position.
+     * @param {bool} isSpan Inform if it is an span cell/row.
+     */
+    function setVirtualTablePosition(rowIndex, cellIndex, baseRow, baseCell, isRowSpan, isColSpan, isVirtualCell) {
+        var objPosition = {
+            'baseRow': baseRow,
+            'baseCell': baseCell,
+            'isRowSpan': isRowSpan,
+            'isColSpan': isColSpan,
+            'isVirtual': isVirtualCell
+        };
+        if (!_virtualTable[rowIndex]) {
+            _virtualTable[rowIndex] = [];
+        }
+        _virtualTable[rowIndex][cellIndex] = objPosition;
+    }
+    /**
+     * Create action cell object.
+     *
+     * @param {object} virtualTableCellObj Object of specific position on virtual table.
+     * @param {enum} resultAction Action to be applied in that item.
+     */
+    function getActionCell(virtualTableCellObj, resultAction, virtualRowPosition, virtualColPosition) {
+        return {
+            'baseCell': virtualTableCellObj.baseCell,
+            'action': resultAction,
+            'virtualTable': {
+                'rowIndex': virtualRowPosition,
+                'cellIndex': virtualColPosition
+            }
+        };
+    }
+    /**
+     * Recover free index of row to append Cell.
+     *
+     * @param {int} rowIndex Index of row to find free space.
+     * @param {int} cellIndex Index of cell to find free space in table.
+     */
+    function recoverCellIndex(rowIndex, cellIndex) {
+        if (!_virtualTable[rowIndex]) {
+            return cellIndex;
+        }
+        if (!_virtualTable[rowIndex][cellIndex]) {
+            return cellIndex;
+        }
+        var newCellIndex = cellIndex;
+        while (_virtualTable[rowIndex][newCellIndex]) {
+            newCellIndex++;
+            if (!_virtualTable[rowIndex][newCellIndex]) {
+                return newCellIndex;
+            }
+        }
+    }
+    /**
+     * Recover info about row and cell and add information to virtual table.
+     *
+     * @param {object} row Row to recover information.
+     * @param {object} cell Cell to recover information.
+     */
+    function addCellInfoToVirtual(row, cell) {
+        var cellIndex = recoverCellIndex(row.rowIndex, cell.cellIndex);
+        var cellHasColspan = (cell.colSpan > 1);
+        var cellHasRowspan = (cell.rowSpan > 1);
+        var isThisSelectedCell = (row.rowIndex === _startPoint.rowPos && cell.cellIndex === _startPoint.colPos);
+        setVirtualTablePosition(row.rowIndex, cellIndex, row, cell, cellHasRowspan, cellHasColspan, false);
+        // Add span rows to virtual Table.
+        var rowspanNumber = cell.attributes.rowSpan ? parseInt(cell.attributes.rowSpan.value, 10) : 0;
+        if (rowspanNumber > 1) {
+            for (var rp = 1; rp < rowspanNumber; rp++) {
+                var rowspanIndex = row.rowIndex + rp;
+                adjustStartPoint(rowspanIndex, cellIndex, cell, isThisSelectedCell);
+                setVirtualTablePosition(rowspanIndex, cellIndex, row, cell, true, cellHasColspan, true);
+            }
+        }
+        // Add span cols to virtual table.
+        var colspanNumber = cell.attributes.colSpan ? parseInt(cell.attributes.colSpan.value, 10) : 0;
+        if (colspanNumber > 1) {
+            for (var cp = 1; cp < colspanNumber; cp++) {
+                var cellspanIndex = recoverCellIndex(row.rowIndex, (cellIndex + cp));
+                adjustStartPoint(row.rowIndex, cellspanIndex, cell, isThisSelectedCell);
+                setVirtualTablePosition(row.rowIndex, cellspanIndex, row, cell, cellHasRowspan, true, true);
+            }
+        }
+    }
+    /**
+     * Process validation and adjust of start point if needed
+     *
+     * @param {int} rowIndex
+     * @param {int} cellIndex
+     * @param {object} cell
+     * @param {bool} isSelectedCell
+     */
+    function adjustStartPoint(rowIndex, cellIndex, cell, isSelectedCell) {
+        if (rowIndex === _startPoint.rowPos && _startPoint.colPos >= cell.cellIndex && cell.cellIndex <= cellIndex && !isSelectedCell) {
+            _startPoint.colPos++;
+        }
+    }
+    /**
+     * Create virtual table of cells with all cells, including span cells.
+     */
+    function createVirtualTable() {
+        var rows = domTable.rows;
+        for (var rowIndex = 0; rowIndex < rows.length; rowIndex++) {
+            var cells = rows[rowIndex].cells;
+            for (var cellIndex = 0; cellIndex < cells.length; cellIndex++) {
+                addCellInfoToVirtual(rows[rowIndex], cells[cellIndex]);
+            }
+        }
+    }
+    /**
+     * Get action to be applied on the cell.
+     *
+     * @param {object} cell virtual table cell to apply action
+     */
+    function getDeleteResultActionToCell(cell) {
+        switch (where) {
+            case TableResultAction.where.Column:
+                if (cell.isColSpan) {
+                    return TableResultAction.resultAction.SubtractSpanCount;
+                }
+                break;
+            case TableResultAction.where.Row:
+                if (!cell.isVirtual && cell.isRowSpan) {
+                    return TableResultAction.resultAction.AddCell;
+                }
+                else if (cell.isRowSpan) {
+                    return TableResultAction.resultAction.SubtractSpanCount;
+                }
+                break;
+        }
+        return TableResultAction.resultAction.RemoveCell;
+    }
+    /**
+     * Get action to be applied on the cell.
+     *
+     * @param {object} cell virtual table cell to apply action
+     */
+    function getAddResultActionToCell(cell) {
+        switch (where) {
+            case TableResultAction.where.Column:
+                if (cell.isColSpan) {
+                    return TableResultAction.resultAction.SumSpanCount;
+                }
+                else if (cell.isRowSpan && cell.isVirtual) {
+                    return TableResultAction.resultAction.Ignore;
+                }
+                break;
+            case TableResultAction.where.Row:
+                if (cell.isRowSpan) {
+                    return TableResultAction.resultAction.SumSpanCount;
+                }
+                else if (cell.isColSpan && cell.isVirtual) {
+                    return TableResultAction.resultAction.Ignore;
+                }
+                break;
+        }
+        return TableResultAction.resultAction.AddCell;
+    }
+    function init() {
+        setStartPoint();
+        createVirtualTable();
+    }
+    /// ///////////////////////////////////////////
+    // Public functions
+    /// ///////////////////////////////////////////
+    /**
+     * Recover array os what to do in table.
+     */
+    this.getActionList = function () {
+        var fixedRow = (where === TableResultAction.where.Row) ? _startPoint.rowPos : -1;
+        var fixedCol = (where === TableResultAction.where.Column) ? _startPoint.colPos : -1;
+        var actualPosition = 0;
+        var canContinue = true;
+        while (canContinue) {
+            var rowPosition = (fixedRow >= 0) ? fixedRow : actualPosition;
+            var colPosition = (fixedCol >= 0) ? fixedCol : actualPosition;
+            var row = _virtualTable[rowPosition];
+            if (!row) {
+                canContinue = false;
+                return _actionCellList;
+            }
+            var cell = row[colPosition];
+            if (!cell) {
+                canContinue = false;
+                return _actionCellList;
+            }
+            // Define action to be applied in this cell
+            var resultAction = TableResultAction.resultAction.Ignore;
+            switch (action) {
+                case TableResultAction.requestAction.Add:
+                    resultAction = getAddResultActionToCell(cell);
+                    break;
+                case TableResultAction.requestAction.Delete:
+                    resultAction = getDeleteResultActionToCell(cell);
+                    break;
+            }
+            _actionCellList.push(getActionCell(cell, resultAction, rowPosition, colPosition));
+            actualPosition++;
+        }
+        return _actionCellList;
+    };
+    init();
+};
+/**
+*
+* Where action occours enum.
+*/
+TableResultAction.where = { 'Row': 0, 'Column': 1 };
+/**
+*
+* Requested action to apply enum.
+*/
+TableResultAction.requestAction = { 'Add': 0, 'Delete': 1 };
+/**
+*
+* Result action to be executed enum.
+*/
+TableResultAction.resultAction = { 'Ignore': 0, 'SubtractSpanCount': 1, 'RemoveCell': 2, 'AddCell': 3, 'SumSpanCount': 4 };
+/**
+ *
+ * @class editing.Table
+ *
+ * Table
+ *
+ */
+var Table = /** @class */ (function () {
+    function Table() {
+    }
+    /**
+     * handle tab key
+     *
+     * @param {WrappedRange} rng
+     * @param {Boolean} isShift
+     */
+    Table.prototype.tab = function (rng, isShift) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var table = dom.ancestor(cell, dom.isTable);
+        var cells = dom.listDescendant(table, dom.isCell);
+        var nextCell = lists[isShift ? 'prev' : 'next'](cells, cell);
+        if (nextCell) {
+            range.create(nextCell, 0).select();
+        }
+    };
+    /**
+     * Add a new row
+     *
+     * @param {WrappedRange} rng
+     * @param {String} position (top/bottom)
+     * @return {Node}
+     */
+    Table.prototype.addRow = function (rng, position) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var currentTr = $$1(cell).closest('tr');
+        var trAttributes = this.recoverAttributes(currentTr);
+        var html = $$1('<tr' + trAttributes + '></tr>');
+        var vTable = new TableResultAction(cell, TableResultAction.where.Row, TableResultAction.requestAction.Add, $$1(currentTr).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var idCell = 0; idCell < actions.length; idCell++) {
+            var currentCell = actions[idCell];
+            var tdAttributes = this.recoverAttributes(currentCell.baseCell);
+            switch (currentCell.action) {
+                case TableResultAction.resultAction.AddCell:
+                    html.append('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    break;
+                case TableResultAction.resultAction.SumSpanCount:
+                    if (position === 'top') {
+                        var baseCellTr = currentCell.baseCell.parent;
+                        var isTopFromRowSpan = (!baseCellTr ? 0 : currentCell.baseCell.closest('tr').rowIndex) <= currentTr[0].rowIndex;
+                        if (isTopFromRowSpan) {
+                            var newTd = $$1('<div></div>').append($$1('<td' + tdAttributes + '>' + dom.blank + '</td>').removeAttr('rowspan')).html();
+                            html.append(newTd);
+                            break;
+                        }
+                    }
+                    var rowspanNumber = parseInt(currentCell.baseCell.rowSpan, 10);
+                    rowspanNumber++;
+                    currentCell.baseCell.setAttribute('rowSpan', rowspanNumber);
+                    break;
+            }
+        }
+        if (position === 'top') {
+            currentTr.before(html);
+        }
+        else {
+            var cellHasRowspan = (cell.rowSpan > 1);
+            if (cellHasRowspan) {
+                var lastTrIndex = currentTr[0].rowIndex + (cell.rowSpan - 2);
+                $$1($$1(currentTr).parent().find('tr')[lastTrIndex]).after($$1(html));
+                return;
+            }
+            currentTr.after(html);
+        }
+    };
+    /**
+     * Add a new col
+     *
+     * @param {WrappedRange} rng
+     * @param {String} position (left/right)
+     * @return {Node}
+     */
+    Table.prototype.addCol = function (rng, position) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var row = $$1(cell).closest('tr');
+        var rowsGroup = $$1(row).siblings();
+        rowsGroup.push(row);
+        var vTable = new TableResultAction(cell, TableResultAction.where.Column, TableResultAction.requestAction.Add, $$1(row).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var actionIndex = 0; actionIndex < actions.length; actionIndex++) {
+            var currentCell = actions[actionIndex];
+            var tdAttributes = this.recoverAttributes(currentCell.baseCell);
+            switch (currentCell.action) {
+                case TableResultAction.resultAction.AddCell:
+                    if (position === 'right') {
+                        $$1(currentCell.baseCell).after('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    }
+                    else {
+                        $$1(currentCell.baseCell).before('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    }
+                    break;
+                case TableResultAction.resultAction.SumSpanCount:
+                    if (position === 'right') {
+                        var colspanNumber = parseInt(currentCell.baseCell.colSpan, 10);
+                        colspanNumber++;
+                        currentCell.baseCell.setAttribute('colSpan', colspanNumber);
+                    }
+                    else {
+                        $$1(currentCell.baseCell).before('<td' + tdAttributes + '>' + dom.blank + '</td>');
+                    }
+                    break;
+            }
+        }
+    };
+    /*
+    * Copy attributes from element.
+    *
+    * @param {object} Element to recover attributes.
+    * @return {string} Copied string elements.
+    */
+    Table.prototype.recoverAttributes = function (el) {
+        var resultStr = '';
+        if (!el) {
+            return resultStr;
+        }
+        var attrList = el.attributes || [];
+        for (var i = 0; i < attrList.length; i++) {
+            if (attrList[i].name.toLowerCase() === 'id') {
+                continue;
+            }
+            if (attrList[i].specified) {
+                resultStr += ' ' + attrList[i].name + '=\'' + attrList[i].value + '\'';
+            }
+        }
+        return resultStr;
+    };
+    /**
+     * Delete current row
+     *
+     * @param {WrappedRange} rng
+     * @return {Node}
+     */
+    Table.prototype.deleteRow = function (rng) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var row = $$1(cell).closest('tr');
+        var cellPos = row.children('td, th').index($$1(cell));
+        var rowPos = row[0].rowIndex;
+        var vTable = new TableResultAction(cell, TableResultAction.where.Row, TableResultAction.requestAction.Delete, $$1(row).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var actionIndex = 0; actionIndex < actions.length; actionIndex++) {
+            if (!actions[actionIndex]) {
+                continue;
+            }
+            var baseCell = actions[actionIndex].baseCell;
+            var virtualPosition = actions[actionIndex].virtualTable;
+            var hasRowspan = (baseCell.rowSpan && baseCell.rowSpan > 1);
+            var rowspanNumber = (hasRowspan) ? parseInt(baseCell.rowSpan, 10) : 0;
+            switch (actions[actionIndex].action) {
+                case TableResultAction.resultAction.Ignore:
+                    continue;
+                case TableResultAction.resultAction.AddCell:
+                    var nextRow = row.next('tr')[0];
+                    if (!nextRow) {
+                        continue;
+                    }
+                    var cloneRow = row[0].cells[cellPos];
+                    if (hasRowspan) {
+                        if (rowspanNumber > 2) {
+                            rowspanNumber--;
+                            nextRow.insertBefore(cloneRow, nextRow.cells[cellPos]);
+                            nextRow.cells[cellPos].setAttribute('rowSpan', rowspanNumber);
+                            nextRow.cells[cellPos].innerHTML = '';
+                        }
+                        else if (rowspanNumber === 2) {
+                            nextRow.insertBefore(cloneRow, nextRow.cells[cellPos]);
+                            nextRow.cells[cellPos].removeAttribute('rowSpan');
+                            nextRow.cells[cellPos].innerHTML = '';
+                        }
+                    }
+                    continue;
+                case TableResultAction.resultAction.SubtractSpanCount:
+                    if (hasRowspan) {
+                        if (rowspanNumber > 2) {
+                            rowspanNumber--;
+                            baseCell.setAttribute('rowSpan', rowspanNumber);
+                            if (virtualPosition.rowIndex !== rowPos && baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                        else if (rowspanNumber === 2) {
+                            baseCell.removeAttribute('rowSpan');
+                            if (virtualPosition.rowIndex !== rowPos && baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                    }
+                    continue;
+                case TableResultAction.resultAction.RemoveCell:
+                    // Do not need remove cell because row will be deleted.
+                    continue;
+            }
+        }
+        row.remove();
+    };
+    /**
+     * Delete current col
+     *
+     * @param {WrappedRange} rng
+     * @return {Node}
+     */
+    Table.prototype.deleteCol = function (rng) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        var row = $$1(cell).closest('tr');
+        var cellPos = row.children('td, th').index($$1(cell));
+        var vTable = new TableResultAction(cell, TableResultAction.where.Column, TableResultAction.requestAction.Delete, $$1(row).closest('table')[0]);
+        var actions = vTable.getActionList();
+        for (var actionIndex = 0; actionIndex < actions.length; actionIndex++) {
+            if (!actions[actionIndex]) {
+                continue;
+            }
+            switch (actions[actionIndex].action) {
+                case TableResultAction.resultAction.Ignore:
+                    continue;
+                case TableResultAction.resultAction.SubtractSpanCount:
+                    var baseCell = actions[actionIndex].baseCell;
+                    var hasColspan = (baseCell.colSpan && baseCell.colSpan > 1);
+                    if (hasColspan) {
+                        var colspanNumber = (baseCell.colSpan) ? parseInt(baseCell.colSpan, 10) : 0;
+                        if (colspanNumber > 2) {
+                            colspanNumber--;
+                            baseCell.setAttribute('colSpan', colspanNumber);
+                            if (baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                        else if (colspanNumber === 2) {
+                            baseCell.removeAttribute('colSpan');
+                            if (baseCell.cellIndex === cellPos) {
+                                baseCell.innerHTML = '';
+                            }
+                        }
+                    }
+                    continue;
+                case TableResultAction.resultAction.RemoveCell:
+                    dom.remove(actions[actionIndex].baseCell, true);
+                    continue;
+            }
+        }
+    };
+    /**
+     * create empty table element
+     *
+     * @param {Number} rowCount
+     * @param {Number} colCount
+     * @return {Node}
+     */
+    Table.prototype.createTable = function (colCount, rowCount, options) {
+        var tds = [];
+        var tdHTML;
+        for (var idxCol = 0; idxCol < colCount; idxCol++) {
+            tds.push('<td>' + dom.blank + '</td>');
+        }
+        tdHTML = tds.join('');
+        var trs = [];
+        var trHTML;
+        for (var idxRow = 0; idxRow < rowCount; idxRow++) {
+            trs.push('<tr>' + tdHTML + '</tr>');
+        }
+        trHTML = trs.join('');
+        var $table = $$1('<table>' + trHTML + '</table>');
+        if (options && options.tableClassName) {
+            $table.addClass(options.tableClassName);
+        }
+        return $table[0];
+    };
+    /**
+     * Delete current table
+     *
+     * @param {WrappedRange} rng
+     * @return {Node}
+     */
+    Table.prototype.deleteTable = function (rng) {
+        var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
+        $$1(cell).closest('table').remove();
+    };
+    return Table;
+}());
+
+var KEY_BOGUS = 'bogus';
+/**
+ * @class Editor
+ */
+var Editor = /** @class */ (function () {
+    function Editor(context) {
+        var _this = this;
+        this.context = context;
+        this.$note = context.layoutInfo.note;
+        this.$editor = context.layoutInfo.editor;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.editable = this.$editable[0];
+        this.lastRange = null;
+        this.style = new Style();
+        this.table = new Table();
+        this.typing = new Typing();
+        this.bullet = new Bullet();
+        this.history = new History(this.$editable);
+        this.context.memo('help.undo', this.lang.help.undo);
+        this.context.memo('help.redo', this.lang.help.redo);
+        this.context.memo('help.tab', this.lang.help.tab);
+        this.context.memo('help.untab', this.lang.help.untab);
+        this.context.memo('help.insertParagraph', this.lang.help.insertParagraph);
+        this.context.memo('help.insertOrderedList', this.lang.help.insertOrderedList);
+        this.context.memo('help.insertUnorderedList', this.lang.help.insertUnorderedList);
+        this.context.memo('help.indent', this.lang.help.indent);
+        this.context.memo('help.outdent', this.lang.help.outdent);
+        this.context.memo('help.formatPara', this.lang.help.formatPara);
+        this.context.memo('help.insertHorizontalRule', this.lang.help.insertHorizontalRule);
+        this.context.memo('help.fontName', this.lang.help.fontName);
+        // native commands(with execCommand), generate function for execCommand
+        var commands = [
+            'bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript',
+            'justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull',
+            'formatBlock', 'removeFormat', 'backColor'
+        ];
+        for (var idx = 0, len = commands.length; idx < len; idx++) {
+            this[commands[idx]] = (function (sCmd) {
+                return function (value) {
+                    _this.beforeCommand();
+                    document.execCommand(sCmd, false, value);
+                    _this.afterCommand(true);
+                };
+            })(commands[idx]);
+            this.context.memo('help.' + commands[idx], this.lang.help[commands[idx]]);
+        }
+        this.fontName = this.wrapCommand(function (value) {
+            return _this.fontStyling('font-family', "\'" + value + "\'");
+        });
+        this.fontSize = this.wrapCommand(function (value) {
+            return _this.fontStyling('font-size', value + 'px');
+        });
+        for (var idx = 1; idx <= 6; idx++) {
+            this['formatH' + idx] = (function (idx) {
+                return function () {
+                    _this.formatBlock('H' + idx);
+                };
+            })(idx);
+            this.context.memo('help.formatH' + idx, this.lang.help['formatH' + idx]);
+        }
+        
+        this.insertParagraph = this.wrapCommand(function () {
+            _this.typing.insertParagraph(_this.editable);
+        });
+        this.insertOrderedList = this.wrapCommand(function () {
+            _this.bullet.insertOrderedList(_this.editable);
+        });
+        this.insertUnorderedList = this.wrapCommand(function () {
+            _this.bullet.insertUnorderedList(_this.editable);
+        });
+        this.indent = this.wrapCommand(function () {
+            _this.bullet.indent(_this.editable);
+        });
+        this.outdent = this.wrapCommand(function () {
+            _this.bullet.outdent(_this.editable);
+        });
+        /**
+         * insertNode
+         * insert node
+         * @param {Node} node
+         */
+        this.insertNode = this.wrapCommand(function (node) {
+            if (_this.isLimited($$1(node).text().length)) {
+                return;
+            }
+            var rng = _this.createRange();
+            rng.insertNode(node);
+            range.createFromNodeAfter(node).select();
+        });
+        /**
+         * insert text
+         * @param {String} text
+         */
+        this.insertText = this.wrapCommand(function (text) {
+            if (_this.isLimited(text.length)) {
+                return;
+            }
+            var rng = _this.createRange();
+            var textNode = rng.insertNode(dom.createText(text));
+            range.create(textNode, dom.nodeLength(textNode)).select();
+        });
+        /**
+         * paste HTML
+         * @param {String} markup
+         */
+        this.pasteHTML = this.wrapCommand(function (markup) {
+            if (_this.isLimited(markup.length)) {
+                return;
+            }
+            var contents = _this.createRange().pasteHTML(markup);
+            range.createFromNodeAfter(lists.last(contents)).select();
+        });
+        /**
+         * formatBlock
+         *
+         * @param {String} tagName
+         */
+        this.formatBlock = this.wrapCommand(function (tagName, $target) {
+            var onApplyCustomStyle = _this.options.callbacks.onApplyCustomStyle;
+            if (onApplyCustomStyle) {
+                onApplyCustomStyle.call(_this, $target, _this.context, _this.onFormatBlock);
+            }
+            else {
+                _this.onFormatBlock(tagName, $target);
+            }
+        });
+        /**
+         * insert horizontal rule
+         */
+        this.insertHorizontalRule = this.wrapCommand(function () {
+            var hrNode = _this.createRange().insertNode(dom.create('HR'));
+            if (hrNode.nextSibling) {
+                range.create(hrNode.nextSibling, 0).normalize().select();
+            }
+        });
+        /**
+         * lineHeight
+         * @param {String} value
+         */
+        this.lineHeight = this.wrapCommand(function (value) {
+            _this.style.stylePara(_this.createRange(), {
+                lineHeight: value
+            });
+        });
+        /**
+         * create link (command)
+         *
+         * @param {Object} linkInfo
+         */
+        this.createLink = this.wrapCommand(function (linkInfo) {
+            var linkUrl = linkInfo.url;
+            var linkText = linkInfo.text;
+            var isNewWindow = linkInfo.isNewWindow;
+            var rng = linkInfo.range || _this.createRange();
+            var isTextChanged = rng.toString() !== linkText;
+            // handle spaced urls from input
+            if (typeof linkUrl === 'string') {
+                linkUrl = linkUrl.trim();
+            }
+            if (_this.options.onCreateLink) {
+                linkUrl = _this.options.onCreateLink(linkUrl);
+            }
+            else {
+                // if url doesn't match an URL schema, set http:// as default
+                linkUrl = /^[A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?/.test(linkUrl)
+                    ? linkUrl : 'http://' + linkUrl;
+            }
+            var anchors = [];
+            if (isTextChanged) {
+                rng = rng.deleteContents();
+                var anchor = rng.insertNode($$1('<A>' + linkText + '</A>')[0]);
+                anchors.push(anchor);
+            }
+            else {
+                anchors = _this.style.styleNodes(rng, {
+                    nodeName: 'A',
+                    expandClosestSibling: true,
+                    onlyPartialContains: true
+                });
+            }
+            $$1.each(anchors, function (idx, anchor) {
+                $$1(anchor).attr('href', linkUrl);
+                if (isNewWindow) {
+                    $$1(anchor).attr('target', '_blank');
+                }
+                else {
+                    $$1(anchor).removeAttr('target');
+                }
+            });
+            var startRange = range.createFromNodeBefore(lists.head(anchors));
+            var startPoint = startRange.getStartPoint();
+            var endRange = range.createFromNodeAfter(lists.last(anchors));
+            var endPoint = endRange.getEndPoint();
+            range.create(startPoint.node, startPoint.offset, endPoint.node, endPoint.offset).select();
+        });
+        /**
+         * setting color
+         *
+         * @param {Object} sObjColor  color code
+         * @param {String} sObjColor.foreColor foreground color
+         * @param {String} sObjColor.backColor background color
+         */
+        this.color = this.wrapCommand(function (colorInfo) {
+            var foreColor = colorInfo.foreColor;
+            var backColor = colorInfo.backColor;
+            if (foreColor) {
+                document.execCommand('foreColor', false, foreColor);
+            }
+            if (backColor) {
+                document.execCommand('backColor', false, backColor);
+            }
+        });
+        /**
+         * Set foreground color
+         *
+         * @param {String} colorCode foreground color code
+         */
+        this.foreColor = this.wrapCommand(function (colorInfo) {
+            document.execCommand('styleWithCSS', false, true);
+            document.execCommand('foreColor', false, colorInfo);
+        });
+        /**
+         * insert Table
+         *
+         * @param {String} dimension of table (ex : "5x5")
+         */
+        this.insertTable = this.wrapCommand(function (dim) {
+            var dimension = dim.split('x');
+            var rng = _this.createRange().deleteContents();
+            rng.insertNode(_this.table.createTable(dimension[0], dimension[1], _this.options));
+        });
+        /**
+         * remove media object and Figure Elements if media object is img with Figure.
+         */
+        this.removeMedia = this.wrapCommand(function () {
+            var $target = $$1(_this.restoreTarget()).parent();
+            if ($target.parent('figure').length) {
+                $target.parent('figure').remove();
+            }
+            else {
+                $target = $$1(_this.restoreTarget()).detach();
+            }
+            _this.context.triggerEvent('media.delete', $target, _this.$editable);
+        });
+        /**
+         * float me
+         *
+         * @param {String} value
+         */
+        this.floatMe = this.wrapCommand(function (value) {
+            var $target = $$1(_this.restoreTarget());
+            $target.toggleClass('note-float-left', value === 'left');
+            $target.toggleClass('note-float-right', value === 'right');
+            $target.css('float', value);
+        });
+        /**
+         * resize overlay element
+         * @param {String} value
+         */
+        this.resize = this.wrapCommand(function (value) {
+            var $target = $$1(_this.restoreTarget());
+            $target.css({
+                width: value * 100 + '%',
+                height: ''
+            });
+        });
+    }
+    Editor.prototype.initialize = function () {
+        var _this = this;
+        // bind custom events
+        this.$editable.on('keydown', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                _this.context.triggerEvent('enter', event);
+            }
+            _this.context.triggerEvent('keydown', event);
+            if (!event.isDefaultPrevented()) {
+                if (_this.options.shortcuts) {
+                    _this.handleKeyMap(event);
+                }
+                else {
+                    _this.preventDefaultEditableShortCuts(event);
+                }
+            }
+            if (_this.isLimited(1, event)) {
+                return false;
+            }
+        }).on('keyup', function (event) {
+            _this.context.triggerEvent('keyup', event);
+        }).on('focus', function (event) {
+            _this.context.triggerEvent('focus', event);
+        }).on('blur', function (event) {
+            _this.context.triggerEvent('blur', event);
+        }).on('mousedown', function (event) {
+            _this.context.triggerEvent('mousedown', event);
+        }).on('mouseup', function (event) {
+            _this.context.triggerEvent('mouseup', event);
+        }).on('scroll', function (event) {
+            _this.context.triggerEvent('scroll', event);
+        }).on('paste', function (event) {
+            _this.context.triggerEvent('paste', event);
+        });
+        // init content before set event
+        this.$editable.html(dom.html(this.$note) || dom.emptyPara);
+        this.$editable.on(env.inputEventName, func.debounce(function () {
+            _this.context.triggerEvent('change', _this.$editable.html());
+        }, 100));
+        this.$editor.on('focusin', function (event) {
+            _this.context.triggerEvent('focusin', event);
+        }).on('focusout', function (event) {
+            _this.context.triggerEvent('focusout', event);
+        });
+        if (!this.options.airMode) {
+            if (this.options.width) {
+                this.$editor.outerWidth(this.options.width);
+            }
+            if (this.options.height) {
+                this.$editable.outerHeight(this.options.height);
+            }
+            if (this.options.maxHeight) {
+                this.$editable.css('max-height', this.options.maxHeight);
+            }
+            if (this.options.minHeight) {
+                this.$editable.css('min-height', this.options.minHeight);
+            }
+        }
+        this.history.recordUndo();
+    };
+    Editor.prototype.destroy = function () {
+        this.$editable.off();
+    };
+    Editor.prototype.handleKeyMap = function (event) {
+        var keyMap = this.options.keyMap[env.isMac ? 'mac' : 'pc'];
+        var keys = [];
+        if (event.metaKey) {
+            keys.push('CMD');
+        }
+        if (event.ctrlKey && !event.altKey) {
+            keys.push('CTRL');
+        }
+        if (event.shiftKey) {
+            keys.push('SHIFT');
+        }
+        var keyName = key.nameFromCode[event.keyCode];
+        if (keyName) {
+            keys.push(keyName);
+        }
+        var eventName = keyMap[keys.join('+')];
+        if (eventName) {
+            if (this.context.invoke(eventName) !== false) {
+                event.preventDefault();
+            }
+        }
+        else if (key.isEdit(event.keyCode)) {
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.preventDefaultEditableShortCuts = function (event) {
+        // B(Bold, 66) / I(Italic, 73) / U(Underline, 85)
+        if ((event.ctrlKey || event.metaKey) &&
+            lists.contains([66, 73, 85], event.keyCode)) {
+            event.preventDefault();
+        }
+    };
+    Editor.prototype.isLimited = function (pad, event) {
+        pad = pad || 0;
+        if (typeof event !== 'undefined') {
+            if (key.isMove(event.keyCode) ||
+                (event.ctrlKey || event.metaKey) ||
+                lists.contains([key.code.BACKSPACE, key.code.DELETE], event.keyCode)) {
+                return false;
+            }
+        }
+        if (this.options.maxTextLength > 0) {
+            if ((this.$editable.text().length + pad) >= this.options.maxTextLength) {
+                return true;
+            }
+        }
+        return false;
+    };
+    /**
+     * create range
+     * @return {WrappedRange}
+     */
+    Editor.prototype.createRange = function () {
+        this.focus();
+        return range.create(this.editable);
+    };
+    /**
+     * saveRange
+     *
+     * save current range
+     *
+     * @param {Boolean} [thenCollapse=false]
+     */
+    Editor.prototype.saveRange = function (thenCollapse) {
+        this.lastRange = this.createRange();
+        if (thenCollapse) {
+            this.lastRange.collapse().select();
+        }
+    };
+    /**
+     * restoreRange
+     *
+     * restore lately range
+     */
+    Editor.prototype.restoreRange = function () {
+        if (this.lastRange) {
+            this.lastRange.select();
+            this.focus();
+        }
+    };
+    Editor.prototype.saveTarget = function (node) {
+        this.$editable.data('target', node);
+    };
+    Editor.prototype.clearTarget = function () {
+        this.$editable.removeData('target');
+    };
+    Editor.prototype.restoreTarget = function () {
+        return this.$editable.data('target');
+    };
+    /**
+     * currentStyle
+     *
+     * current style
+     * @return {Object|Boolean} unfocus
+     */
+    Editor.prototype.currentStyle = function () {
+        var rng = range.create();
+        if (rng) {
+            rng = rng.normalize();
+        }
+        return rng ? this.style.current(rng) : this.style.fromNode(this.$editable);
+    };
+    /**
+     * style from node
+     *
+     * @param {jQuery} $node
+     * @return {Object}
+     */
+    Editor.prototype.styleFromNode = function ($node) {
+        return this.style.fromNode($node);
+    };
+    /**
+     * undo
+     */
+    Editor.prototype.undo = function () {
+        this.context.triggerEvent('before.command', this.$editable.html());
+        this.history.undo();
+        this.context.triggerEvent('change', this.$editable.html());
+    };
+    /**
+     * redo
+     */
+    Editor.prototype.redo = function () {
+        this.context.triggerEvent('before.command', this.$editable.html());
+        this.history.redo();
+        this.context.triggerEvent('change', this.$editable.html());
+    };
+    /**
+     * before command
+     */
+    Editor.prototype.beforeCommand = function () {
+        this.context.triggerEvent('before.command', this.$editable.html());
+        // keep focus on editable before command execution
+        this.focus();
+    };
+    /**
+     * after command
+     * @param {Boolean} isPreventTrigger
+     */
+    Editor.prototype.afterCommand = function (isPreventTrigger) {
+        this.history.recordUndo();
+        if (!isPreventTrigger) {
+            this.context.triggerEvent('change', this.$editable.html());
+        }
+    };
+    /**
+     * handle tab key
+     */
+    Editor.prototype.tab = function () {
+        var rng = this.createRange();
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.table.tab(rng);
+        }
+        else {
+            if (this.options.tabSize === 0) {
+                return false;
+            }
+            if (!this.isLimited(this.options.tabSize)) {
+                this.beforeCommand();
+                this.typing.insertTab(rng, this.options.tabSize);
+                this.afterCommand();
+            }
+        }
+    };
+    /**
+     * handle shift+tab key
+     */
+    Editor.prototype.untab = function () {
+        var rng = this.createRange();
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.table.tab(rng, true);
+        }
+        else {
+            if (this.options.tabSize === 0) {
+                return false;
+            }
+        }
+    };
+    /**
+     * run given function between beforeCommand and afterCommand
+     */
+    Editor.prototype.wrapCommand = function (fn) {
+        var _this = this;
+        return function () {
+            _this.beforeCommand();
+            fn.apply(_this, arguments);
+            _this.afterCommand();
+        };
+    };
+    /**
+     * insert image
+     *
+     * @param {String} src
+     * @param {String|Function} param
+     * @return {Promise}
+     */
+    Editor.prototype.insertImage = function (src, param) {
+        var _this = this;
+        return createImage(src, param).then(function ($image) {
+            _this.beforeCommand();
+            if (typeof param === 'function') {
+                param($image);
+            }
+            else {
+                if (typeof param === 'string') {
+                    $image.attr('data-filename', param);
+                }
+                $image.css('width', Math.min(_this.$editable.width(), $image.width()));
+            }
+            $image.show();
+            range.create(_this.editable).insertNode($image[0]);
+            range.createFromNodeAfter($image[0]).select();
+            _this.afterCommand();
+        }).fail(function (e) {
+            _this.context.triggerEvent('image.upload.error', e);
+        });
+    };
+    /**
+     * insertImages
+     * @param {File[]} files
+     */
+    Editor.prototype.insertImages = function (files) {
+        var _this = this;
+        $$1.each(files, function (idx, file) {
+            var filename = file.name;
+            if (_this.options.maximumImageFileSize && _this.options.maximumImageFileSize < file.size) {
+                _this.context.triggerEvent('image.upload.error', _this.lang.image.maximumFileSizeError);
+            }
+            else {
+                readFileAsDataURL(file).then(function (dataURL) {
+                    return _this.insertImage(dataURL, filename);
+                }).fail(function () {
+                    _this.context.triggerEvent('image.upload.error');
+                });
+            }
+        });
+    };
+    /**
+     * insertImagesOrCallback
+     * @param {File[]} files
+     */
+    Editor.prototype.insertImagesOrCallback = function (files) {
+        var callbacks = this.options.callbacks;
+        // If onImageUpload this.options setted
+        if (callbacks.onImageUpload) {
+            this.context.triggerEvent('image.upload', files);
+            // else insert Image as dataURL
+        }
+        else {
+            this.insertImages(files);
+        }
+    };
+    /**
+     * return selected plain text
+     * @return {String} text
+     */
+    Editor.prototype.getSelectedText = function () {
+        var rng = this.createRange();
+        // if range on anchor, expand range with anchor
+        if (rng.isOnAnchor()) {
+            rng = range.createFromNode(dom.ancestor(rng.sc, dom.isAnchor));
+        }
+        return rng.toString();
+    };
+    Editor.prototype.onFormatBlock = function (tagName, $target) {
+        // [workaround] for MSIE, IE need `<`
+        tagName = env.isMSIE ? '<' + tagName + '>' : tagName;
+        document.execCommand('FormatBlock', false, tagName);
+        // support custom class
+        if ($target && $target.length) {
+            var className = $target[0].className || '';
+            if (className) {
+                var currentRange = this.createRange();
+                var $parent = $$1([currentRange.sc, currentRange.ec]).closest(tagName);
+                $parent.addClass(className);
+            }
+        }
+    };
+    Editor.prototype.formatPara = function () {
+        this.formatBlock('P');
+    };
+    Editor.prototype.fontStyling = function (target, value) {
+        var rng = this.createRange();
+        if (rng) {
+            var spans = this.style.styleNodes(rng);
+            $$1(spans).css(target, value);
+            // [workaround] added styled bogus span for style
+            //  - also bogus character needed for cursor position
+            if (rng.isCollapsed()) {
+                var firstSpan = lists.head(spans);
+                if (firstSpan && !dom.nodeLength(firstSpan)) {
+                    firstSpan.innerHTML = dom.ZERO_WIDTH_NBSP_CHAR;
+                    range.createFromNodeAfter(firstSpan.firstChild).select();
+                    this.$editable.data(KEY_BOGUS, firstSpan);
+                }
+            }
+        }
+    };
+    /**
+     * unlink
+     *
+     * @type command
+     */
+    Editor.prototype.unlink = function () {
+        var rng = this.createRange();
+        if (rng.isOnAnchor()) {
+            var anchor = dom.ancestor(rng.sc, dom.isAnchor);
+            rng = range.createFromNode(anchor);
+            rng.select();
+            this.beforeCommand();
+            document.execCommand('unlink');
+            this.afterCommand();
+        }
+    };
+    /**
+     * returns link info
+     *
+     * @return {Object}
+     * @return {WrappedRange} return.range
+     * @return {String} return.text
+     * @return {Boolean} [return.isNewWindow=true]
+     * @return {String} [return.url=""]
+     */
+    Editor.prototype.getLinkInfo = function () {
+        var rng = this.createRange().expand(dom.isAnchor);
+        // Get the first anchor on range(for edit).
+        var $anchor = $$1(lists.head(rng.nodes(dom.isAnchor)));
+        var linkInfo = {
+            range: rng,
+            text: rng.toString(),
+            url: $anchor.length ? $anchor.attr('href') : ''
+        };
+        // Define isNewWindow when anchor exists.
+        if ($anchor.length) {
+            linkInfo.isNewWindow = $anchor.attr('target') === '_blank';
+        }
+        return linkInfo;
+    };
+    Editor.prototype.addRow = function (position) {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.addRow(rng, position);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.addCol = function (position) {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.addCol(rng, position);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.deleteRow = function () {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.deleteRow(rng);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.deleteCol = function () {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.deleteCol(rng);
+            this.afterCommand();
+        }
+    };
+    Editor.prototype.deleteTable = function () {
+        var rng = this.createRange(this.$editable);
+        if (rng.isCollapsed() && rng.isOnCell()) {
+            this.beforeCommand();
+            this.table.deleteTable(rng);
+            this.afterCommand();
+        }
+    };
+    /**
+     * @param {Position} pos
+     * @param {jQuery} $target - target element
+     * @param {Boolean} [bKeepRatio] - keep ratio
+     */
+    Editor.prototype.resizeTo = function (pos, $target, bKeepRatio) {
+        var imageSize;
+        if (bKeepRatio) {
+            var newRatio = pos.y / pos.x;
+            var ratio = $target.data('ratio');
+            imageSize = {
+                width: ratio > newRatio ? pos.x : pos.y / ratio,
+                height: ratio > newRatio ? pos.x * ratio : pos.y
+            };
+        }
+        else {
+            imageSize = {
+                width: pos.x,
+                height: pos.y
+            };
+        }
+        $target.css(imageSize);
+    };
+    /**
+     * returns whether editable area has focus or not.
+     */
+    Editor.prototype.hasFocus = function () {
+        return this.$editable.is(':focus');
+    };
+    /**
+     * set focus
+     */
+    Editor.prototype.focus = function () {
+        // [workaround] Screen will move when page is scolled in IE.
+        //  - do focus when not focused
+        if (!this.hasFocus()) {
+            this.$editable.focus();
+        }
+    };
+    /**
+     * returns whether contents is empty or not.
+     * @return {Boolean}
+     */
+    Editor.prototype.isEmpty = function () {
+        return dom.isEmpty(this.$editable[0]) || dom.emptyPara === this.$editable.html();
+    };
+    /**
+     * Removes all contents and restores the editable instance to an _emptyPara_.
+     */
+    Editor.prototype.empty = function () {
+        this.context.invoke('code', dom.emptyPara);
+    };
+    return Editor;
+}());
+
+var Clipboard = /** @class */ (function () {
+    function Clipboard(context) {
+        this.context = context;
+        this.$editable = context.layoutInfo.editable;
+    }
+    Clipboard.prototype.initialize = function () {
+        this.$editable.on('paste', this.pasteByEvent.bind(this));
+    };
+    /**
+     * paste by clipboard event
+     *
+     * @param {Event} event
+     */
+    Clipboard.prototype.pasteByEvent = function (event) {
+        var clipboardData = event.originalEvent.clipboardData;
+        if (clipboardData && clipboardData.items && clipboardData.items.length) {
+            var item = lists.head(clipboardData.items);
+            if (item.kind === 'file' && item.type.indexOf('image/') !== -1) {
+                this.context.invoke('editor.insertImagesOrCallback', [item.getAsFile()]);
+            }
+            this.context.invoke('editor.afterCommand');
+        }
+    };
+    return Clipboard;
+}());
+
+var Dropzone = /** @class */ (function () {
+    function Dropzone(context) {
+        this.context = context;
+        this.$eventListener = $$1(document);
+        this.$editor = context.layoutInfo.editor;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.documentEventHandlers = {};
+        this.$dropzone = $$1([
+            '<div class="note-dropzone">',
+            '  <div class="note-dropzone-message"/>',
+            '</div>'
+        ].join('')).prependTo(this.$editor);
+    }
+    /**
+     * attach Drag and Drop Events
+     */
+    Dropzone.prototype.initialize = function () {
+        if (this.options.disableDragAndDrop) {
+            // prevent default drop event
+            this.documentEventHandlers.onDrop = function (e) {
+                e.preventDefault();
+            };
+            // do not consider outside of dropzone
+            this.$eventListener = this.$dropzone;
+            this.$eventListener.on('drop', this.documentEventHandlers.onDrop);
+        }
+        else {
+            this.attachDragAndDropEvent();
+        }
+    };
+    /**
+     * attach Drag and Drop Events
+     */
+    Dropzone.prototype.attachDragAndDropEvent = function () {
+        var _this = this;
+        var collection = $$1();
+        var $dropzoneMessage = this.$dropzone.find('.note-dropzone-message');
+        this.documentEventHandlers.onDragenter = function (e) {
+            var isCodeview = _this.context.invoke('codeview.isActivated');
+            var hasEditorSize = _this.$editor.width() > 0 && _this.$editor.height() > 0;
+            if (!isCodeview && !collection.length && hasEditorSize) {
+                _this.$editor.addClass('dragover');
+                _this.$dropzone.width(_this.$editor.width());
+                _this.$dropzone.height(_this.$editor.height());
+                $dropzoneMessage.text(_this.lang.image.dragImageHere);
+            }
+            collection = collection.add(e.target);
+        };
+        this.documentEventHandlers.onDragleave = function (e) {
+            collection = collection.not(e.target);
+            if (!collection.length) {
+                _this.$editor.removeClass('dragover');
+            }
+        };
+        this.documentEventHandlers.onDrop = function () {
+            collection = $$1();
+            _this.$editor.removeClass('dragover');
+        };
+        // show dropzone on dragenter when dragging a object to document
+        // -but only if the editor is visible, i.e. has a positive width and height
+        this.$eventListener.on('dragenter', this.documentEventHandlers.onDragenter)
+            .on('dragleave', this.documentEventHandlers.onDragleave)
+            .on('drop', this.documentEventHandlers.onDrop);
+        // change dropzone's message on hover.
+        this.$dropzone.on('dragenter', function () {
+            _this.$dropzone.addClass('hover');
+            $dropzoneMessage.text(_this.lang.image.dropImage);
+        }).on('dragleave', function () {
+            _this.$dropzone.removeClass('hover');
+            $dropzoneMessage.text(_this.lang.image.dragImageHere);
+        });
+        // attach dropImage
+        this.$dropzone.on('drop', function (event) {
+            var dataTransfer = event.originalEvent.dataTransfer;
+            // stop the browser from opening the dropped content
+            event.preventDefault();
+            if (dataTransfer && dataTransfer.files && dataTransfer.files.length) {
+                _this.$editable.focus();
+                _this.context.invoke('editor.insertImagesOrCallback', dataTransfer.files);
+            }
+            else {
+                $$1.each(dataTransfer.types, function (idx, type) {
+                    var content = dataTransfer.getData(type);
+                    if (type.toLowerCase().indexOf('text') > -1) {
+                        _this.context.invoke('editor.pasteHTML', content);
+                    }
+                    else {
+                        $$1(content).each(function (idx, item) {
+                            _this.context.invoke('editor.insertNode', item);
+                        });
+                    }
+                });
+            }
+        }).on('dragover', false); // prevent default dragover event
+    };
+    Dropzone.prototype.destroy = function () {
+        var _this = this;
+        Object.keys(this.documentEventHandlers).forEach(function (key) {
+            _this.$eventListener.off(key.substr(2).toLowerCase(), _this.documentEventHandlers[key]);
+        });
+        this.documentEventHandlers = {};
+    };
+    return Dropzone;
+}());
+
+var CodeMirror;
+if (env.hasCodeMirror) {
+    if (env.isSupportAmd) {
+        require(['codemirror'], function (cm) {
+            CodeMirror = cm;
+        });
+    }
+    else {
+        CodeMirror = window.CodeMirror;
+    }
+}
+/**
+ * @class Codeview
+ */
+var CodeView = /** @class */ (function () {
+    function CodeView(context) {
+        this.context = context;
+        this.$editor = context.layoutInfo.editor;
+        this.$editable = context.layoutInfo.editable;
+        this.$codable = context.layoutInfo.codable;
+        this.options = context.options;
+    }
+    CodeView.prototype.sync = function () {
+        var isCodeview = this.isActivated();
+        if (isCodeview && env.hasCodeMirror) {
+            this.$codable.data('cmEditor').save();
+        }
+    };
+    /**
+     * @return {Boolean}
+     */
+    CodeView.prototype.isActivated = function () {
+        return this.$editor.hasClass('codeview');
+    };
+    /**
+     * toggle codeview
+     */
+    CodeView.prototype.toggle = function () {
+        if (this.isActivated()) {
+            this.deactivate();
+        }
+        else {
+            this.activate();
+        }
+        this.context.triggerEvent('codeview.toggled');
+    };
+    /**
+     * activate code view
+     */
+    CodeView.prototype.activate = function () {
+        var _this = this;
+        this.$codable.val(dom.html(this.$editable, this.options.prettifyHtml));
+        this.$codable.height(this.$editable.height());
+        this.context.invoke('toolbar.updateCodeview', true);
+        this.$editor.addClass('codeview');
+        this.$codable.focus();
+        // activate CodeMirror as codable
+        if (env.hasCodeMirror) {
+            var cmEditor_1 = CodeMirror.fromTextArea(this.$codable[0], this.options.codemirror);
+            // CodeMirror TernServer
+            if (this.options.codemirror.tern) {
+                var server_1 = new CodeMirror.TernServer(this.options.codemirror.tern);
+                cmEditor_1.ternServer = server_1;
+                cmEditor_1.on('cursorActivity', function (cm) {
+                    server_1.updateArgHints(cm);
+                });
+            }
+            cmEditor_1.on('blur', function (event) {
+                _this.context.triggerEvent('blur.codeview', cmEditor_1.getValue(), event);
+            });
+            // CodeMirror hasn't Padding.
+            cmEditor_1.setSize(null, this.$editable.outerHeight());
+            this.$codable.data('cmEditor', cmEditor_1);
+        }
+        else {
+            this.$codable.on('blur', function (event) {
+                _this.context.triggerEvent('blur.codeview', _this.$codable.val(), event);
+            });
+        }
+    };
+    /**
+     * deactivate code view
+     */
+    CodeView.prototype.deactivate = function () {
+        // deactivate CodeMirror as codable
+        if (env.hasCodeMirror) {
+            var cmEditor = this.$codable.data('cmEditor');
+            this.$codable.val(cmEditor.getValue());
+            cmEditor.toTextArea();
+        }
+        var value = dom.value(this.$codable, this.options.prettifyHtml) || dom.emptyPara;
+        var isChange = this.$editable.html() !== value;
+        this.$editable.html(value);
+        this.$editable.height(this.options.height ? this.$codable.height() : 'auto');
+        this.$editor.removeClass('codeview');
+        if (isChange) {
+            this.context.triggerEvent('change', this.$editable.html(), this.$editable);
+        }
+        this.$editable.focus();
+        this.context.invoke('toolbar.updateCodeview', false);
+    };
+    CodeView.prototype.destroy = function () {
+        if (this.isActivated()) {
+            this.deactivate();
+        }
+    };
+    return CodeView;
+}());
+
+var EDITABLE_PADDING = 24;
+var Statusbar = /** @class */ (function () {
+    function Statusbar(context) {
+        this.$document = $$1(document);
+        this.$statusbar = context.layoutInfo.statusbar;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+    }
+    Statusbar.prototype.initialize = function () {
+        var _this = this;
+        if (this.options.airMode || this.options.disableResizeEditor) {
+            this.destroy();
+            return;
+        }
+        this.$statusbar.on('mousedown', function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+            var editableTop = _this.$editable.offset().top - _this.$document.scrollTop();
+            var onMouseMove = function (event) {
+                var height = event.clientY - (editableTop + EDITABLE_PADDING);
+                height = (_this.options.minheight > 0) ? Math.max(height, _this.options.minheight) : height;
+                height = (_this.options.maxHeight > 0) ? Math.min(height, _this.options.maxHeight) : height;
+                _this.$editable.height(height);
+            };
+            _this.$document.on('mousemove', onMouseMove).one('mouseup', function () {
+                _this.$document.off('mousemove', onMouseMove);
+            });
+        });
+    };
+    Statusbar.prototype.destroy = function () {
+        this.$statusbar.off();
+    };
+    return Statusbar;
+}());
+
+var Fullscreen = /** @class */ (function () {
+    function Fullscreen(context) {
+        var _this = this;
+        this.context = context;
+        this.$editor = context.layoutInfo.editor;
+        this.$toolbar = context.layoutInfo.toolbar;
+        this.$editable = context.layoutInfo.editable;
+        this.$codable = context.layoutInfo.codable;
+        this.$window = $$1(window);
+        this.$scrollbar = $$1('html, body');
+        this.onResize = function () {
+            _this.resizeTo({
+                h: _this.$window.height() - _this.$toolbar.outerHeight()
+            });
+        };
+    }
+    Fullscreen.prototype.resizeTo = function (size) {
+        this.$editable.css('height', size.h);
+        this.$codable.css('height', size.h);
+        if (this.$codable.data('cmeditor')) {
+            this.$codable.data('cmeditor').setsize(null, size.h);
+        }
+    };
+    /**
+     * toggle fullscreen
+     */
+    Fullscreen.prototype.toggle = function () {
+        this.$editor.toggleClass('fullscreen');
+        if (this.isFullscreen()) {
+            this.$editable.data('orgHeight', this.$editable.css('height'));
+            this.$window.on('resize', this.onResize).trigger('resize');
+            this.$scrollbar.css('overflow', 'hidden');
+        }
+        else {
+            this.$window.off('resize', this.onResize);
+            this.resizeTo({ h: this.$editable.data('orgHeight') });
+            this.$scrollbar.css('overflow', 'visible');
+        }
+        this.context.invoke('toolbar.updateFullscreen', this.isFullscreen());
+    };
+    Fullscreen.prototype.isFullscreen = function () {
+        return this.$editor.hasClass('fullscreen');
+    };
+    return Fullscreen;
+}());
+
+var Handle = /** @class */ (function () {
+    function Handle(context) {
+        var _this = this;
+        this.context = context;
+        this.$document = $$1(document);
+        this.$editingArea = context.layoutInfo.editingArea;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.events = {
+            'summernote.mousedown': function (we, e) {
+                if (_this.update(e.target)) {
+                    e.preventDefault();
+                }
+            },
+            'summernote.keyup summernote.scroll summernote.change summernote.dialog.shown': function () {
+                _this.update();
+            },
+            'summernote.disable': function () {
+                _this.hide();
+            },
+            'summernote.codeview.toggled': function () {
+                _this.update();
+            }
+        };
+    }
+    Handle.prototype.initialize = function () {
+        var _this = this;
+        this.$handle = $$1([
+            '<div class="note-handle">',
+            '<div class="note-control-selection">',
+            '<div class="note-control-selection-bg"></div>',
+            '<div class="note-control-holder note-control-nw"></div>',
+            '<div class="note-control-holder note-control-ne"></div>',
+            '<div class="note-control-holder note-control-sw"></div>',
+            '<div class="',
+            (this.options.disableResizeImage ? 'note-control-holder' : 'note-control-sizing'),
+            ' note-control-se"></div>',
+            (this.options.disableResizeImage ? '' : '<div class="note-control-selection-info"></div>'),
+            '</div>',
+            '</div>'
+        ].join('')).prependTo(this.$editingArea);
+        this.$handle.on('mousedown', function (event) {
+            if (dom.isControlSizing(event.target)) {
+                event.preventDefault();
+                event.stopPropagation();
+                var $target_1 = _this.$handle.find('.note-control-selection').data('target');
+                var posStart_1 = $target_1.offset();
+                var scrollTop_1 = _this.$document.scrollTop();
+                var onMouseMove_1 = function (event) {
+                    _this.context.invoke('editor.resizeTo', {
+                        x: event.clientX - posStart_1.left,
+                        y: event.clientY - (posStart_1.top - scrollTop_1)
+                    }, $target_1, !event.shiftKey);
+                    _this.update($target_1[0]);
+                };
+                _this.$document
+                    .on('mousemove', onMouseMove_1)
+                    .one('mouseup', function (e) {
+                    e.preventDefault();
+                    _this.$document.off('mousemove', onMouseMove_1);
+                    _this.context.invoke('editor.afterCommand');
+                });
+                if (!$target_1.data('ratio')) {
+                    $target_1.data('ratio', $target_1.height() / $target_1.width());
+                }
+            }
+        });
+        // Listen for scrolling on the handle overlay.
+        this.$handle.on('wheel', function (e) {
+            e.preventDefault();
+            _this.update();
+        });
+    };
+    Handle.prototype.destroy = function () {
+        this.$handle.remove();
+    };
+    Handle.prototype.update = function (target) {
+        if (this.context.isDisabled()) {
+            return false;
+        }
+        var isImage = dom.isImg(target);
+        var $selection = this.$handle.find('.note-control-selection');
+        this.context.invoke('imagePopover.update', target);
+        if (isImage) {
+            var $image = $$1(target);
+            var position = $image.position();
+            var pos = {
+                left: position.left + parseInt($image.css('marginLeft'), 10),
+                top: position.top + parseInt($image.css('marginTop'), 10)
+            };
+            // exclude margin
+            var imageSize = {
+                w: $image.outerWidth(false),
+                h: $image.outerHeight(false)
+            };
+            $selection.css({
+                display: 'block',
+                left: pos.left,
+                top: pos.top,
+                width: imageSize.w,
+                height: imageSize.h
+            }).data('target', $image); // save current image element.
+            var origImageObj = new Image();
+            origImageObj.src = $image.attr('src');
+            var sizingText = imageSize.w + 'x' + imageSize.h + ' (' + this.lang.image.original + ': ' + origImageObj.width + 'x' + origImageObj.height + ')';
+            $selection.find('.note-control-selection-info').text(sizingText);
+            this.context.invoke('editor.saveTarget', target);
+        }
+        else {
+            this.hide();
+        }
+        return isImage;
+    };
+    /**
+     * hide
+     *
+     * @param {jQuery} $handle
+     */
+    Handle.prototype.hide = function () {
+        this.context.invoke('editor.clearTarget');
+        this.$handle.children().hide();
+    };
+    return Handle;
+}());
+
+var defaultScheme = 'http://';
+var linkPattern = /^([A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?|mailto:[A-Z0-9._%+-]+@)?(www\.)?(.+)$/i;
+var AutoLink = /** @class */ (function () {
+    function AutoLink(context) {
+        var _this = this;
+        this.context = context;
+        this.events = {
+            'summernote.keyup': function (we, e) {
+                if (!e.isDefaultPrevented()) {
+                    _this.handleKeyup(e);
+                }
+            },
+            'summernote.keydown': function (we, e) {
+                _this.handleKeydown(e);
+            }
+        };
+    }
+    AutoLink.prototype.initialize = function () {
+        this.lastWordRange = null;
+    };
+    AutoLink.prototype.destroy = function () {
+        this.lastWordRange = null;
+    };
+    AutoLink.prototype.replace = function () {
+        if (!this.lastWordRange) {
+            return;
+        }
+        var keyword = this.lastWordRange.toString();
+        var match = keyword.match(linkPattern);
+        if (match && (match[1] || match[2])) {
+            var link = match[1] ? keyword : defaultScheme + keyword;
+            var node = $$1('<a />').html(keyword).attr('href', link)[0];
+            this.lastWordRange.insertNode(node);
+            this.lastWordRange = null;
+            this.context.invoke('editor.focus');
+        }
+    };
+    AutoLink.prototype.handleKeydown = function (e) {
+        if (lists.contains([key.code.ENTER, key.code.SPACE], e.keyCode)) {
+            var wordRange = this.context.invoke('editor.createRange').getWordRange();
+            this.lastWordRange = wordRange;
+        }
+    };
+    AutoLink.prototype.handleKeyup = function (e) {
+        if (lists.contains([key.code.ENTER, key.code.SPACE], e.keyCode)) {
+            this.replace();
+        }
+    };
+    return AutoLink;
+}());
+
+/**
+ * textarea auto sync.
+ */
+var AutoSync = /** @class */ (function () {
+    function AutoSync(context) {
+        var _this = this;
+        this.$note = context.layoutInfo.note;
+        this.events = {
+            'summernote.change': function () {
+                _this.$note.val(context.invoke('code'));
+            }
+        };
+    }
+    AutoSync.prototype.shouldInitialize = function () {
+        return dom.isTextarea(this.$note[0]);
+    };
+    return AutoSync;
+}());
+
+var Placeholder = /** @class */ (function () {
+    function Placeholder(context) {
+        var _this = this;
+        this.context = context;
+        this.$editingArea = context.layoutInfo.editingArea;
+        this.options = context.options;
+        this.events = {
+            'summernote.init summernote.change': function () {
+                _this.update();
+            },
+            'summernote.codeview.toggled': function () {
+                _this.update();
+            }
+        };
+    }
+    Placeholder.prototype.shouldInitialize = function () {
+        return !!this.options.placeholder;
+    };
+    Placeholder.prototype.initialize = function () {
+        var _this = this;
+        this.$placeholder = $$1('<div class="note-placeholder">');
+        this.$placeholder.on('click', function () {
+            _this.context.invoke('focus');
+        }).text(this.options.placeholder).prependTo(this.$editingArea);
+        this.update();
+    };
+    Placeholder.prototype.destroy = function () {
+        this.$placeholder.remove();
+    };
+    Placeholder.prototype.update = function () {
+        var isShow = !this.context.invoke('codeview.isActivated') && this.context.invoke('editor.isEmpty');
+        this.$placeholder.toggle(isShow);
+    };
+    return Placeholder;
+}());
+
+var Buttons = /** @class */ (function () {
+    function Buttons(context) {
+        this.ui = $$1.summernote.ui;
+        this.context = context;
+        this.$toolbar = context.layoutInfo.toolbar;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        this.invertedKeyMap = func.invertObject(this.options.keyMap[env.isMac ? 'mac' : 'pc']);
+    }
+    Buttons.prototype.representShortcut = function (editorMethod) {
+        var shortcut = this.invertedKeyMap[editorMethod];
+        if (!this.options.shortcuts || !shortcut) {
+            return '';
+        }
+        if (env.isMac) {
+            shortcut = shortcut.replace('CMD', '⌘').replace('SHIFT', '⇧');
+        }
+        shortcut = shortcut.replace('BACKSLASH', '\\')
+            .replace('SLASH', '/')
+            .replace('LEFTBRACKET', '[')
+            .replace('RIGHTBRACKET', ']');
+        return ' (' + shortcut + ')';
+    };
+    Buttons.prototype.button = function (o) {
+        if (!this.options.tooltip && o.tooltip) {
+            delete o.tooltip;
+        }
+        o.container = this.options.container;
+        return this.ui.button(o);
+    };
+    Buttons.prototype.initialize = function () {
+        this.addToolbarButtons();
+        this.addImagePopoverButtons();
+        this.addLinkPopoverButtons();
+        this.addTablePopoverButtons();
+        this.fontInstalledMap = {};
+    };
+    Buttons.prototype.destroy = function () {
+        delete this.fontInstalledMap;
+    };
+    Buttons.prototype.isFontInstalled = function (name) {
+        if (!this.fontInstalledMap.hasOwnProperty(name)) {
+            this.fontInstalledMap[name] = env.isFontInstalled(name) ||
+                lists.contains(this.options.fontNamesIgnoreCheck, name);
+        }
+        return this.fontInstalledMap[name];
+    };
+    Buttons.prototype.isFontDeservedToAdd = function (name) {
+        var genericFamilies = ['sans-serif', 'serif', 'monospace', 'cursive', 'fantasy'];
+        name = name.toLowerCase();
+        return ((name !== '') && this.isFontInstalled(name) && ($$1.inArray(name, genericFamilies) === -1));
+    };
+    Buttons.prototype.addToolbarButtons = function () {
+        var _this = this;
+        this.context.memo('button.style', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.magic), _this.options),
+                    tooltip: _this.lang.style.style,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdown({
+                    className: 'dropdown-style',
+                    items: _this.options.styleTags,
+                    template: function (item) {
+                        if (typeof item === 'string') {
+                            item = { tag: item, title: (_this.lang.style.hasOwnProperty(item) ? _this.lang.style[item] : item) };
+                        }
+                        var tag = item.tag;
+                        var title = item.title;
+                        var style = item.style ? ' style="' + item.style + '" ' : '';
+                        var className = item.className ? ' class="' + item.className + '"' : '';
+                        return '<' + tag + style + className + '>' + title + '</' + tag + '>';
+                    },
+                    click: _this.context.createInvokeHandler('editor.formatBlock')
+                })
+            ]).render();
+        });
+        var _loop_1 = function (styleIdx, styleLen) {
+            var item = this_1.options.styleTags[styleIdx];
+            this_1.context.memo('button.style.' + item, function () {
+                return _this.button({
+                    className: 'note-btn-style-' + item,
+                    contents: '<div data-value="' + item + '">' + item.toUpperCase() + '</div>',
+                    tooltip: item.toUpperCase(),
+                    click: _this.context.createInvokeHandler('editor.formatBlock')
+                }).render();
+            });
+        };
+        var this_1 = this;
+        for (var styleIdx = 0, styleLen = this.options.styleTags.length; styleIdx < styleLen; styleIdx++) {
+            _loop_1(styleIdx, styleLen);
+        }
+        this.context.memo('button.bold', function () {
+            return _this.button({
+                className: 'note-btn-bold',
+                contents: _this.ui.icon(_this.options.icons.bold),
+                tooltip: _this.lang.font.bold + _this.representShortcut('bold'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.bold')
+            }).render();
+        });
+        this.context.memo('button.italic', function () {
+            return _this.button({
+                className: 'note-btn-italic',
+                contents: _this.ui.icon(_this.options.icons.italic),
+                tooltip: _this.lang.font.italic + _this.representShortcut('italic'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.italic')
+            }).render();
+        });
+        this.context.memo('button.underline', function () {
+            return _this.button({
+                className: 'note-btn-underline',
+                contents: _this.ui.icon(_this.options.icons.underline),
+                tooltip: _this.lang.font.underline + _this.representShortcut('underline'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.underline')
+            }).render();
+        });
+        this.context.memo('button.clear', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.eraser),
+                tooltip: _this.lang.font.clear + _this.representShortcut('removeFormat'),
+                click: _this.context.createInvokeHandler('editor.removeFormat')
+            }).render();
+        });
+        this.context.memo('button.strikethrough', function () {
+            return _this.button({
+                className: 'note-btn-strikethrough',
+                contents: _this.ui.icon(_this.options.icons.strikethrough),
+                tooltip: _this.lang.font.strikethrough + _this.representShortcut('strikethrough'),
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.strikethrough')
+            }).render();
+        });
+        this.context.memo('button.superscript', function () {
+            return _this.button({
+                className: 'note-btn-superscript',
+                contents: _this.ui.icon(_this.options.icons.superscript),
+                tooltip: _this.lang.font.superscript,
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.superscript')
+            }).render();
+        });
+        this.context.memo('button.subscript', function () {
+            return _this.button({
+                className: 'note-btn-subscript',
+                contents: _this.ui.icon(_this.options.icons.subscript),
+                tooltip: _this.lang.font.subscript,
+                click: _this.context.createInvokeHandlerAndUpdateState('editor.subscript')
+            }).render();
+        });
+        this.context.memo('button.fontname', function () {
+            var styleInfo = _this.context.invoke('editor.currentStyle');
+            // Add 'default' fonts into the fontnames array if not exist
+            $$1.each(styleInfo['font-family'].split(','), function (idx, fontname) {
+                fontname = fontname.trim().replace(/['"]+/g, '');
+                if (_this.isFontDeservedToAdd(fontname)) {
+                    if ($$1.inArray(fontname, _this.options.fontNames) === -1) {
+                        _this.options.fontNames.push(fontname);
+                    }
+                }
+            });
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents('<span class="note-current-fontname"/>', _this.options),
+                    tooltip: _this.lang.font.name,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdownCheck({
+                    className: 'dropdown-fontname',
+                    checkClassName: _this.options.icons.menuCheck,
+                    items: _this.options.fontNames.filter(_this.isFontInstalled.bind(_this)),
+                    template: function (item) {
+                        return '<span style="font-family: \'' + item + '\'">' + item + '</span>';
+                    },
+                    click: _this.context.createInvokeHandlerAndUpdateState('editor.fontName')
+                })
+            ]).render();
+        });
+        this.context.memo('button.fontsize', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents('<span class="note-current-fontsize"/>', _this.options),
+                    tooltip: _this.lang.font.size,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdownCheck({
+                    className: 'dropdown-fontsize',
+                    checkClassName: _this.options.icons.menuCheck,
+                    items: _this.options.fontSizes,
+                    click: _this.context.createInvokeHandlerAndUpdateState('editor.fontSize')
+                })
+            ]).render();
+        });
+        this.context.memo('button.color', function () {
+            return _this.ui.buttonGroup({
+                className: 'note-color',
+                children: [
+                    _this.button({
+                        className: 'note-current-color-button',
+                        contents: _this.ui.icon(_this.options.icons.font + ' note-recent-color'),
+                        tooltip: _this.lang.color.recent,
+                        click: function (e) {
+                            var $button = $$1(e.currentTarget);
+                            _this.context.invoke('editor.color', {
+                                backColor: $button.attr('data-backColor'),
+                                foreColor: $button.attr('data-foreColor')
+                            });
+                        },
+                        callback: function ($button) {
+                            var $recentColor = $button.find('.note-recent-color');
+                            $recentColor.css('background-color', '#FFFF00');
+                            $button.attr('data-backColor', '#FFFF00');
+                        }
+                    }),
+                    _this.button({
+                        className: 'dropdown-toggle',
+                        contents: _this.ui.dropdownButtonContents('', _this.options),
+                        tooltip: _this.lang.color.more,
+                        data: {
+                            toggle: 'dropdown'
+                        }
+                    }),
+                    _this.ui.dropdown({
+                        items: [
+                            '<div class="note-palette">',
+                            '  <div class="note-palette-title">' + _this.lang.color.background + '</div>',
+                            '  <div>',
+                            '    <button type="button" class="note-color-reset btn btn-light" data-event="backColor" data-value="inherit">',
+                            _this.lang.color.transparent,
+                            '    </button>',
+                            '  </div>',
+                            '  <div class="note-holder" data-event="backColor"/>',
+                            '</div>',
+                            '<div class="note-palette">',
+                            '  <div class="note-palette-title">' + _this.lang.color.foreground + '</div>',
+                            '  <div>',
+                            '    <button type="button" class="note-color-reset btn btn-light" data-event="removeFormat" data-value="foreColor">',
+                            _this.lang.color.resetToDefault,
+                            '    </button>',
+                            '  </div>',
+                            '  <div class="note-holder" data-event="foreColor"/>',
+                            '</div>'
+                        ].join(''),
+                        callback: function ($dropdown) {
+                            $dropdown.find('.note-holder').each(function (idx, item) {
+                                var $holder = $$1(item);
+                                $holder.append(_this.ui.palette({
+                                    colors: _this.options.colors,
+                                    eventName: $holder.data('event'),
+                                    container: _this.options.container,
+                                    tooltip: _this.options.tooltip
+                                }).render());
+                            });
+                        },
+                        click: function (event) {
+                            var $button = $$1(event.target);
+                            var eventName = $button.data('event');
+                            var value = $button.data('value');
+                            if (eventName && value) {
+                                var key = eventName === 'backColor' ? 'background-color' : 'color';
+                                var $color = $button.closest('.note-color').find('.note-recent-color');
+                                var $currentButton = $button.closest('.note-color').find('.note-current-color-button');
+                                $color.css(key, value);
+                                $currentButton.attr('data-' + eventName, value);
+                                _this.context.invoke('editor.' + eventName, value);
+                            }
+                        }
+                    })
+                ]
+            }).render();
+        });
+        this.context.memo('button.ul', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.unorderedlist),
+                tooltip: _this.lang.lists.unordered + _this.representShortcut('insertUnorderedList'),
+                click: _this.context.createInvokeHandler('editor.insertUnorderedList')
+            }).render();
+        });
+        this.context.memo('button.ol', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.orderedlist),
+                tooltip: _this.lang.lists.ordered + _this.representShortcut('insertOrderedList'),
+                click: _this.context.createInvokeHandler('editor.insertOrderedList')
+            }).render();
+        });
+        var justifyLeft = this.button({
+            contents: this.ui.icon(this.options.icons.alignLeft),
+            tooltip: this.lang.paragraph.left + this.representShortcut('justifyLeft'),
+            click: this.context.createInvokeHandler('editor.justifyLeft')
+        });
+        var justifyCenter = this.button({
+            contents: this.ui.icon(this.options.icons.alignCenter),
+            tooltip: this.lang.paragraph.center + this.representShortcut('justifyCenter'),
+            click: this.context.createInvokeHandler('editor.justifyCenter')
+        });
+        var justifyRight = this.button({
+            contents: this.ui.icon(this.options.icons.alignRight),
+            tooltip: this.lang.paragraph.right + this.representShortcut('justifyRight'),
+            click: this.context.createInvokeHandler('editor.justifyRight')
+        });
+        var justifyFull = this.button({
+            contents: this.ui.icon(this.options.icons.alignJustify),
+            tooltip: this.lang.paragraph.justify + this.representShortcut('justifyFull'),
+            click: this.context.createInvokeHandler('editor.justifyFull')
+        });
+        var outdent = this.button({
+            contents: this.ui.icon(this.options.icons.outdent),
+            tooltip: this.lang.paragraph.outdent + this.representShortcut('outdent'),
+            click: this.context.createInvokeHandler('editor.outdent')
+        });
+        var indent = this.button({
+            contents: this.ui.icon(this.options.icons.indent),
+            tooltip: this.lang.paragraph.indent + this.representShortcut('indent'),
+            click: this.context.createInvokeHandler('editor.indent')
+        });
+        this.context.memo('button.justifyLeft', func.invoke(justifyLeft, 'render'));
+        this.context.memo('button.justifyCenter', func.invoke(justifyCenter, 'render'));
+        this.context.memo('button.justifyRight', func.invoke(justifyRight, 'render'));
+        this.context.memo('button.justifyFull', func.invoke(justifyFull, 'render'));
+        this.context.memo('button.outdent', func.invoke(outdent, 'render'));
+        this.context.memo('button.indent', func.invoke(indent, 'render'));
+        this.context.memo('button.paragraph', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.alignLeft), _this.options),
+                    tooltip: _this.lang.paragraph.paragraph,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdown([
+                    _this.ui.buttonGroup({
+                        className: 'note-align',
+                        children: [justifyLeft, justifyCenter, justifyRight, justifyFull]
+                    }),
+                    _this.ui.buttonGroup({
+                        className: 'note-list',
+                        children: [outdent, indent]
+                    })
+                ])
+            ]).render();
+        });
+        this.context.memo('button.height', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.textHeight), _this.options),
+                    tooltip: _this.lang.font.height,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdownCheck({
+                    items: _this.options.lineHeights,
+                    checkClassName: _this.options.icons.menuCheck,
+                    className: 'dropdown-line-height',
+                    click: _this.context.createInvokeHandler('editor.lineHeight')
+                })
+            ]).render();
+        });
+        this.context.memo('button.table', function () {
+            return _this.ui.buttonGroup([
+                _this.button({
+                    className: 'dropdown-toggle',
+                    contents: _this.ui.dropdownButtonContents(_this.ui.icon(_this.options.icons.table), _this.options),
+                    tooltip: _this.lang.table.table,
+                    data: {
+                        toggle: 'dropdown'
+                    }
+                }),
+                _this.ui.dropdown({
+                    className: 'note-table',
+                    items: [
+                        '<div class="note-dimension-picker">',
+                        '  <div class="note-dimension-picker-mousecatcher" data-event="insertTable" data-value="1x1"/>',
+                        '  <div class="note-dimension-picker-highlighted"/>',
+                        '  <div class="note-dimension-picker-unhighlighted"/>',
+                        '</div>',
+                        '<div class="note-dimension-display">1 x 1</div>'
+                    ].join('')
+                })
+            ], {
+                callback: function ($node) {
+                    var $catcher = $node.find('.note-dimension-picker-mousecatcher');
+                    $catcher.css({
+                        width: _this.options.insertTableMaxSize.col + 'em',
+                        height: _this.options.insertTableMaxSize.row + 'em'
+                    }).mousedown(_this.context.createInvokeHandler('editor.insertTable'))
+                        .on('mousemove', _this.tableMoveHandler.bind(_this));
+                }
+            }).render();
+        });
+        this.context.memo('button.link', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.link),
+                tooltip: _this.lang.link.link + _this.representShortcut('linkDialog.show'),
+                click: _this.context.createInvokeHandler('linkDialog.show')
+            }).render();
+        });
+        this.context.memo('button.picture', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.picture),
+                tooltip: _this.lang.image.image,
+                click: _this.context.createInvokeHandler('imageDialog.show')
+            }).render();
+        });
+        this.context.memo('button.video', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.video),
+                tooltip: _this.lang.video.video,
+                click: _this.context.createInvokeHandler('videoDialog.show')
+            }).render();
+        });
+        this.context.memo('button.hr', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.minus),
+                tooltip: _this.lang.hr.insert + _this.representShortcut('insertHorizontalRule'),
+                click: _this.context.createInvokeHandler('editor.insertHorizontalRule')
+            }).render();
+        });
+        this.context.memo('button.fullscreen', function () {
+            return _this.button({
+                className: 'btn-fullscreen',
+                contents: _this.ui.icon(_this.options.icons.arrowsAlt),
+                tooltip: _this.options.fullscreen,
+                click: _this.context.createInvokeHandler('fullscreen.toggle')
+            }).render();
+        });
+        this.context.memo('button.codeview', function () {
+            return _this.button({
+                className: 'btn-codeview',
+                contents: _this.ui.icon(_this.options.icons.code),
+                tooltip: _this.options.codeview,
+                click: _this.context.createInvokeHandler('codeview.toggle')
+            }).render();
+        });
+        this.context.memo('button.redo', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.redo),
+                tooltip: _this.lang.history.redo + _this.representShortcut('redo'),
+                click: _this.context.createInvokeHandler('editor.redo')
+            }).render();
+        });
+        this.context.memo('button.undo', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.undo),
+                tooltip: _this.lang.history.undo + _this.representShortcut('undo'),
+                click: _this.context.createInvokeHandler('editor.undo')
+            }).render();
+        });
+        this.context.memo('button.help', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.question),
+                tooltip: _this.options.help,
+                click: _this.context.createInvokeHandler('helpDialog.show')
+            }).render();
+        });
+    };
+    /**
+     * image : [
+     *   ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
+     *   ['float', ['floatLeft', 'floatRight', 'floatNone' ]],
+     *   ['remove', ['removeMedia']]
+     * ],
+     */
+    Buttons.prototype.addImagePopoverButtons = function () {
+        var _this = this;
+        // Image Size Buttons
+        this.context.memo('button.imageSize100', function () {
+            return _this.button({
+                contents: '<span class="note-fontsize-10">100%</span>',
+                tooltip: _this.lang.image.resizeFull,
+                click: _this.context.createInvokeHandler('editor.resize', '1')
+            }).render();
+        });
+        this.context.memo('button.imageSize50', function () {
+            return _this.button({
+                contents: '<span class="note-fontsize-10">50%</span>',
+                tooltip: _this.lang.image.resizeHalf,
+                click: _this.context.createInvokeHandler('editor.resize', '0.5')
+            }).render();
+        });
+        this.context.memo('button.imageSize25', function () {
+            return _this.button({
+                contents: '<span class="note-fontsize-10">25%</span>',
+                tooltip: _this.lang.image.resizeQuarter,
+                click: _this.context.createInvokeHandler('editor.resize', '0.25')
+            }).render();
+        });
+        // Float Buttons
+        this.context.memo('button.floatLeft', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.alignLeft),
+                tooltip: _this.lang.image.floatLeft,
+                click: _this.context.createInvokeHandler('editor.floatMe', 'left')
+            }).render();
+        });
+        this.context.memo('button.floatRight', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.alignRight),
+                tooltip: _this.lang.image.floatRight,
+                click: _this.context.createInvokeHandler('editor.floatMe', 'right')
+            }).render();
+        });
+        this.context.memo('button.floatNone', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.alignJustify),
+                tooltip: _this.lang.image.floatNone,
+                click: _this.context.createInvokeHandler('editor.floatMe', 'none')
+            }).render();
+        });
+        // Remove Buttons
+        this.context.memo('button.removeMedia', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.trash),
+                tooltip: _this.lang.image.remove,
+                click: _this.context.createInvokeHandler('editor.removeMedia')
+            }).render();
+        });
+    };
+    Buttons.prototype.addLinkPopoverButtons = function () {
+        var _this = this;
+        this.context.memo('button.linkDialogShow', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.link),
+                tooltip: _this.lang.link.edit,
+                click: _this.context.createInvokeHandler('linkDialog.show')
+            }).render();
+        });
+        this.context.memo('button.unlink', function () {
+            return _this.button({
+                contents: _this.ui.icon(_this.options.icons.unlink),
+                tooltip: _this.lang.link.unlink,
+                click: _this.context.createInvokeHandler('editor.unlink')
+            }).render();
+        });
+    };
+    /**
+     * table : [
+     *  ['add', ['addRowDown', 'addRowUp', 'addColLeft', 'addColRight']],
+     *  ['delete', ['deleteRow', 'deleteCol', 'deleteTable']]
+     * ],
+     */
+    Buttons.prototype.addTablePopoverButtons = function () {
+        var _this = this;
+        this.context.memo('button.addRowUp', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.rowAbove),
+                tooltip: _this.lang.table.addRowAbove,
+                click: _this.context.createInvokeHandler('editor.addRow', 'top')
+            }).render();
+        });
+        this.context.memo('button.addRowDown', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.rowBelow),
+                tooltip: _this.lang.table.addRowBelow,
+                click: _this.context.createInvokeHandler('editor.addRow', 'bottom')
+            }).render();
+        });
+        this.context.memo('button.addColLeft', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.colBefore),
+                tooltip: _this.lang.table.addColLeft,
+                click: _this.context.createInvokeHandler('editor.addCol', 'left')
+            }).render();
+        });
+        this.context.memo('button.addColRight', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.colAfter),
+                tooltip: _this.lang.table.addColRight,
+                click: _this.context.createInvokeHandler('editor.addCol', 'right')
+            }).render();
+        });
+        this.context.memo('button.deleteRow', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.rowRemove),
+                tooltip: _this.lang.table.delRow,
+                click: _this.context.createInvokeHandler('editor.deleteRow')
+            }).render();
+        });
+        this.context.memo('button.deleteCol', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.colRemove),
+                tooltip: _this.lang.table.delCol,
+                click: _this.context.createInvokeHandler('editor.deleteCol')
+            }).render();
+        });
+        this.context.memo('button.deleteTable', function () {
+            return _this.button({
+                className: 'btn-md',
+                contents: _this.ui.icon(_this.options.icons.trash),
+                tooltip: _this.lang.table.delTable,
+                click: _this.context.createInvokeHandler('editor.deleteTable')
+            }).render();
+        });
+    };
+    Buttons.prototype.build = function ($container, groups) {
+        for (var groupIdx = 0, groupLen = groups.length; groupIdx < groupLen; groupIdx++) {
+            var group = groups[groupIdx];
+            var groupName = $$1.isArray(group) ? group[0] : group;
+            var buttons = $$1.isArray(group) ? ((group.length === 1) ? [group[0]] : group[1]) : [group];
+            var $group = this.ui.buttonGroup({
+                className: 'note-' + groupName
+            }).render();
+            for (var idx = 0, len = buttons.length; idx < len; idx++) {
+                var btn = this.context.memo('button.' + buttons[idx]);
+                if (btn) {
+                    $group.append(typeof btn === 'function' ? btn(this.context) : btn);
+                }
+            }
+            $group.appendTo($container);
+        }
+    };
+    /**
+     * @param {jQuery} [$container]
+     */
+    Buttons.prototype.updateCurrentStyle = function ($container) {
+        var _this = this;
+        var $cont = $container || this.$toolbar;
+        var styleInfo = this.context.invoke('editor.currentStyle');
+        this.updateBtnStates($cont, {
+            '.note-btn-bold': function () {
+                return styleInfo['font-bold'] === 'bold';
+            },
+            '.note-btn-italic': function () {
+                return styleInfo['font-italic'] === 'italic';
+            },
+            '.note-btn-underline': function () {
+                return styleInfo['font-underline'] === 'underline';
+            },
+            '.note-btn-subscript': function () {
+                return styleInfo['font-subscript'] === 'subscript';
+            },
+            '.note-btn-superscript': function () {
+                return styleInfo['font-superscript'] === 'superscript';
+            },
+            '.note-btn-strikethrough': function () {
+                return styleInfo['font-strikethrough'] === 'strikethrough';
+            }
+        });
+        if (styleInfo['font-family']) {
+            var fontNames = styleInfo['font-family'].split(',').map(function (name) {
+                return name.replace(/[\'\"]/g, '')
+                    .replace(/\s+$/, '')
+                    .replace(/^\s+/, '');
+            });
+            var fontName_1 = lists.find(fontNames, this.isFontInstalled.bind(this));
+            $cont.find('.dropdown-fontname a').each(function (idx, item) {
+                var $item = $$1(item);
+                // always compare string to avoid creating another func.
+                var isChecked = ($item.data('value') + '') === (fontName_1 + '');
+                $item.toggleClass('checked', isChecked);
+            });
+            $cont.find('.note-current-fontname').text(fontName_1).css('font-family', fontName_1);
+        }
+        if (styleInfo['font-size']) {
+            var fontSize_1 = styleInfo['font-size'];
+            $cont.find('.dropdown-fontsize a').each(function (idx, item) {
+                var $item = $$1(item);
+                // always compare with string to avoid creating another func.
+                var isChecked = ($item.data('value') + '') === (fontSize_1 + '');
+                $item.toggleClass('checked', isChecked);
+            });
+            $cont.find('.note-current-fontsize').text(fontSize_1);
+        }
+        if (styleInfo['line-height']) {
+            var lineHeight_1 = styleInfo['line-height'];
+            $cont.find('.dropdown-line-height li a').each(function (idx, item) {
+                // always compare with string to avoid creating another func.
+                var isChecked = ($$1(item).data('value') + '') === (lineHeight_1 + '');
+                _this.className = isChecked ? 'checked' : '';
+            });
+        }
+    };
+    Buttons.prototype.updateBtnStates = function ($container, infos) {
+        var _this = this;
+        $$1.each(infos, function (selector, pred) {
+            _this.ui.toggleBtnActive($container.find(selector), pred());
+        });
+    };
+    Buttons.prototype.tableMoveHandler = function (event) {
+        var PX_PER_EM = 18;
+        var $picker = $$1(event.target.parentNode); // target is mousecatcher
+        var $dimensionDisplay = $picker.next();
+        var $catcher = $picker.find('.note-dimension-picker-mousecatcher');
+        var $highlighted = $picker.find('.note-dimension-picker-highlighted');
+        var $unhighlighted = $picker.find('.note-dimension-picker-unhighlighted');
+        var posOffset;
+        // HTML5 with jQuery - e.offsetX is undefined in Firefox
+        if (event.offsetX === undefined) {
+            var posCatcher = $$1(event.target).offset();
+            posOffset = {
+                x: event.pageX - posCatcher.left,
+                y: event.pageY - posCatcher.top
+            };
+        }
+        else {
+            posOffset = {
+                x: event.offsetX,
+                y: event.offsetY
+            };
+        }
+        var dim = {
+            c: Math.ceil(posOffset.x / PX_PER_EM) || 1,
+            r: Math.ceil(posOffset.y / PX_PER_EM) || 1
+        };
+        $highlighted.css({ width: dim.c + 'em', height: dim.r + 'em' });
+        $catcher.data('value', dim.c + 'x' + dim.r);
+        if (dim.c > 3 && dim.c < this.options.insertTableMaxSize.col) {
+            $unhighlighted.css({ width: dim.c + 1 + 'em' });
+        }
+        if (dim.r > 3 && dim.r < this.options.insertTableMaxSize.row) {
+            $unhighlighted.css({ height: dim.r + 1 + 'em' });
+        }
+        $dimensionDisplay.html(dim.c + ' x ' + dim.r);
+    };
+    return Buttons;
+}());
+
+var Toolbar = /** @class */ (function () {
+    function Toolbar(context) {
+        this.context = context;
+        this.$window = $$1(window);
+        this.$document = $$1(document);
+        this.ui = $$1.summernote.ui;
+        this.$note = context.layoutInfo.note;
+        this.$editor = context.layoutInfo.editor;
+        this.$toolbar = context.layoutInfo.toolbar;
+        this.options = context.options;
+        this.followScroll = this.followScroll.bind(this);
+    }
+    Toolbar.prototype.shouldInitialize = function () {
+        return !this.options.airMode;
+    };
+    Toolbar.prototype.initialize = function () {
+        var _this = this;
+        this.options.toolbar = this.options.toolbar || [];
+        if (!this.options.toolbar.length) {
+            this.$toolbar.hide();
+        }
+        else {
+            this.context.invoke('buttons.build', this.$toolbar, this.options.toolbar);
+        }
+        if (this.options.toolbarContainer) {
+            this.$toolbar.appendTo(this.options.toolbarContainer);
+        }
+        this.changeContainer(false);
+        this.$note.on('summernote.keyup summernote.mouseup summernote.change', function () {
+            _this.context.invoke('buttons.updateCurrentStyle');
+        });
+        this.context.invoke('buttons.updateCurrentStyle');
+        if (this.options.followingToolbar) {
+            this.$window.on('scroll resize', this.followScroll);
+        }
+    };
+    Toolbar.prototype.destroy = function () {
+        this.$toolbar.children().remove();
+        if (this.options.followingToolbar) {
+            this.$window.off('scroll resize', this.followScroll);
+        }
+    };
+    Toolbar.prototype.followScroll = function () {
+        if (this.$editor.hasClass('fullscreen')) {
+            return false;
+        }
+        var $toolbarWrapper = this.$toolbar.parent('.note-toolbar-wrapper');
+        var editorHeight = this.$editor.outerHeight();
+        var editorWidth = this.$editor.width();
+        var toolbarHeight = this.$toolbar.height();
+        $toolbarWrapper.css({
+            height: toolbarHeight
+        });
+        // check if the web app is currently using another static bar
+        var otherBarHeight = 0;
+        if (this.options.otherStaticBar) {
+            otherBarHeight = $$1(this.options.otherStaticBar).outerHeight();
+        }
+        var currentOffset = this.$document.scrollTop();
+        var editorOffsetTop = this.$editor.offset().top;
+        var editorOffsetBottom = editorOffsetTop + editorHeight;
+        var activateOffset = editorOffsetTop - otherBarHeight;
+        var deactivateOffsetBottom = editorOffsetBottom - otherBarHeight - toolbarHeight;
+        if ((currentOffset > activateOffset) && (currentOffset < deactivateOffsetBottom)) {
+            this.$toolbar.css({
+                position: 'fixed',
+                top: otherBarHeight,
+                width: editorWidth
+            });
+        }
+        else {
+            this.$toolbar.css({
+                position: 'relative',
+                top: 0,
+                width: '100%'
+            });
+        }
+    };
+    Toolbar.prototype.changeContainer = function (isFullscreen) {
+        if (isFullscreen) {
+            this.$toolbar.prependTo(this.$editor);
+        }
+        else {
+            if (this.options.toolbarContainer) {
+                this.$toolbar.appendTo(this.options.toolbarContainer);
+            }
+        }
+    };
+    Toolbar.prototype.updateFullscreen = function (isFullscreen) {
+        this.ui.toggleBtnActive(this.$toolbar.find('.btn-fullscreen'), isFullscreen);
+        this.changeContainer(isFullscreen);
+    };
+    Toolbar.prototype.updateCodeview = function (isCodeview) {
+        this.ui.toggleBtnActive(this.$toolbar.find('.btn-codeview'), isCodeview);
+        if (isCodeview) {
+            this.deactivate();
+        }
+        else {
+            this.activate();
+        }
+    };
+    Toolbar.prototype.activate = function (isIncludeCodeview) {
+        var $btn = this.$toolbar.find('button');
+        if (!isIncludeCodeview) {
+            $btn = $btn.not('.btn-codeview');
+        }
+        this.ui.toggleBtn($btn, true);
+    };
+    Toolbar.prototype.deactivate = function (isIncludeCodeview) {
+        var $btn = this.$toolbar.find('button');
+        if (!isIncludeCodeview) {
+            $btn = $btn.not('.btn-codeview');
+        }
+        this.ui.toggleBtn($btn, false);
+    };
+    return Toolbar;
+}());
+
+var LinkDialog = /** @class */ (function () {
+    function LinkDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+        context.memo('help.linkDialog.show', this.options.langInfo.help['linkDialog.show']);
+    }
+    LinkDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var body = [
+            '<div class="form-group note-form-group">',
+            "<label class=\"note-form-label\">" + this.lang.link.textToDisplay + "</label>",
+            '<input class="note-link-text form-control note-form-control  note-input" type="text" />',
+            '</div>',
+            '<div class="form-group note-form-group">',
+            "<label class=\"note-form-label\">" + this.lang.link.url + "</label>",
+            '<input class="note-link-url form-control note-form-control note-input" type="text" value="http://" />',
+            '</div>',
+            !this.options.disableLinkTarget
+                ? $$1('<div/>').append(this.ui.checkbox({
+                    id: 'sn-checkbox-open-in-new-window',
+                    text: this.lang.link.openInNewWindow,
+                    checked: true
+                }).render()).html()
+                : ''
+        ].join('');
+        var buttonClass = 'btn btn-primary note-btn note-btn-primary note-link-btn';
+        var footer = "<button type=\"submit\" href=\"#\" class=\"" + buttonClass + "\" disabled>" + this.lang.link.insert + "</button>";
+        this.$dialog = this.ui.dialog({
+            className: 'link-dialog',
+            title: this.lang.link.insert,
+            fade: this.options.dialogsFade,
+            body: body,
+            footer: footer
+        }).render().appendTo($container);
+    };
+    LinkDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    LinkDialog.prototype.bindEnterKey = function ($input, $btn) {
+        $input.on('keypress', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                event.preventDefault();
+                $btn.trigger('click');
+            }
+        });
+    };
+    /**
+     * toggle update button
+     */
+    LinkDialog.prototype.toggleLinkBtn = function ($linkBtn, $linkText, $linkUrl) {
+        this.ui.toggleBtn($linkBtn, $linkText.val() && $linkUrl.val());
+    };
+    /**
+     * Show link dialog and set event handlers on dialog controls.
+     *
+     * @param {Object} linkInfo
+     * @return {Promise}
+     */
+    LinkDialog.prototype.showLinkDialog = function (linkInfo) {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            var $linkText = _this.$dialog.find('.note-link-text');
+            var $linkUrl = _this.$dialog.find('.note-link-url');
+            var $linkBtn = _this.$dialog.find('.note-link-btn');
+            var $openInNewWindow = _this.$dialog.find('input[type=checkbox]');
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                // if no url was given, copy text to url
+                if (!linkInfo.url) {
+                    linkInfo.url = linkInfo.text;
+                }
+                $linkText.val(linkInfo.text);
+                var handleLinkTextUpdate = function () {
+                    _this.toggleLinkBtn($linkBtn, $linkText, $linkUrl);
+                    // if linktext was modified by keyup,
+                    // stop cloning text from linkUrl
+                    linkInfo.text = $linkText.val();
+                };
+                $linkText.on('input', handleLinkTextUpdate).on('paste', function () {
+                    setTimeout(handleLinkTextUpdate, 0);
+                });
+                var handleLinkUrlUpdate = function () {
+                    _this.toggleLinkBtn($linkBtn, $linkText, $linkUrl);
+                    // display same link on `Text to display` input
+                    // when create a new link
+                    if (!linkInfo.text) {
+                        $linkText.val($linkUrl.val());
+                    }
+                };
+                $linkUrl.on('input', handleLinkUrlUpdate).on('paste', function () {
+                    setTimeout(handleLinkUrlUpdate, 0);
+                }).val(linkInfo.url);
+                if (!env.isSupportTouch) {
+                    $linkUrl.trigger('focus');
+                }
+                _this.toggleLinkBtn($linkBtn, $linkText, $linkUrl);
+                _this.bindEnterKey($linkUrl, $linkBtn);
+                _this.bindEnterKey($linkText, $linkBtn);
+                var isChecked = linkInfo.isNewWindow !== undefined
+                    ? linkInfo.isNewWindow : _this.context.options.linkTargetBlank;
+                $openInNewWindow.prop('checked', isChecked);
+                $linkBtn.one('click', function (event) {
+                    event.preventDefault();
+                    deferred.resolve({
+                        range: linkInfo.range,
+                        url: $linkUrl.val(),
+                        text: $linkText.val(),
+                        isNewWindow: $openInNewWindow.is(':checked')
+                    });
+                    _this.ui.hideDialog(_this.$dialog);
+                });
+            });
+            _this.ui.onDialogHidden(_this.$dialog, function () {
+                // detach events
+                $linkText.off('input paste keypress');
+                $linkUrl.off('input paste keypress');
+                $linkBtn.off('click');
+                if (deferred.state() === 'pending') {
+                    deferred.reject();
+                }
+            });
+            _this.ui.showDialog(_this.$dialog);
+        }).promise();
+    };
+    /**
+     * @param {Object} layoutInfo
+     */
+    LinkDialog.prototype.show = function () {
+        var _this = this;
+        var linkInfo = this.context.invoke('editor.getLinkInfo');
+        this.context.invoke('editor.saveRange');
+        this.showLinkDialog(linkInfo).then(function (linkInfo) {
+            _this.context.invoke('editor.restoreRange');
+            _this.context.invoke('editor.createLink', linkInfo);
+        }).fail(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    return LinkDialog;
+}());
+
+var LinkPopover = /** @class */ (function () {
+    function LinkPopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.options = context.options;
+        this.events = {
+            'summernote.keyup summernote.mouseup summernote.change summernote.scroll': function () {
+                _this.update();
+            },
+            'summernote.disable summernote.dialog.shown': function () {
+                _this.hide();
+            }
+        };
+    }
+    LinkPopover.prototype.shouldInitialize = function () {
+        return !lists.isEmpty(this.options.popover.link);
+    };
+    LinkPopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-link-popover',
+            callback: function ($node) {
+                var $content = $node.find('.popover-content,.note-popover-content');
+                $content.prepend('<span><a target="_blank"></a>&nbsp;</span>');
+            }
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content,.note-popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.link);
+    };
+    LinkPopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    LinkPopover.prototype.update = function () {
+        // Prevent focusing on editable when invoke('code') is executed
+        if (!this.context.invoke('editor.hasFocus')) {
+            this.hide();
+            return;
+        }
+        var rng = this.context.invoke('editor.createRange');
+        if (rng.isCollapsed() && rng.isOnAnchor()) {
+            var anchor = dom.ancestor(rng.sc, dom.isAnchor);
+            var href = $$1(anchor).attr('href');
+            this.$popover.find('a').attr('href', href).html(href);
+            var pos = dom.posFromPlaceholder(anchor);
+            this.$popover.css({
+                display: 'block',
+                left: pos.left,
+                top: pos.top
+            });
+        }
+        else {
+            this.hide();
+        }
+    };
+    LinkPopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return LinkPopover;
+}());
+
+var ImageDialog = /** @class */ (function () {
+    function ImageDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+    }
+    ImageDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var imageLimitation = '';
+        if (this.options.maximumImageFileSize) {
+            var unit = Math.floor(Math.log(this.options.maximumImageFileSize) / Math.log(1024));
+            var readableSize = (this.options.maximumImageFileSize / Math.pow(1024, unit)).toFixed(2) * 1 +
+                ' ' + ' KMGTP'[unit] + 'B';
+            imageLimitation = "<small>" + (this.lang.image.maximumFileSize + ' : ' + readableSize) + "</small>";
+        }
+        var body = [
+            '<div class="form-group note-form-group note-group-select-from-files">',
+            '<label class="note-form-label">' + this.lang.image.selectFromFiles + '</label>',
+            '<input class="note-image-input note-form-control note-input" ',
+            ' type="file" name="files" accept="image/*" multiple="multiple" />',
+            imageLimitation,
+            '</div>',
+            '<div class="form-group note-group-image-url" style="overflow:auto;">',
+            '<label class="note-form-label">' + this.lang.image.url + '</label>',
+            '<input class="note-image-url form-control note-form-control note-input ',
+            ' col-md-12" type="text" />',
+            '</div>'
+        ].join('');
+        var buttonClass = 'btn btn-primary note-btn note-btn-primary note-image-btn';
+        var footer = "<button type=\"submit\" href=\"#\" class=\"" + buttonClass + "\" disabled>" + this.lang.image.insert + "</button>";
+        this.$dialog = this.ui.dialog({
+            title: this.lang.image.insert,
+            fade: this.options.dialogsFade,
+            body: body,
+            footer: footer
+        }).render().appendTo($container);
+    };
+    ImageDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    ImageDialog.prototype.bindEnterKey = function ($input, $btn) {
+        $input.on('keypress', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                event.preventDefault();
+                $btn.trigger('click');
+            }
+        });
+    };
+    ImageDialog.prototype.show = function () {
+        var _this = this;
+        this.context.invoke('editor.saveRange');
+        this.showImageDialog().then(function (data) {
+            // [workaround] hide dialog before restore range for IE range focus
+            _this.ui.hideDialog(_this.$dialog);
+            _this.context.invoke('editor.restoreRange');
+            if (typeof data === 'string') {
+                _this.context.invoke('editor.insertImage', data);
+            }
+            else {
+                _this.context.invoke('editor.insertImagesOrCallback', data);
+            }
+        }).fail(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    /**
+     * show image dialog
+     *
+     * @param {jQuery} $dialog
+     * @return {Promise}
+     */
+    ImageDialog.prototype.showImageDialog = function () {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            var $imageInput = _this.$dialog.find('.note-image-input');
+            var $imageUrl = _this.$dialog.find('.note-image-url');
+            var $imageBtn = _this.$dialog.find('.note-image-btn');
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                // Cloning imageInput to clear element.
+                $imageInput.replaceWith($imageInput.clone().on('change', function (event) {
+                    deferred.resolve(event.target.files || event.target.value);
+                }).val(''));
+                $imageBtn.click(function (event) {
+                    event.preventDefault();
+                    deferred.resolve($imageUrl.val());
+                });
+                $imageUrl.on('keyup paste', function () {
+                    var url = $imageUrl.val();
+                    _this.ui.toggleBtn($imageBtn, url);
+                }).val('');
+                if (!env.isSupportTouch) {
+                    $imageUrl.trigger('focus');
+                }
+                _this.bindEnterKey($imageUrl, $imageBtn);
+            });
+            _this.ui.onDialogHidden(_this.$dialog, function () {
+                $imageInput.off('change');
+                $imageUrl.off('keyup paste keypress');
+                $imageBtn.off('click');
+                if (deferred.state() === 'pending') {
+                    deferred.reject();
+                }
+            });
+            _this.ui.showDialog(_this.$dialog);
+        });
+    };
+    return ImageDialog;
+}());
+
+/**
+ * Image popover module
+ *  mouse events that show/hide popover will be handled by Handle.js.
+ *  Handle.js will receive the events and invoke 'imagePopover.update'.
+ */
+var ImagePopover = /** @class */ (function () {
+    function ImagePopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.editable = context.layoutInfo.editable[0];
+        this.options = context.options;
+        this.events = {
+            'summernote.disable': function () {
+                _this.hide();
+            }
+        };
+    }
+    ImagePopover.prototype.shouldInitialize = function () {
+        return !lists.isEmpty(this.options.popover.image);
+    };
+    ImagePopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-image-popover'
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content,.note-popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.image);
+    };
+    ImagePopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    ImagePopover.prototype.update = function (target) {
+        if (dom.isImg(target)) {
+            var pos = dom.posFromPlaceholder(target);
+            var posEditor = dom.posFromPlaceholder(this.editable);
+            this.$popover.css({
+                display: 'block',
+                left: this.options.popatmouse ? event.pageX - 20 : pos.left,
+                top: this.options.popatmouse ? event.pageY : Math.min(pos.top, posEditor.top)
+            });
+        }
+        else {
+            this.hide();
+        }
+    };
+    ImagePopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return ImagePopover;
+}());
+
+var TablePopover = /** @class */ (function () {
+    function TablePopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.options = context.options;
+        this.events = {
+            'summernote.mousedown': function (we, e) {
+                _this.update(e.target);
+            },
+            'summernote.keyup summernote.scroll summernote.change': function () {
+                _this.update();
+            },
+            'summernote.disable': function () {
+                _this.hide();
+            }
+        };
+    }
+    TablePopover.prototype.shouldInitialize = function () {
+        return !lists.isEmpty(this.options.popover.table);
+    };
+    TablePopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-table-popover'
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content,.note-popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.table);
+        // [workaround] Disable Firefox's default table editor
+        if (env.isFF) {
+            document.execCommand('enableInlineTableEditing', false, false);
+        }
+    };
+    TablePopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    TablePopover.prototype.update = function (target) {
+        if (this.context.isDisabled()) {
+            return false;
+        }
+        var isCell = dom.isCell(target);
+        if (isCell) {
+            var pos = dom.posFromPlaceholder(target);
+            this.$popover.css({
+                display: 'block',
+                left: pos.left,
+                top: pos.top
+            });
+        }
+        else {
+            this.hide();
+        }
+        return isCell;
+    };
+    TablePopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return TablePopover;
+}());
+
+var VideoDialog = /** @class */ (function () {
+    function VideoDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+    }
+    VideoDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var body = [
+            '<div class="form-group note-form-group row-fluid">',
+            "<label class=\"note-form-label\">" + this.lang.video.url + " <small class=\"text-muted\">" + this.lang.video.providers + "</small></label>",
+            '<input class="note-video-url form-control note-form-control note-input" type="text" />',
+            '</div>'
+        ].join('');
+        var buttonClass = 'btn btn-primary note-btn note-btn-primary note-video-btn';
+        var footer = "<button type=\"submit\" href=\"#\" class=\"" + buttonClass + "\" disabled>" + this.lang.video.insert + "</button>";
+        this.$dialog = this.ui.dialog({
+            title: this.lang.video.insert,
+            fade: this.options.dialogsFade,
+            body: body,
+            footer: footer
+        }).render().appendTo($container);
+    };
+    VideoDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    VideoDialog.prototype.bindEnterKey = function ($input, $btn) {
+        $input.on('keypress', function (event) {
+            if (event.keyCode === key.code.ENTER) {
+                event.preventDefault();
+                $btn.trigger('click');
+            }
+        });
+    };
+    VideoDialog.prototype.createVideoNode = function (url) {
+        // video url patterns(youtube, instagram, vimeo, dailymotion, youku, mp4, ogg, webm)
+        var ytRegExp = /^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/;
+        var ytMatch = url.match(ytRegExp);
+        var igRegExp = /(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/;
+        var igMatch = url.match(igRegExp);
+        var vRegExp = /\/\/vine\.co\/v\/([a-zA-Z0-9]+)/;
+        var vMatch = url.match(vRegExp);
+        var vimRegExp = /\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/;
+        var vimMatch = url.match(vimRegExp);
+        var dmRegExp = /.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/;
+        var dmMatch = url.match(dmRegExp);
+        var youkuRegExp = /\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/;
+        var youkuMatch = url.match(youkuRegExp);
+        var qqRegExp = /\/\/v\.qq\.com.*?vid=(.+)/;
+        var qqMatch = url.match(qqRegExp);
+        var qqRegExp2 = /\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/;
+        var qqMatch2 = url.match(qqRegExp2);
+        var mp4RegExp = /^.+.(mp4|m4v)$/;
+        var mp4Match = url.match(mp4RegExp);
+        var oggRegExp = /^.+.(ogg|ogv)$/;
+        var oggMatch = url.match(oggRegExp);
+        var webmRegExp = /^.+.(webm)$/;
+        var webmMatch = url.match(webmRegExp);
+        var $video;
+        if (ytMatch && ytMatch[1].length === 11) {
+            var youtubeId = ytMatch[1];
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', '//www.youtube.com/embed/' + youtubeId)
+                .attr('width', '640').attr('height', '360');
+        }
+        else if (igMatch && igMatch[0].length) {
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', 'https://instagram.com/p/' + igMatch[1] + '/embed/')
+                .attr('width', '612').attr('height', '710')
+                .attr('scrolling', 'no')
+                .attr('allowtransparency', 'true');
+        }
+        else if (vMatch && vMatch[0].length) {
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', vMatch[0] + '/embed/simple')
+                .attr('width', '600').attr('height', '600')
+                .attr('class', 'vine-embed');
+        }
+        else if (vimMatch && vimMatch[3].length) {
+            $video = $$1('<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>')
+                .attr('frameborder', 0)
+                .attr('src', '//player.vimeo.com/video/' + vimMatch[3])
+                .attr('width', '640').attr('height', '360');
+        }
+        else if (dmMatch && dmMatch[2].length) {
+            $video = $$1('<iframe>')
+                .attr('frameborder', 0)
+                .attr('src', '//www.dailymotion.com/embed/video/' + dmMatch[2])
+                .attr('width', '640').attr('height', '360');
+        }
+        else if (youkuMatch && youkuMatch[1].length) {
+            $video = $$1('<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>')
+                .attr('frameborder', 0)
+                .attr('height', '498')
+                .attr('width', '510')
+                .attr('src', '//player.youku.com/embed/' + youkuMatch[1]);
+        }
+        else if ((qqMatch && qqMatch[1].length) || (qqMatch2 && qqMatch2[2].length)) {
+            var vid = ((qqMatch && qqMatch[1].length) ? qqMatch[1] : qqMatch2[2]);
+            $video = $$1('<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>')
+                .attr('frameborder', 0)
+                .attr('height', '310')
+                .attr('width', '500')
+                .attr('src', 'http://v.qq.com/iframe/player.html?vid=' + vid + '&amp;auto=0');
+        }
+        else if (mp4Match || oggMatch || webmMatch) {
+            $video = $$1('<video controls>')
+                .attr('src', url)
+                .attr('width', '640').attr('height', '360');
+        }
+        else {
+            // this is not a known video link. Now what, Cat? Now what?
+            return false;
+        }
+        $video.addClass('note-video-clip');
+        return $video[0];
+    };
+    VideoDialog.prototype.show = function () {
+        var _this = this;
+        var text = this.context.invoke('editor.getSelectedText');
+        this.context.invoke('editor.saveRange');
+        this.showVideoDialog(text).then(function (url) {
+            // [workaround] hide dialog before restore range for IE range focus
+            _this.ui.hideDialog(_this.$dialog);
+            _this.context.invoke('editor.restoreRange');
+            // build node
+            var $node = _this.createVideoNode(url);
+            if ($node) {
+                // insert video node
+                _this.context.invoke('editor.insertNode', $node);
+            }
+        }).fail(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    /**
+     * show image dialog
+     *
+     * @param {jQuery} $dialog
+     * @return {Promise}
+     */
+    VideoDialog.prototype.showVideoDialog = function (text) {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            var $videoUrl = _this.$dialog.find('.note-video-url');
+            var $videoBtn = _this.$dialog.find('.note-video-btn');
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                $videoUrl.val(text).on('input', function () {
+                    _this.ui.toggleBtn($videoBtn, $videoUrl.val());
+                });
+                if (!env.isSupportTouch) {
+                    $videoUrl.trigger('focus');
+                }
+                $videoBtn.click(function (event) {
+                    event.preventDefault();
+                    deferred.resolve($videoUrl.val());
+                });
+                _this.bindEnterKey($videoUrl, $videoBtn);
+            });
+            _this.ui.onDialogHidden(_this.$dialog, function () {
+                $videoUrl.off('input');
+                $videoBtn.off('click');
+                if (deferred.state() === 'pending') {
+                    deferred.reject();
+                }
+            });
+            _this.ui.showDialog(_this.$dialog);
+        });
+    };
+    return VideoDialog;
+}());
+
+var HelpDialog = /** @class */ (function () {
+    function HelpDialog(context) {
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$body = $$1(document.body);
+        this.$editor = context.layoutInfo.editor;
+        this.options = context.options;
+        this.lang = this.options.langInfo;
+    }
+    HelpDialog.prototype.initialize = function () {
+        var $container = this.options.dialogsInBody ? this.$body : this.$editor;
+        var body = [
+            '<p class="text-center">',
+            '<a href="http://summernote.org/" target="_blank">Summernote 0.8.9</a> · ',
+            '<a href="https://github.com/summernote/summernote" target="_blank">Project</a> · ',
+            '<a href="https://github.com/summernote/summernote/issues" target="_blank">Issues</a>',
+            '</p>'
+        ].join('');
+        this.$dialog = this.ui.dialog({
+            title: this.lang.options.help,
+            fade: this.options.dialogsFade,
+            body: this.createShortcutList(),
+            footer: body,
+            callback: function ($node) {
+                $node.find('.modal-body,.note-modal-body').css({
+                    'max-height': 300,
+                    'overflow': 'scroll'
+                });
+            }
+        }).render().appendTo($container);
+    };
+    HelpDialog.prototype.destroy = function () {
+        this.ui.hideDialog(this.$dialog);
+        this.$dialog.remove();
+    };
+    HelpDialog.prototype.createShortcutList = function () {
+        var _this = this;
+        var keyMap = this.options.keyMap[env.isMac ? 'mac' : 'pc'];
+        return Object.keys(keyMap).map(function (key) {
+            var command = keyMap[key];
+            var $row = $$1('<div><div class="help-list-item"/></div>');
+            $row.append($$1('<label><kbd>' + key + '</kdb></label>').css({
+                'width': 180,
+                'margin-right': 10
+            })).append($$1('<span/>').html(_this.context.memo('help.' + command) || command));
+            return $row.html();
+        }).join('');
+    };
+    /**
+     * show help dialog
+     *
+     * @return {Promise}
+     */
+    HelpDialog.prototype.showHelpDialog = function () {
+        var _this = this;
+        return $$1.Deferred(function (deferred) {
+            _this.ui.onDialogShown(_this.$dialog, function () {
+                _this.context.triggerEvent('dialog.shown');
+                deferred.resolve();
+            });
+            _this.ui.showDialog(_this.$dialog);
+        }).promise();
+    };
+    HelpDialog.prototype.show = function () {
+        var _this = this;
+        this.context.invoke('editor.saveRange');
+        this.showHelpDialog().then(function () {
+            _this.context.invoke('editor.restoreRange');
+        });
+    };
+    return HelpDialog;
+}());
+
+var AIR_MODE_POPOVER_X_OFFSET = 20;
+var AirPopover = /** @class */ (function () {
+    function AirPopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.options = context.options;
+        this.events = {
+            'summernote.keyup summernote.mouseup summernote.scroll': function () {
+                _this.update();
+            },
+            'summernote.disable summernote.change summernote.dialog.shown': function () {
+                _this.hide();
+            },
+            'summernote.focusout': function (we, e) {
+                // [workaround] Firefox doesn't support relatedTarget on focusout
+                //  - Ignore hide action on focus out in FF.
+                if (env.isFF) {
+                    return;
+                }
+                if (!e.relatedTarget || !dom.ancestor(e.relatedTarget, func.eq(_this.$popover[0]))) {
+                    _this.hide();
+                }
+            }
+        };
+    }
+    AirPopover.prototype.shouldInitialize = function () {
+        return this.options.airMode && !lists.isEmpty(this.options.popover.air);
+    };
+    AirPopover.prototype.initialize = function () {
+        this.$popover = this.ui.popover({
+            className: 'note-air-popover'
+        }).render().appendTo(this.options.container);
+        var $content = this.$popover.find('.popover-content');
+        this.context.invoke('buttons.build', $content, this.options.popover.air);
+    };
+    AirPopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    AirPopover.prototype.update = function () {
+        var styleInfo = this.context.invoke('editor.currentStyle');
+        if (styleInfo.range && !styleInfo.range.isCollapsed()) {
+            var rect = lists.last(styleInfo.range.getClientRects());
+            if (rect) {
+                var bnd = func.rect2bnd(rect);
+                this.$popover.css({
+                    display: 'block',
+                    left: Math.max(bnd.left + bnd.width / 2, 0) - AIR_MODE_POPOVER_X_OFFSET,
+                    top: bnd.top + bnd.height
+                });
+                this.context.invoke('buttons.updateCurrentStyle', this.$popover);
+            }
+        }
+        else {
+            this.hide();
+        }
+    };
+    AirPopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return AirPopover;
+}());
+
+var POPOVER_DIST = 5;
+var HintPopover = /** @class */ (function () {
+    function HintPopover(context) {
+        var _this = this;
+        this.context = context;
+        this.ui = $$1.summernote.ui;
+        this.$editable = context.layoutInfo.editable;
+        this.options = context.options;
+        this.hint = this.options.hint || [];
+        this.direction = this.options.hintDirection || 'bottom';
+        this.hints = $$1.isArray(this.hint) ? this.hint : [this.hint];
+        this.events = {
+            'summernote.keyup': function (we, e) {
+                if (!e.isDefaultPrevented()) {
+                    _this.handleKeyup(e);
+                }
+            },
+            'summernote.keydown': function (we, e) {
+                _this.handleKeydown(e);
+            },
+            'summernote.disable summernote.dialog.shown': function () {
+                _this.hide();
+            }
+        };
+    }
+    HintPopover.prototype.shouldInitialize = function () {
+        return this.hints.length > 0;
+    };
+    HintPopover.prototype.initialize = function () {
+        var _this = this;
+        this.lastWordRange = null;
+        this.$popover = this.ui.popover({
+            className: 'note-hint-popover',
+            hideArrow: true,
+            direction: ''
+        }).render().appendTo(this.options.container);
+        this.$popover.hide();
+        this.$content = this.$popover.find('.popover-content,.note-popover-content');
+        this.$content.on('click', '.note-hint-item', function () {
+            _this.$content.find('.active').removeClass('active');
+            $$1(_this).addClass('active');
+            _this.replace();
+        });
+    };
+    HintPopover.prototype.destroy = function () {
+        this.$popover.remove();
+    };
+    HintPopover.prototype.selectItem = function ($item) {
+        this.$content.find('.active').removeClass('active');
+        $item.addClass('active');
+        this.$content[0].scrollTop = $item[0].offsetTop - (this.$content.innerHeight() / 2);
+    };
+    HintPopover.prototype.moveDown = function () {
+        var $current = this.$content.find('.note-hint-item.active');
+        var $next = $current.next();
+        if ($next.length) {
+            this.selectItem($next);
+        }
+        else {
+            var $nextGroup = $current.parent().next();
+            if (!$nextGroup.length) {
+                $nextGroup = this.$content.find('.note-hint-group').first();
+            }
+            this.selectItem($nextGroup.find('.note-hint-item').first());
+        }
+    };
+    HintPopover.prototype.moveUp = function () {
+        var $current = this.$content.find('.note-hint-item.active');
+        var $prev = $current.prev();
+        if ($prev.length) {
+            this.selectItem($prev);
+        }
+        else {
+            var $prevGroup = $current.parent().prev();
+            if (!$prevGroup.length) {
+                $prevGroup = this.$content.find('.note-hint-group').last();
+            }
+            this.selectItem($prevGroup.find('.note-hint-item').last());
+        }
+    };
+    HintPopover.prototype.replace = function () {
+        var $item = this.$content.find('.note-hint-item.active');
+        if ($item.length) {
+            var node = this.nodeFromItem($item);
+            // XXX: consider to move codes to editor for recording redo/undo.
+            this.lastWordRange.insertNode(node);
+            range.createFromNode(node).collapse().select();
+            this.lastWordRange = null;
+            this.hide();
+            this.context.triggerEvent('change', this.$editable.html(), this.$editable[0]);
+            this.context.invoke('editor.focus');
+        }
+    };
+    HintPopover.prototype.nodeFromItem = function ($item) {
+        var hint = this.hints[$item.data('index')];
+        var item = $item.data('item');
+        var node = hint.content ? hint.content(item) : item;
+        if (typeof node === 'string') {
+            node = dom.createText(node);
+        }
+        return node;
+    };
+    HintPopover.prototype.createItemTemplates = function (hintIdx, items) {
+        var hint = this.hints[hintIdx];
+        return items.map(function (item, idx) {
+            var $item = $$1('<div class="note-hint-item"/>');
+            $item.append(hint.template ? hint.template(item) : item + '');
+            $item.data({
+                'index': hintIdx,
+                'item': item
+            });
+            return $item;
+        });
+    };
+    HintPopover.prototype.handleKeydown = function (e) {
+        if (!this.$popover.is(':visible')) {
+            return;
+        }
+        if (e.keyCode === key.code.ENTER) {
+            e.preventDefault();
+            this.replace();
+        }
+        else if (e.keyCode === key.code.UP) {
+            e.preventDefault();
+            this.moveUp();
+        }
+        else if (e.keyCode === key.code.DOWN) {
+            e.preventDefault();
+            this.moveDown();
+        }
+    };
+    HintPopover.prototype.searchKeyword = function (index, keyword, callback) {
+        var hint = this.hints[index];
+        if (hint && hint.match.test(keyword) && hint.search) {
+            var matches = hint.match.exec(keyword);
+            hint.search(matches[1], callback);
+        }
+        else {
+            callback();
+        }
+    };
+    HintPopover.prototype.createGroup = function (idx, keyword) {
+        var _this = this;
+        var $group = $$1('<div class="note-hint-group note-hint-group-' + idx + '"/>');
+        this.searchKeyword(idx, keyword, function (items) {
+            items = items || [];
+            if (items.length) {
+                $group.html(_this.createItemTemplates(idx, items));
+                _this.show();
+            }
+        });
+        return $group;
+    };
+    HintPopover.prototype.handleKeyup = function (e) {
+        var _this = this;
+        if (!lists.contains([key.code.ENTER, key.code.UP, key.code.DOWN], e.keyCode)) {
+            var wordRange = this.context.invoke('editor.createRange').getWordRange();
+            var keyword_1 = wordRange.toString();
+            if (this.hints.length && keyword_1) {
+                this.$content.empty();
+                var bnd = func.rect2bnd(lists.last(wordRange.getClientRects()));
+                if (bnd) {
+                    this.$popover.hide();
+                    this.lastWordRange = wordRange;
+                    this.hints.forEach(function (hint, idx) {
+                        if (hint.match.test(keyword_1)) {
+                            _this.createGroup(idx, keyword_1).appendTo(_this.$content);
+                        }
+                    });
+                    // select first .note-hint-item
+                    this.$content.find('.note-hint-item:first').addClass('active');
+                    // set position for popover after group is created
+                    if (this.direction === 'top') {
+                        this.$popover.css({
+                            left: bnd.left,
+                            top: bnd.top - this.$popover.outerHeight() - POPOVER_DIST
+                        });
+                    }
+                    else {
+                        this.$popover.css({
+                            left: bnd.left,
+                            top: bnd.top + bnd.height + POPOVER_DIST
+                        });
+                    }
+                }
+            }
+            else {
+                this.hide();
+            }
+        }
+    };
+    HintPopover.prototype.show = function () {
+        this.$popover.show();
+    };
+    HintPopover.prototype.hide = function () {
+        this.$popover.hide();
+    };
+    return HintPopover;
+}());
+
+var Context = /** @class */ (function () {
+    /**
+     * @param {jQuery} $note
+     * @param {Object} options
+     */
+    function Context($note, options) {
+        this.ui = $$1.summernote.ui;
+        this.$note = $note;
+        this.memos = {};
+        this.modules = {};
+        this.layoutInfo = {};
+        this.options = options;
+        this.initialize();
+    }
+    /**
+     * create layout and initialize modules and other resources
+     */
+    Context.prototype.initialize = function () {
+        this.layoutInfo = this.ui.createLayout(this.$note, this.options);
+        this._initialize();
+        this.$note.hide();
+        return this;
+    };
+    /**
+     * destroy modules and other resources and remove layout
+     */
+    Context.prototype.destroy = function () {
+        this._destroy();
+        this.$note.removeData('summernote');
+        this.ui.removeLayout(this.$note, this.layoutInfo);
+    };
+    /**
+     * destory modules and other resources and initialize it again
+     */
+    Context.prototype.reset = function () {
+        var disabled = this.isDisabled();
+        this.code(dom.emptyPara);
+        this._destroy();
+        this._initialize();
+        if (disabled) {
+            this.disable();
+        }
+    };
+    Context.prototype._initialize = function () {
+        var _this = this;
+        // add optional buttons
+        var buttons = $$1.extend({}, this.options.buttons);
+        Object.keys(buttons).forEach(function (key) {
+            _this.memo('button.' + key, buttons[key]);
+        });
+        var modules = $$1.extend({}, this.options.modules, $$1.summernote.plugins || {});
+        // add and initialize modules
+        Object.keys(modules).forEach(function (key) {
+            _this.module(key, modules[key], true);
+        });
+        Object.keys(this.modules).forEach(function (key) {
+            _this.initializeModule(key);
+        });
+    };
+    Context.prototype._destroy = function () {
+        var _this = this;
+        // destroy modules with reversed order
+        Object.keys(this.modules).reverse().forEach(function (key) {
+            _this.removeModule(key);
+        });
+        Object.keys(this.memos).forEach(function (key) {
+            _this.removeMemo(key);
+        });
+        // trigger custom onDestroy callback
+        this.triggerEvent('destroy', this);
+    };
+    Context.prototype.code = function (html) {
+        var isActivated = this.invoke('codeview.isActivated');
+        if (html === undefined) {
+            this.invoke('codeview.sync');
+            return isActivated ? this.layoutInfo.codable.val() : this.layoutInfo.editable.html();
+        }
+        else {
+            if (isActivated) {
+                this.layoutInfo.codable.val(html);
+            }
+            else {
+                this.layoutInfo.editable.html(html);
+            }
+            this.$note.val(html);
+            this.triggerEvent('change', html);
+        }
+    };
+    Context.prototype.isDisabled = function () {
+        return this.layoutInfo.editable.attr('contenteditable') === 'false';
+    };
+    Context.prototype.enable = function () {
+        this.layoutInfo.editable.attr('contenteditable', true);
+        this.invoke('toolbar.activate', true);
+        this.triggerEvent('disable', false);
+    };
+    Context.prototype.disable = function () {
+        // close codeview if codeview is opend
+        if (this.invoke('codeview.isActivated')) {
+            this.invoke('codeview.deactivate');
+        }
+        this.layoutInfo.editable.attr('contenteditable', false);
+        this.invoke('toolbar.deactivate', true);
+        this.triggerEvent('disable', true);
+    };
+    Context.prototype.triggerEvent = function () {
+        var namespace = lists.head(arguments);
+        var args = lists.tail(lists.from(arguments));
+        var callback = this.options.callbacks[func.namespaceToCamel(namespace, 'on')];
+        if (callback) {
+            callback.apply(this.$note[0], args);
+        }
+        this.$note.trigger('summernote.' + namespace, args);
+    };
+    Context.prototype.initializeModule = function (key) {
+        var module = this.modules[key];
+        module.shouldInitialize = module.shouldInitialize || func.ok;
+        if (!module.shouldInitialize()) {
+            return;
+        }
+        // initialize module
+        if (module.initialize) {
+            module.initialize();
+        }
+        // attach events
+        if (module.events) {
+            dom.attachEvents(this.$note, module.events);
+        }
+    };
+    Context.prototype.module = function (key, ModuleClass, withoutIntialize) {
+        if (arguments.length === 1) {
+            return this.modules[key];
+        }
+        this.modules[key] = new ModuleClass(this);
+        if (!withoutIntialize) {
+            this.initializeModule(key);
+        }
+    };
+    Context.prototype.removeModule = function (key) {
+        var module = this.modules[key];
+        if (module.shouldInitialize()) {
+            if (module.events) {
+                dom.detachEvents(this.$note, module.events);
+            }
+            if (module.destroy) {
+                module.destroy();
+            }
+        }
+        delete this.modules[key];
+    };
+    Context.prototype.memo = function (key, obj) {
+        if (arguments.length === 1) {
+            return this.memos[key];
+        }
+        this.memos[key] = obj;
+    };
+    Context.prototype.removeMemo = function (key) {
+        if (this.memos[key] && this.memos[key].destroy) {
+            this.memos[key].destroy();
+        }
+        delete this.memos[key];
+    };
+    /**
+     * Some buttons need to change their visual style immediately once they get pressed
+     */
+    Context.prototype.createInvokeHandlerAndUpdateState = function (namespace, value) {
+        var _this = this;
+        return function (event) {
+            _this.createInvokeHandler(namespace, value)(event);
+            _this.invoke('buttons.updateCurrentStyle');
+        };
+    };
+    Context.prototype.createInvokeHandler = function (namespace, value) {
+        var _this = this;
+        return function (event) {
+            event.preventDefault();
+            var $target = $$1(event.target);
+            _this.invoke(namespace, value || $target.closest('[data-value]').data('value'), $target);
+        };
+    };
+    Context.prototype.invoke = function () {
+        var namespace = lists.head(arguments);
+        var args = lists.tail(lists.from(arguments));
+        var splits = namespace.split('.');
+        var hasSeparator = splits.length > 1;
+        var moduleName = hasSeparator && lists.head(splits);
+        var methodName = hasSeparator ? lists.last(splits) : lists.head(splits);
+        var module = this.modules[moduleName || 'editor'];
+        if (!moduleName && this[methodName]) {
+            return this[methodName].apply(this, args);
+        }
+        else if (module && module[methodName] && module.shouldInitialize()) {
+            return module[methodName].apply(module, args);
+        }
+    };
+    return Context;
+}());
+
+$$1.fn.extend({
+    /**
+     * Summernote API
+     *
+     * @param {Object|String}
+     * @return {this}
+     */
+    summernote: function () {
+        var type = $$1.type(lists.head(arguments));
+        var isExternalAPICalled = type === 'string';
+        var hasInitOptions = type === 'object';
+        var options = $$1.extend({}, $$1.summernote.options, hasInitOptions ? lists.head(arguments) : {});
+        // Update options
+        options.langInfo = $$1.extend(true, {}, $$1.summernote.lang['en-US'], $$1.summernote.lang[options.lang]);
+        options.icons = $$1.extend(true, {}, $$1.summernote.options.icons, options.icons);
+        options.tooltip = options.tooltip === 'auto' ? !env.isSupportTouch : options.tooltip;
+        this.each(function (idx, note) {
+            var $note = $$1(note);
+            if (!$note.data('summernote')) {
+                var context = new Context($note, options);
+                $note.data('summernote', context);
+                $note.data('summernote').triggerEvent('init', context.layoutInfo);
+            }
+        });
+        var $note = this.first();
+        if ($note.length) {
+            var context = $note.data('summernote');
+            if (isExternalAPICalled) {
+                return context.invoke.apply(context, lists.from(arguments));
+            }
+            else if (options.focus) {
+                context.invoke('editor.focus');
+            }
+        }
+        return this;
+    }
+});
+
+$$1.summernote = $$1.extend($$1.summernote, {
+    version: '0.8.9',
+    ui: ui,
+    dom: dom,
+    plugins: {},
+    options: {
+        modules: {
+            'editor': Editor,
+            'clipboard': Clipboard,
+            'dropzone': Dropzone,
+            'codeview': CodeView,
+            'statusbar': Statusbar,
+            'fullscreen': Fullscreen,
+            'handle': Handle,
+            // FIXME: HintPopover must be front of autolink
+            //  - Script error about range when Enter key is pressed on hint popover
+            'hintPopover': HintPopover,
+            'autoLink': AutoLink,
+            'autoSync': AutoSync,
+            'placeholder': Placeholder,
+            'buttons': Buttons,
+            'toolbar': Toolbar,
+            'linkDialog': LinkDialog,
+            'linkPopover': LinkPopover,
+            'imageDialog': ImageDialog,
+            'imagePopover': ImagePopover,
+            'tablePopover': TablePopover,
+            'videoDialog': VideoDialog,
+            'helpDialog': HelpDialog,
+            'airPopover': AirPopover
+        },
+        buttons: {},
+        lang: 'en-US',
+        followingToolbar: true,
+        otherStaticBar: '',
+        // toolbar
+        toolbar: [
+            ['style', ['style']],
+            ['font', ['bold', 'underline', 'clear']],
+            ['fontname', ['fontname']],
+            ['color', ['color']],
+            ['para', ['ul', 'ol', 'paragraph']],
+            ['table', ['table']],
+            ['insert', ['link', 'picture', 'video']],
+            ['view', ['fullscreen', 'codeview', 'help']]
+        ],
+        // popover
+        popatmouse: true,
+        popover: {
+            image: [
+                ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
+                ['float', ['floatLeft', 'floatRight', 'floatNone']],
+                ['remove', ['removeMedia']]
+            ],
+            link: [
+                ['link', ['linkDialogShow', 'unlink']]
+            ],
+            table: [
+                ['add', ['addRowDown', 'addRowUp', 'addColLeft', 'addColRight']],
+                ['delete', ['deleteRow', 'deleteCol', 'deleteTable']]
+            ],
+            air: [
+                ['color', ['color']],
+                ['font', ['bold', 'underline', 'clear']],
+                ['para', ['ul', 'paragraph']],
+                ['table', ['table']],
+                ['insert', ['link', 'picture']]
+            ]
+        },
+        // air mode: inline editor
+        airMode: false,
+        width: null,
+        height: null,
+        linkTargetBlank: true,
+        focus: false,
+        tabSize: 4,
+        styleWithSpan: true,
+        shortcuts: true,
+        textareaAutoSync: true,
+        hintDirection: 'bottom',
+        tooltip: 'auto',
+        container: 'body',
+        maxTextLength: 0,
+        styleTags: ['p', 'blockquote', 'pre', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6'],
+        fontNames: [
+            'Arial', 'Arial Black', 'Comic Sans MS', 'Courier New',
+            'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande',
+            'Tahoma', 'Times New Roman', 'Verdana'
+        ],
+        fontSizes: ['8', '9', '10', '11', '12', '14', '18', '24', '36'],
+        // pallete colors(n x n)
+        colors: [
+            ['#000000', '#424242', '#636363', '#9C9C94', '#CEC6CE', '#EFEFEF', '#F7F7F7', '#FFFFFF'],
+            ['#FF0000', '#FF9C00', '#FFFF00', '#00FF00', '#00FFFF', '#0000FF', '#9C00FF', '#FF00FF'],
+            ['#F7C6CE', '#FFE7CE', '#FFEFC6', '#D6EFD6', '#CEDEE7', '#CEE7F7', '#D6D6E7', '#E7D6DE'],
+            ['#E79C9C', '#FFC69C', '#FFE79C', '#B5D6A5', '#A5C6CE', '#9CC6EF', '#B5A5D6', '#D6A5BD'],
+            ['#E76363', '#F7AD6B', '#FFD663', '#94BD7B', '#73A5AD', '#6BADDE', '#8C7BC6', '#C67BA5'],
+            ['#CE0000', '#E79439', '#EFC631', '#6BA54A', '#4A7B8C', '#3984C6', '#634AA5', '#A54A7B'],
+            ['#9C0000', '#B56308', '#BD9400', '#397B21', '#104A5A', '#085294', '#311873', '#731842'],
+            ['#630000', '#7B3900', '#846300', '#295218', '#083139', '#003163', '#21104A', '#4A1031']
+        ],
+        lineHeights: ['1.0', '1.2', '1.4', '1.5', '1.6', '1.8', '2.0', '3.0'],
+        tableClassName: 'table table-bordered',
+        insertTableMaxSize: {
+            col: 10,
+            row: 10
+        },
+        dialogsInBody: false,
+        dialogsFade: false,
+        maximumImageFileSize: null,
+        callbacks: {
+            onInit: null,
+            onFocus: null,
+            onBlur: null,
+            onBlurCodeview: null,
+            onEnter: null,
+            onKeyup: null,
+            onKeydown: null,
+            onImageUpload: null,
+            onImageUploadError: null
+        },
+        codemirror: {
+            mode: 'text/html',
+            htmlMode: true,
+            lineNumbers: true
+        },
+        keyMap: {
+            pc: {
+                'ENTER': 'insertParagraph',
+                'CTRL+Z': 'undo',
+                'CTRL+Y': 'redo',
+                'TAB': 'tab',
+                'SHIFT+TAB': 'untab',
+                'CTRL+B': 'bold',
+                'CTRL+I': 'italic',
+                'CTRL+U': 'underline',
+                'CTRL+SHIFT+S': 'strikethrough',
+                'CTRL+BACKSLASH': 'removeFormat',
+                'CTRL+SHIFT+L': 'justifyLeft',
+                'CTRL+SHIFT+E': 'justifyCenter',
+                'CTRL+SHIFT+R': 'justifyRight',
+                'CTRL+SHIFT+J': 'justifyFull',
+                'CTRL+SHIFT+NUM7': 'insertUnorderedList',
+                'CTRL+SHIFT+NUM8': 'insertOrderedList',
+                'CTRL+LEFTBRACKET': 'outdent',
+                'CTRL+RIGHTBRACKET': 'indent',
+                'CTRL+NUM0': 'formatPara',
+                'CTRL+NUM1': 'formatH1',
+                'CTRL+NUM2': 'formatH2',
+                'CTRL+NUM3': 'formatH3',
+                'CTRL+NUM4': 'formatH4',
+                'CTRL+NUM5': 'formatH5',
+                'CTRL+NUM6': 'formatH6',
+                'CTRL+ENTER': 'insertHorizontalRule',
+                'CTRL+K': 'linkDialog.show'
+            },
+            mac: {
+                'ENTER': 'insertParagraph',
+                'CMD+Z': 'undo',
+                'CMD+SHIFT+Z': 'redo',
+                'TAB': 'tab',
+                'SHIFT+TAB': 'untab',
+                'CMD+B': 'bold',
+                'CMD+I': 'italic',
+                'CMD+U': 'underline',
+                'CMD+SHIFT+S': 'strikethrough',
+                'CMD+BACKSLASH': 'removeFormat',
+                'CMD+SHIFT+L': 'justifyLeft',
+                'CMD+SHIFT+E': 'justifyCenter',
+                'CMD+SHIFT+R': 'justifyRight',
+                'CMD+SHIFT+J': 'justifyFull',
+                'CMD+SHIFT+NUM7': 'insertUnorderedList',
+                'CMD+SHIFT+NUM8': 'insertOrderedList',
+                'CMD+LEFTBRACKET': 'outdent',
+                'CMD+RIGHTBRACKET': 'indent',
+                'CMD+NUM0': 'formatPara',
+                'CMD+NUM1': 'formatH1',
+                'CMD+NUM2': 'formatH2',
+                'CMD+NUM3': 'formatH3',
+                'CMD+NUM4': 'formatH4',
+                'CMD+NUM5': 'formatH5',
+                'CMD+NUM6': 'formatH6',
+                'CMD+ENTER': 'insertHorizontalRule',
+                'CMD+K': 'linkDialog.show'
+            }
+        },
+        icons: {
+            'align': 'note-icon-align',
+            'alignCenter': 'note-icon-align-center',
+            'alignJustify': 'note-icon-align-justify',
+            'alignLeft': 'note-icon-align-left',
+            'alignRight': 'note-icon-align-right',
+            'rowBelow': 'note-icon-row-below',
+            'colBefore': 'note-icon-col-before',
+            'colAfter': 'note-icon-col-after',
+            'rowAbove': 'note-icon-row-above',
+            'rowRemove': 'note-icon-row-remove',
+            'colRemove': 'note-icon-col-remove',
+            'indent': 'note-icon-align-indent',
+            'outdent': 'note-icon-align-outdent',
+            'arrowsAlt': 'note-icon-arrows-alt',
+            'bold': 'note-icon-bold',
+            'caret': 'note-icon-caret',
+            'circle': 'note-icon-circle',
+            'close': 'note-icon-close',
+            'code': 'note-icon-code',
+            'eraser': 'note-icon-eraser',
+            'font': 'note-icon-font',
+            'frame': 'note-icon-frame',
+            'italic': 'note-icon-italic',
+            'link': 'note-icon-link',
+            'unlink': 'note-icon-chain-broken',
+            'magic': 'note-icon-magic',
+            'menuCheck': 'note-icon-menu-check',
+            'minus': 'note-icon-minus',
+            'orderedlist': 'note-icon-orderedlist',
+            'pencil': 'note-icon-pencil',
+            'picture': 'note-icon-picture',
+            'question': 'note-icon-question',
+            'redo': 'note-icon-redo',
+            'square': 'note-icon-square',
+            'strikethrough': 'note-icon-strikethrough',
+            'subscript': 'note-icon-subscript',
+            'superscript': 'note-icon-superscript',
+            'table': 'note-icon-table',
+            'textHeight': 'note-icon-text-height',
+            'trash': 'note-icon-trash',
+            'underline': 'note-icon-underline',
+            'undo': 'note-icon-undo',
+            'unorderedlist': 'note-icon-unorderedlist',
+            'video': 'note-icon-video'
+        }
+    }
+});
+
+})));
+//# sourceMappingURL=summernote.js.map
diff --git a/static/old/summernote.min.js b/static/old/summernote.min.js
new file mode 100755
index 0000000..552419b
--- /dev/null
+++ b/static/old/summernote.min.js
@@ -0,0 +1,3 @@
+/*! Summernote v0.8.9 | (c) 2013- Alan Hong and other contributors | MIT license */
+
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],e):e(t.jQuery)}(this,function(t){"use strict";t=t&&t.hasOwnProperty("default")?t.default:t;var e=function(){function e(t,e,o,n){this.markup=t,this.children=e,this.options=o,this.callback=n}return e.prototype.render=function(e){var o=t(this.markup);if(this.options&&this.options.contents&&o.html(this.options.contents),this.options&&this.options.className&&o.addClass(this.options.className),this.options&&this.options.data&&t.each(this.options.data,function(t,e){o.attr("data-"+t,e)}),this.options&&this.options.click&&o.on("click",this.options.click),this.children){var n=o.find(".note-children-container");this.children.forEach(function(t){t.render(n.length?n:o)})}return this.callback&&this.callback(o,this.options),this.options&&this.options.callback&&this.options.callback(o),e&&e.append(o),o},e}(),o=function(o,n){return function(){var i="object"==typeof arguments[1]?arguments[1]:arguments[0],r=t.isArray(arguments[0])?arguments[0]:[];return i&&i.children&&(r=i.children),new e(o,r,i,n)}},n=o('<div class="note-editor note-frame panel"/>'),i=o('<div class="note-toolbar-wrapper panel-default"><div class="note-toolbar panel-heading"></div></div>'),r=o('<div class="note-editing-area"/>'),s=o('<textarea class="note-codable"/>'),a=o('<div class="note-editable" contentEditable="true"/>'),l=o(['<div class="note-statusbar">','  <div class="note-resizebar">','    <div class="note-icon-bar"/>','    <div class="note-icon-bar"/>','    <div class="note-icon-bar"/>',"  </div>","</div>"].join("")),c=o('<div class="note-editor"/>'),d=o('<div class="note-editable" contentEditable="true"/>'),u=o('<div class="note-btn-group btn-group">'),h=o('<div class="dropdown-menu">',function(e,o){var n=t.isArray(o.items)?o.items.map(function(t){var e="string"==typeof t?t:t.value||"",n=o.template?o.template(t):t,i="object"==typeof t?t.option:void 0;return'<li><a href="#" '+('data-value="'+e+'"'+(void 0!==i?' data-option="'+i+'"':""))+">"+n+"</a></li>"}).join(""):o.items;e.html(n)}),p=o('<div class="dropdown-menu note-check">',function(e,o){var n=t.isArray(o.items)?o.items.map(function(t){var e="string"==typeof t?t:t.value||"",n=o.template?o.template(t):t;return'<li><a href="#" data-value="'+e+'">'+f(o.checkClassName)+" "+n+"</a></li>"}).join(""):o.items;e.html(n)}),f=function(t,e){return"<"+(e=e||"i")+' class="'+t+'"/>'},m={editor:n,toolbar:i,editingArea:r,codable:s,editable:a,statusbar:l,airEditor:c,airEditable:d,buttonGroup:u,dropdown:h,dropdownButtonContents:function(t,e){return t+" "+f(e.icons.caret,"span")},dropdownCheck:p,palette:o('<div class="note-color-palette"/>',function(t,e){for(var o=[],n=0,i=e.colors.length;n<i;n++){for(var r=e.eventName,s=e.colors[n],a=[],l=0,c=s.length;l<c;l++){var d=s[l];a.push(['<button type="button" class="note-color-btn"','style="background-color:',d,'" ','data-event="',r,'" ','data-value="',d,'" ','title="',d,'" ','data-toggle="button" tabindex="-1"></button>'].join(""))}o.push('<div class="note-color-row">'+a.join("")+"</div>")}t.html(o.join("")),e.tooltip&&t.find(".note-color-btn").tooltip({container:e.container,trigger:"hover",placement:"bottom"})}),dialog:o('<div class="modal" aria-hidden="false" tabindex="-1"/>',function(t,e){e.fade&&t.addClass("fade"),t.html(['<div class="modal-dialog">','  <div class="modal-content">',e.title?'    <div class="modal-header">      <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>      <h4 class="modal-title">'+e.title+"</h4>    </div>":"",'    <div class="modal-body">'+e.body+"</div>",e.footer?'    <div class="modal-footer">'+e.footer+"</div>":"","  </div>","</div>"].join(""))}),popover:o(['<div class="note-popover popover in">','  <div class="arrow"/>','  <div class="popover-content note-children-container"/>',"</div>"].join(""),function(t,e){var o=void 0!==e.direction?e.direction:"bottom";t.addClass(o),e.hideArrow&&t.find(".arrow").hide()}),checkbox:o('<div class="checkbox"></div>',function(t,e){t.html([" <label"+(e.id?' for="'+e.id+'"':"")+">",' <input type="checkbox"'+(e.id?' id="'+e.id+'"':""),(e.checked?" checked":"")+"/>",e.text?e.text:"","</label>"].join(""))}),icon:f,options:{},button:function(t,e){return o('<button type="button" class="note-btn btn btn-default btn-sm" tabindex="-1">',function(t,e){e&&e.tooltip&&t.attr({title:e.tooltip}).tooltip({container:e.container,trigger:"hover",placement:"bottom"})})(t,e)},toggleBtn:function(t,e){t.toggleClass("disabled",!e),t.attr("disabled",!e)},toggleBtnActive:function(t,e){t.toggleClass("active",e)},onDialogShown:function(t,e){t.one("shown.bs.modal",e)},onDialogHidden:function(t,e){t.one("hidden.bs.modal",e)},showDialog:function(t){t.modal("show")},hideDialog:function(t){t.modal("hide")},createLayout:function(t,e){var o=(e.airMode?m.airEditor([m.editingArea([m.airEditable()])]):m.editor([m.toolbar(),m.editingArea([m.codable(),m.editable()]),m.statusbar()])).render();return o.insertAfter(t),{note:t,editor:o,toolbar:o.find(".note-toolbar"),editingArea:o.find(".note-editing-area"),editable:o.find(".note-editable"),codable:o.find(".note-codable"),statusbar:o.find(".note-statusbar")}},removeLayout:function(t,e){t.html(e.editable.html()),e.editor.remove(),t.show()}};var g=0;var v={eq:function(t){return function(e){return t===e}},eq2:function(t,e){return t===e},peq2:function(t){return function(e,o){return e[t]===o[t]}},ok:function(){return!0},fail:function(){return!1},self:function(t){return t},not:function(t){return function(){return!t.apply(t,arguments)}},and:function(t,e){return function(o){return t(o)&&e(o)}},invoke:function(t,e){return function(){return t[e].apply(t,arguments)}},uniqueId:function(t){var e=++g+"";return t?t+e:e},rect2bnd:function(t){var e=$(document);return{top:t.top+e.scrollTop(),left:t.left+e.scrollLeft(),width:t.right-t.left,height:t.bottom-t.top}},invertObject:function(t){var e={};for(var o in t)t.hasOwnProperty(o)&&(e[t[o]]=o);return e},namespaceToCamel:function(t,e){return(e=e||"")+t.split(".").map(function(t){return t.substring(0,1).toUpperCase()+t.substring(1)}).join("")},debounce:function(t,e,o){var n,i=this;return function(){var r=i,s=arguments,a=o&&!n;clearTimeout(n),n=setTimeout(function(){n=null,o||t.apply(r,s)},e),a&&t.apply(r,s)}}};function b(t){return t[0]}function y(t){return t[t.length-1]}function k(t){return t.slice(1)}function C(e,o){return t.inArray(o,e)}function w(t,e){return-1!==C(t,e)}var x={head:b,last:y,initial:function(t){return t.slice(0,t.length-1)},tail:k,prev:function(t,e){var o=C(t,e);return-1===o?null:t[o-1]},next:function(t,e){var o=C(t,e);return-1===o?null:t[o+1]},find:function(t,e){for(var o=0,n=t.length;o<n;o++){var i=t[o];if(e(i))return i}},contains:w,all:function(t,e){for(var o=0,n=t.length;o<n;o++)if(!e(t[o]))return!1;return!0},sum:function(t,e){return e=e||v.self,t.reduce(function(t,o){return t+e(o)},0)},from:function(t){for(var e=[],o=t.length,n=-1;++n<o;)e[n]=t[n];return e},isEmpty:function(t){return!t||!t.length},clusterBy:function(t,e){return t.length?k(t).reduce(function(t,o){var n=y(t);return e(y(n),o)?n[n.length]=o:t[t.length]=[o],t},[[b(t)]]):[]},compact:function(t){for(var e=[],o=0,n=t.length;o<n;o++)t[o]&&e.push(t[o]);return e},unique:function(t){for(var e=[],o=0,n=t.length;o<n;o++)w(e,t[o])||e.push(t[o]);return e}},S="function"==typeof define&&define.amd;var I,T=navigator.userAgent,N=/MSIE|Trident/i.test(T);if(N){var E=/MSIE (\d+[.]\d+)/.exec(T);E&&(I=parseFloat(E[1])),(E=/Trident\/.*rv:([0-9]{1,}[.0-9]{0,})/.exec(T))&&(I=parseFloat(E[1]))}var A=/Edge\/\d+/.test(T),R=!!window.CodeMirror;if(!R&&S)if("function"==typeof __webpack_require__)try{require.resolve("codemirror"),R=!0}catch(t){}else if("undefined"!=typeof require)if(void 0!==require.resolve)try{require.resolve("codemirror"),R=!0}catch(t){}else void 0!==require.specified&&(R=require.specified("codemirror"));var L="ontouchstart"in window||navigator.MaxTouchPoints>0||navigator.msMaxTouchPoints>0,P=N||A?"DOMCharacterDataModified DOMSubtreeModified DOMNodeInserted":"input",H={isMac:navigator.appVersion.indexOf("Mac")>-1,isMSIE:N,isEdge:A,isFF:!A&&/firefox/i.test(T),isPhantom:/PhantomJS/i.test(T),isWebkit:!A&&/webkit/i.test(T),isChrome:!A&&/chrome/i.test(T),isSafari:!A&&/safari/i.test(T),browserVersion:I,jqueryVersion:parseFloat(t.fn.jquery),isSupportAmd:S,isSupportTouch:L,hasCodeMirror:R,isFontInstalled:function(e){var o="Comic Sans MS"===e?"Courier New":"Comic Sans MS",n=t("<div>").css({position:"absolute",left:"-9999px",top:"-9999px",fontSize:"200px"}).text("mmmmmmmmmwwwwwww").appendTo(document.body),i=n.css("fontFamily",o).width(),r=n.css("fontFamily",e+","+o).width();return n.remove(),i!==r},isW3CRangeSupport:!!document.createRange,inputEventName:P},D=String.fromCharCode(160);function F(e){return e&&t(e).hasClass("note-editable")}function z(t){return t=t.toUpperCase(),function(e){return e&&e.nodeName.toUpperCase()===t}}function B(t){return t&&3===t.nodeType}function M(t){return t&&/^BR|^IMG|^HR|^IFRAME|^BUTTON|^INPUT/.test(t.nodeName.toUpperCase())}function O(t){return!F(t)&&(t&&/^DIV|^P|^LI|^H[1-7]/.test(t.nodeName.toUpperCase()))}var U=z("PRE"),j=z("LI");var q=z("TABLE"),K=z("DATA");function V(t){return!(Y(t)||W(t)||_(t)||O(t)||q(t)||Z(t)||K(t))}function W(t){return t&&/^UL|^OL/.test(t.nodeName.toUpperCase())}var _=z("HR");function G(t){return t&&/^TD|^TH/.test(t.nodeName.toUpperCase())}var Z=z("BLOCKQUOTE");function Y(t){return G(t)||Z(t)||F(t)}var Q=z("A");var J=z("BODY");var X=H.isMSIE&&H.browserVersion<11?"&nbsp;":"<br>";function tt(t){return B(t)?t.nodeValue.length:t?t.childNodes.length:0}function et(t){var e=tt(t);return 0===e||(!B(t)&&1===e&&t.innerHTML===X||!(!x.all(t.childNodes,B)||""!==t.innerHTML))}function ot(t){M(t)||tt(t)||(t.innerHTML=X)}function nt(t,e){for(;t;){if(e(t))return t;if(F(t))break;t=t.parentNode}return null}function it(t,e){e=e||v.fail;var o=[];return nt(t,function(t){return F(t)||o.push(t),e(t)}),o}function rt(t,e){e=e||v.fail;for(var o=[];t&&!e(t);)o.push(t),t=t.nextSibling;return o}function st(t,e){var o=e.nextSibling,n=e.parentNode;return o?n.insertBefore(t,o):n.appendChild(t),t}function at(e,o){return t.each(o,function(t,o){e.appendChild(o)}),e}function lt(t){return 0===t.offset}function ct(t){return t.offset===tt(t.node)}function dt(t){return lt(t)||ct(t)}function ut(t,e){for(;t&&t!==e;){if(0!==pt(t))return!1;t=t.parentNode}return!0}function ht(t,e){if(!e)return!1;for(;t&&t!==e;){if(pt(t)!==tt(t.parentNode)-1)return!1;t=t.parentNode}return!0}function pt(t){for(var e=0;t=t.previousSibling;)e+=1;return e}function ft(t){return!!(t&&t.childNodes&&t.childNodes.length)}function mt(t,e){var o,n;if(0===t.offset){if(F(t.node))return null;o=t.node.parentNode,n=pt(t.node)}else ft(t.node)?n=tt(o=t.node.childNodes[t.offset-1]):(o=t.node,n=e?0:t.offset-1);return{node:o,offset:n}}function gt(t,e){var o,n;if(tt(t.node)===t.offset){if(F(t.node))return null;o=t.node.parentNode,n=pt(t.node)+1}else ft(t.node)?(o=t.node.childNodes[t.offset],n=0):(o=t.node,n=e?tt(t.node):t.offset+1);return{node:o,offset:n}}function vt(t,e){return t.node===e.node&&t.offset===e.offset}function bt(t,e){var o=e&&e.isSkipPaddingBlankHTML,n=e&&e.isNotSplitEdgePoint;if(dt(t)&&(B(t.node)||n)){if(lt(t))return t.node;if(ct(t))return t.node.nextSibling}if(B(t.node))return t.node.splitText(t.offset);var i=t.node.childNodes[t.offset],r=st(t.node.cloneNode(!1),t.node);return at(r,rt(i)),o||(ot(t.node),ot(r)),r}function yt(t,e,o){var n=it(e.node,v.eq(t));return n.length?1===n.length?bt(e,o):n.reduce(function(t,n){return t===e.node&&(t=bt(e,o)),bt({node:n,offset:t?pt(t):tt(n)},o)}):null}function kt(t){return document.createElement(t)}function Ct(t,e){if(t&&t.parentNode){if(t.removeNode)return t.removeNode(e);var o=t.parentNode;if(!e){for(var n=[],i=0,r=t.childNodes.length;i<r;i++)n.push(t.childNodes[i]);for(i=0,r=n.length;i<r;i++)o.insertBefore(n[i],t)}o.removeChild(t)}}var wt=z("TEXTAREA");function xt(t,e){var o=wt(t[0])?t.val():t.html();return e?o.replace(/[\n\r]/g,""):o}var St={NBSP_CHAR:D,ZERO_WIDTH_NBSP_CHAR:"\ufeff",blank:X,emptyPara:"<p>"+X+"</p>",makePredByNodeName:z,isEditable:F,isControlSizing:function(e){return e&&t(e).hasClass("note-control-sizing")},isText:B,isElement:function(t){return t&&1===t.nodeType},isVoid:M,isPara:O,isPurePara:function(t){return O(t)&&!j(t)},isHeading:function(t){return t&&/^H[1-7]/.test(t.nodeName.toUpperCase())},isInline:V,isBlock:v.not(V),isBodyInline:function(t){return V(t)&&!nt(t,O)},isBody:J,isParaInline:function(t){return V(t)&&!!nt(t,O)},isPre:U,isList:W,isTable:q,isData:K,isCell:G,isBlockquote:Z,isBodyContainer:Y,isAnchor:Q,isDiv:z("DIV"),isLi:j,isBR:z("BR"),isSpan:z("SPAN"),isB:z("B"),isU:z("U"),isS:z("S"),isI:z("I"),isImg:z("IMG"),isTextarea:wt,isEmpty:et,isEmptyAnchor:v.and(Q,et),isClosestSibling:function(t,e){return t.nextSibling===e||t.previousSibling===e},withClosestSiblings:function(t,e){e=e||v.ok;var o=[];return t.previousSibling&&e(t.previousSibling)&&o.push(t.previousSibling),o.push(t),t.nextSibling&&e(t.nextSibling)&&o.push(t.nextSibling),o},nodeLength:tt,isLeftEdgePoint:lt,isRightEdgePoint:ct,isEdgePoint:dt,isLeftEdgeOf:ut,isRightEdgeOf:ht,isLeftEdgePointOf:function(t,e){return lt(t)&&ut(t.node,e)},isRightEdgePointOf:function(t,e){return ct(t)&&ht(t.node,e)},prevPoint:mt,nextPoint:gt,isSamePoint:vt,isVisiblePoint:function(t){if(B(t.node)||!ft(t.node)||et(t.node))return!0;var e=t.node.childNodes[t.offset-1],o=t.node.childNodes[t.offset];return!(e&&!M(e)||o&&!M(o))},prevPointUntil:function(t,e){for(;t;){if(e(t))return t;t=mt(t)}return null},nextPointUntil:function(t,e){for(;t;){if(e(t))return t;t=gt(t)}return null},isCharPoint:function(t){if(!B(t.node))return!1;var e=t.node.nodeValue.charAt(t.offset-1);return e&&" "!==e&&e!==D},walkPoint:function(t,e,o,n){for(var i=t;i&&(o(i),!vt(i,e));)i=gt(i,n&&t.node!==i.node&&e.node!==i.node)},ancestor:nt,singleChildAncestor:function(t,e){for(t=t.parentNode;t&&1===tt(t);){if(e(t))return t;if(F(t))break;t=t.parentNode}return null},listAncestor:it,lastAncestor:function(t,e){var o=it(t);return x.last(o.filter(e))},listNext:rt,listPrev:function(t,e){e=e||v.fail;for(var o=[];t&&!e(t);)o.push(t),t=t.previousSibling;return o},listDescendant:function(t,e){var o=[];return e=e||v.ok,function n(i){t!==i&&e(i)&&o.push(i);for(var r=0,s=i.childNodes.length;r<s;r++)n(i.childNodes[r])}(t),o},commonAncestor:function(e,o){for(var n=it(e),i=o;i;i=i.parentNode)if(t.inArray(i,n)>-1)return i;return null},wrap:function(e,o){var n=e.parentNode,i=t("<"+o+">")[0];return n.insertBefore(i,e),i.appendChild(e),i},insertAfter:st,appendChildNodes:at,position:pt,hasChildren:ft,makeOffsetPath:function(t,e){return it(e,v.eq(t)).map(pt).reverse()},fromOffsetPath:function(t,e){for(var o=t,n=0,i=e.length;n<i;n++)o=o.childNodes.length<=e[n]?o.childNodes[o.childNodes.length-1]:o.childNodes[e[n]];return o},splitTree:yt,splitPoint:function(t,e){var o,n,i=e?O:Y,r=it(t.node,i),s=x.last(r)||t.node;i(s)?(o=r[r.length-2],n=s):n=(o=s).parentNode;var a=o&&yt(o,t,{isSkipPaddingBlankHTML:e,isNotSplitEdgePoint:e});return a||n!==t.node||(a=t.node.childNodes[t.offset]),{rightNode:a,container:n}},create:kt,createText:function(t){return document.createTextNode(t)},remove:Ct,removeWhile:function(t,e){for(;t&&!F(t)&&e(t);){var o=t.parentNode;Ct(t),t=o}},replace:function(t,e){if(t.nodeName.toUpperCase()===e.toUpperCase())return t;var o=kt(e);return t.style.cssText&&(o.style.cssText=t.style.cssText),at(o,x.from(t.childNodes)),st(o,t),Ct(t),o},html:function(e,o){var n=xt(e);o&&(n=n.replace(/<(\/?)(\b(?!!)[^>\s]*)(.*?)(\s*\/?>)/g,function(t,e,o){o=o.toUpperCase();var n=/^DIV|^TD|^TH|^P|^LI|^H[1-7]/.test(o)&&!!e,i=/^BLOCKQUOTE|^TABLE|^TBODY|^TR|^HR|^UL|^OL/.test(o);return t+(n||i?"\n":"")}),n=t.trim(n));return n},value:xt,posFromPlaceholder:function(e){var o=t(e),n=o.offset(),i=o.outerHeight(!0);return{left:n.left,top:n.top+i}},attachEvents:function(t,e){Object.keys(e).forEach(function(o){t.on(o,e[o])})},detachEvents:function(t,e){Object.keys(e).forEach(function(o){t.off(o,e[o])})},isCustomStyleTag:function(t){return t&&!B(t)&&x.contains(t.classList,"note-styletag")}};t.summernote=t.summernote||{lang:{}},t.extend(t.summernote.lang,{"en-US":{font:{bold:"Bold",italic:"Italic",underline:"Underline",clear:"Remove Font Style",height:"Line Height",name:"Font Family",strikethrough:"Strikethrough",subscript:"Subscript",superscript:"Superscript",size:"Font Size"},image:{image:"Picture",insert:"Insert Image",resizeFull:"Resize Full",resizeHalf:"Resize Half",resizeQuarter:"Resize Quarter",floatLeft:"Float Left",floatRight:"Float Right",floatNone:"Float None",shapeRounded:"Shape: Rounded",shapeCircle:"Shape: Circle",shapeThumbnail:"Shape: Thumbnail",shapeNone:"Shape: None",dragImageHere:"Drag image or text here",dropImage:"Drop image or Text",selectFromFiles:"Select from files",maximumFileSize:"Maximum file size",maximumFileSizeError:"Maximum file size exceeded.",url:"Image URL",remove:"Remove Image",original:"Original"},video:{video:"Video",videoLink:"Video Link",insert:"Insert Video",url:"Video URL",providers:"(YouTube, Vimeo, Vine, Instagram, DailyMotion or Youku)"},link:{link:"Link",insert:"Insert Link",unlink:"Unlink",edit:"Edit",textToDisplay:"Text to display",url:"To what URL should this link go?",openInNewWindow:"Open in new window"},table:{table:"Table",addRowAbove:"Add row above",addRowBelow:"Add row below",addColLeft:"Add column left",addColRight:"Add column right",delRow:"Delete row",delCol:"Delete column",delTable:"Delete table"},hr:{insert:"Insert Horizontal Rule"},style:{style:"Style",p:"Normal",blockquote:"Quote",pre:"Code",h1:"Header 1",h2:"Header 2",h3:"Header 3",h4:"Header 4",h5:"Header 5",h6:"Header 6"},lists:{unordered:"Unordered list",ordered:"Ordered list"},options:{help:"Help",fullscreen:"Full Screen",codeview:"Code View"},paragraph:{paragraph:"Paragraph",outdent:"Outdent",indent:"Indent",left:"Align left",center:"Align center",right:"Align right",justify:"Justify full"},color:{recent:"Recent Color",more:"More Color",background:"Background Color",foreground:"Foreground Color",transparent:"Transparent",setTransparent:"Set transparent",reset:"Reset",resetToDefault:"Reset to default"},shortcut:{shortcuts:"Keyboard shortcuts",close:"Close",textFormatting:"Text formatting",action:"Action",paragraphFormatting:"Paragraph formatting",documentStyle:"Document Style",extraKeys:"Extra keys"},help:{insertParagraph:"Insert Paragraph",undo:"Undoes the last command",redo:"Redoes the last command",tab:"Tab",untab:"Untab",bold:"Set a bold style",italic:"Set a italic style",underline:"Set a underline style",strikethrough:"Set a strikethrough style",removeFormat:"Clean a style",justifyLeft:"Set left align",justifyCenter:"Set center align",justifyRight:"Set right align",justifyFull:"Set full align",insertUnorderedList:"Toggle unordered list",insertOrderedList:"Toggle ordered list",outdent:"Outdent on current paragraph",indent:"Indent on current paragraph",formatPara:"Change current block's format as a paragraph(P tag)",formatH1:"Change current block's format as H1",formatH2:"Change current block's format as H2",formatH3:"Change current block's format as H3",formatH4:"Change current block's format as H4",formatH5:"Change current block's format as H5",formatH6:"Change current block's format as H6",insertHorizontalRule:"Insert horizontal rule","linkDialog.show":"Show Link Dialog"},history:{undo:"Undo",redo:"Redo"},specialChar:{specialChar:"SPECIAL CHARACTERS",select:"Select Special characters"}}});var It={BACKSPACE:8,TAB:9,ENTER:13,SPACE:32,DELETE:46,LEFT:37,UP:38,RIGHT:39,DOWN:40,NUM0:48,NUM1:49,NUM2:50,NUM3:51,NUM4:52,NUM5:53,NUM6:54,NUM7:55,NUM8:56,B:66,E:69,I:73,J:74,K:75,L:76,R:82,S:83,U:85,V:86,Y:89,Z:90,SLASH:191,LEFTBRACKET:219,BACKSLASH:220,RIGHTBRACKET:221},Tt={isEdit:function(t){return x.contains([It.BACKSPACE,It.TAB,It.ENTER,It.SPACE,It.DELETE],t)},isMove:function(t){return x.contains([It.LEFT,It.UP,It.RIGHT,It.DOWN],t)},nameFromCode:v.invertObject(It),code:It};function $t(t,e){var o,n,i=t.parentElement(),r=document.body.createTextRange(),s=x.from(i.childNodes);for(o=0;o<s.length;o++)if(!St.isText(s[o])){if(r.moveToElementText(s[o]),r.compareEndPoints("StartToStart",t)>=0)break;n=s[o]}if(0!==o&&St.isText(s[o-1])){var a=document.body.createTextRange(),l=null;a.moveToElementText(n||i),a.collapse(!n),l=n?n.nextSibling:i.firstChild;var c=t.duplicate();c.setEndPoint("StartToStart",a);for(var d=c.text.replace(/[\r\n]/g,"").length;d>l.nodeValue.length&&l.nextSibling;)d-=l.nodeValue.length,l=l.nextSibling;l.nodeValue;e&&l.nextSibling&&St.isText(l.nextSibling)&&d===l.nodeValue.length&&(d-=l.nodeValue.length,l=l.nextSibling),i=l,o=d}return{cont:i,offset:o}}function Nt(t){var e=function(t,o){var n,i;if(St.isText(t)){var r=St.listPrev(t,v.not(St.isText)),s=x.last(r).previousSibling;n=s||t.parentNode,o+=x.sum(x.tail(r),St.nodeLength),i=!s}else{if(n=t.childNodes[o]||t,St.isText(n))return e(n,0);o=0,i=!1}return{node:n,collapseToStart:i,offset:o}},o=document.body.createTextRange(),n=e(t.node,t.offset);return o.moveToElementText(n.node),o.collapse(n.collapseToStart),o.moveStart("character",n.offset),o}var Et=function(){function e(t,e,o,n){this.sc=t,this.so=e,this.ec=o,this.eo=n,this.isOnEditable=this.makeIsOn(St.isEditable),this.isOnList=this.makeIsOn(St.isList),this.isOnAnchor=this.makeIsOn(St.isAnchor),this.isOnCell=this.makeIsOn(St.isCell),this.isOnData=this.makeIsOn(St.isData)}return e.prototype.nativeRange=function(){if(H.isW3CRangeSupport){var t=document.createRange();return t.setStart(this.sc,this.so),t.setEnd(this.ec,this.eo),t}var e=Nt({node:this.sc,offset:this.so});return e.setEndPoint("EndToEnd",Nt({node:this.ec,offset:this.eo})),e},e.prototype.getPoints=function(){return{sc:this.sc,so:this.so,ec:this.ec,eo:this.eo}},e.prototype.getStartPoint=function(){return{node:this.sc,offset:this.so}},e.prototype.getEndPoint=function(){return{node:this.ec,offset:this.eo}},e.prototype.select=function(){var t=this.nativeRange();if(H.isW3CRangeSupport){var e=document.getSelection();e.rangeCount>0&&e.removeAllRanges(),e.addRange(t)}else t.select();return this},e.prototype.scrollIntoView=function(e){var o=t(e).height();return e.scrollTop+o<this.sc.offsetTop&&(e.scrollTop+=Math.abs(e.scrollTop+o-this.sc.offsetTop)),this},e.prototype.normalize=function(){var t=function(t,e){if(St.isVisiblePoint(t)&&!St.isEdgePoint(t)||St.isVisiblePoint(t)&&St.isRightEdgePoint(t)&&!e||St.isVisiblePoint(t)&&St.isLeftEdgePoint(t)&&e||St.isVisiblePoint(t)&&St.isBlock(t.node)&&St.isEmpty(t.node))return t;var o=St.ancestor(t.node,St.isBlock);if((St.isLeftEdgePointOf(t,o)||St.isVoid(St.prevPoint(t).node))&&!e||(St.isRightEdgePointOf(t,o)||St.isVoid(St.nextPoint(t).node))&&e){if(St.isVisiblePoint(t))return t;e=!e}return(e?St.nextPointUntil(St.nextPoint(t),St.isVisiblePoint):St.prevPointUntil(St.prevPoint(t),St.isVisiblePoint))||t},o=t(this.getEndPoint(),!1),n=this.isCollapsed()?o:t(this.getStartPoint(),!0);return new e(n.node,n.offset,o.node,o.offset)},e.prototype.nodes=function(t,e){t=t||v.ok;var o=e&&e.includeAncestor,n=e&&e.fullyContains,i=this.getStartPoint(),r=this.getEndPoint(),s=[],a=[];return St.walkPoint(i,r,function(e){if(!St.isEditable(e.node)){var i;n?(St.isLeftEdgePoint(e)&&a.push(e.node),St.isRightEdgePoint(e)&&x.contains(a,e.node)&&(i=e.node)):i=o?St.ancestor(e.node,t):e.node,i&&t(i)&&s.push(i)}},!0),x.unique(s)},e.prototype.commonAncestor=function(){return St.commonAncestor(this.sc,this.ec)},e.prototype.expand=function(t){var o=St.ancestor(this.sc,t),n=St.ancestor(this.ec,t);if(!o&&!n)return new e(this.sc,this.so,this.ec,this.eo);var i=this.getPoints();return o&&(i.sc=o,i.so=0),n&&(i.ec=n,i.eo=St.nodeLength(n)),new e(i.sc,i.so,i.ec,i.eo)},e.prototype.collapse=function(t){return t?new e(this.sc,this.so,this.sc,this.so):new e(this.ec,this.eo,this.ec,this.eo)},e.prototype.splitText=function(){var t=this.sc===this.ec,o=this.getPoints();return St.isText(this.ec)&&!St.isEdgePoint(this.getEndPoint())&&this.ec.splitText(this.eo),St.isText(this.sc)&&!St.isEdgePoint(this.getStartPoint())&&(o.sc=this.sc.splitText(this.so),o.so=0,t&&(o.ec=o.sc,o.eo=this.eo-this.so)),new e(o.sc,o.so,o.ec,o.eo)},e.prototype.deleteContents=function(){if(this.isCollapsed())return this;var o=this.splitText(),n=o.nodes(null,{fullyContains:!0}),i=St.prevPointUntil(o.getStartPoint(),function(t){return!x.contains(n,t.node)}),r=[];return t.each(n,function(t,e){var o=e.parentNode;i.node!==o&&1===St.nodeLength(o)&&r.push(o),St.remove(e,!1)}),t.each(r,function(t,e){St.remove(e,!1)}),new e(i.node,i.offset,i.node,i.offset).normalize()},e.prototype.makeIsOn=function(t){return function(){var e=St.ancestor(this.sc,t);return!!e&&e===St.ancestor(this.ec,t)}},e.prototype.isLeftEdgeOf=function(t){if(!St.isLeftEdgePoint(this.getStartPoint()))return!1;var e=St.ancestor(this.sc,t);return e&&St.isLeftEdgeOf(this.sc,e)},e.prototype.isCollapsed=function(){return this.sc===this.ec&&this.so===this.eo},e.prototype.wrapBodyInlineWithPara=function(){if(St.isBodyContainer(this.sc)&&St.isEmpty(this.sc))return this.sc.innerHTML=St.emptyPara,new e(this.sc.firstChild,0,this.sc.firstChild,0);var t=this.normalize();if(St.isParaInline(this.sc)||St.isPara(this.sc))return t;var o;if(St.isInline(t.sc)){var n=St.listAncestor(t.sc,v.not(St.isInline));o=x.last(n),St.isInline(o)||(o=n[n.length-2]||t.sc.childNodes[t.so])}else o=t.sc.childNodes[t.so>0?t.so-1:0];var i=St.listPrev(o,St.isParaInline).reverse();if((i=i.concat(St.listNext(o.nextSibling,St.isParaInline))).length){var r=St.wrap(x.head(i),"p");St.appendChildNodes(r,x.tail(i))}return this.normalize()},e.prototype.insertNode=function(t){var e=this.wrapBodyInlineWithPara().deleteContents(),o=St.splitPoint(e.getStartPoint(),St.isInline(t));return o.rightNode?o.rightNode.parentNode.insertBefore(t,o.rightNode):o.container.appendChild(t),t},e.prototype.pasteHTML=function(e){var o=t("<div></div>").html(e)[0],n=x.from(o.childNodes),i=this.wrapBodyInlineWithPara().deleteContents();return n.reverse().map(function(t){return i.insertNode(t)}).reverse()},e.prototype.toString=function(){var t=this.nativeRange();return H.isW3CRangeSupport?t.toString():t.text},e.prototype.getWordRange=function(t){var o=this.getEndPoint();if(!St.isCharPoint(o))return this;var n=St.prevPointUntil(o,function(t){return!St.isCharPoint(t)});return t&&(o=St.nextPointUntil(o,function(t){return!St.isCharPoint(t)})),new e(n.node,n.offset,o.node,o.offset)},e.prototype.bookmark=function(t){return{s:{path:St.makeOffsetPath(t,this.sc),offset:this.so},e:{path:St.makeOffsetPath(t,this.ec),offset:this.eo}}},e.prototype.paraBookmark=function(t){return{s:{path:x.tail(St.makeOffsetPath(x.head(t),this.sc)),offset:this.so},e:{path:x.tail(St.makeOffsetPath(x.last(t),this.ec)),offset:this.eo}}},e.prototype.getClientRects=function(){return this.nativeRange().getClientRects()},e}(),At={create:function(t,e,o,n){if(4===arguments.length)return new Et(t,e,o,n);if(2===arguments.length)return new Et(t,e,o=t,n=e);var i=this.createFromSelection();return i||1!==arguments.length?i:(i=this.createFromNode(arguments[0])).collapse(St.emptyPara===arguments[0].innerHTML)},createFromSelection:function(){var t,e,o,n;if(H.isW3CRangeSupport){var i=document.getSelection();if(!i||0===i.rangeCount)return null;if(St.isBody(i.anchorNode))return null;var r=i.getRangeAt(0);t=r.startContainer,e=r.startOffset,o=r.endContainer,n=r.endOffset}else{var s=document.selection.createRange(),a=s.duplicate();a.collapse(!1);var l=s;l.collapse(!0);var c=$t(l,!0),d=$t(a,!1);St.isText(c.node)&&St.isLeftEdgePoint(c)&&St.isTextNode(d.node)&&St.isRightEdgePoint(d)&&d.node.nextSibling===c.node&&(c=d),t=c.cont,e=c.offset,o=d.cont,n=d.offset}return new Et(t,e,o,n)},createFromNode:function(t){var e=t,o=0,n=t,i=St.nodeLength(n);return St.isVoid(e)&&(o=St.listPrev(e).length-1,e=e.parentNode),St.isBR(n)?(i=St.listPrev(n).length-1,n=n.parentNode):St.isVoid(n)&&(i=St.listPrev(n).length,n=n.parentNode),this.create(e,o,n,i)},createFromNodeBefore:function(t){return this.createFromNode(t).collapse(!0)},createFromNodeAfter:function(t){return this.createFromNode(t).collapse()},createFromBookmark:function(t,e){var o=St.fromOffsetPath(t,e.s.path),n=e.s.offset,i=St.fromOffsetPath(t,e.e.path),r=e.e.offset;return new Et(o,n,i,r)},createFromParaBookmark:function(t,e){var o=t.s.offset,n=t.e.offset,i=St.fromOffsetPath(x.head(e),t.s.path),r=St.fromOffsetPath(x.last(e),t.e.path);return new Et(i,o,r,n)}};var Rt=function(){function t(t){this.stack=[],this.stackOffset=-1,this.$editable=t,this.editable=t[0]}return t.prototype.makeSnapshot=function(){var t=At.create(this.editable);return{contents:this.$editable.html(),bookmark:t?t.bookmark(this.editable):{s:{path:[],offset:0},e:{path:[],offset:0}}}},t.prototype.applySnapshot=function(t){null!==t.contents&&this.$editable.html(t.contents),null!==t.bookmark&&At.createFromBookmark(this.editable,t.bookmark).select()},t.prototype.rewind=function(){this.$editable.html()!==this.stack[this.stackOffset].contents&&this.recordUndo(),this.stackOffset=0,this.applySnapshot(this.stack[this.stackOffset])},t.prototype.reset=function(){this.stack=[],this.stackOffset=-1,this.$editable.html(""),this.recordUndo()},t.prototype.undo=function(){this.$editable.html()!==this.stack[this.stackOffset].contents&&this.recordUndo(),this.stackOffset>0&&(this.stackOffset--,this.applySnapshot(this.stack[this.stackOffset]))},t.prototype.redo=function(){this.stack.length-1>this.stackOffset&&(this.stackOffset++,this.applySnapshot(this.stack[this.stackOffset]))},t.prototype.recordUndo=function(){this.stackOffset++,this.stack.length>this.stackOffset&&(this.stack=this.stack.slice(0,this.stackOffset)),this.stack.push(this.makeSnapshot())},t}(),Lt=function(){function e(){}return e.prototype.jQueryCSS=function(e,o){if(H.jqueryVersion<1.9){var n={};return t.each(o,function(t,o){n[o]=e.css(o)}),n}return e.css(o)},e.prototype.fromNode=function(t){var e=this.jQueryCSS(t,["font-family","font-size","text-align","list-style-type","line-height"])||{};return e["font-size"]=parseInt(e["font-size"],10),e},e.prototype.stylePara=function(e,o){t.each(e.nodes(St.isPara,{includeAncestor:!0}),function(e,n){t(n).css(o)})},e.prototype.styleNodes=function(e,o){e=e.splitText();var n=o&&o.nodeName||"SPAN",i=!(!o||!o.expandClosestSibling),r=!(!o||!o.onlyPartialContains);if(e.isCollapsed())return[e.insertNode(St.create(n))];var s=St.makePredByNodeName(n),a=e.nodes(St.isText,{fullyContains:!0}).map(function(t){return St.singleChildAncestor(t,s)||St.wrap(t,n)});if(i){if(r){var l=e.nodes();s=v.and(s,function(t){return x.contains(l,t)})}return a.map(function(e){var o=St.withClosestSiblings(e,s),n=x.head(o),i=x.tail(o);return t.each(i,function(t,e){St.appendChildNodes(n,e.childNodes),St.remove(e)}),x.head(o)})}return a},e.prototype.current=function(e){var o=t(St.isElement(e.sc)?e.sc:e.sc.parentNode),n=this.fromNode(o);try{n=t.extend(n,{"font-bold":document.queryCommandState("bold")?"bold":"normal","font-italic":document.queryCommandState("italic")?"italic":"normal","font-underline":document.queryCommandState("underline")?"underline":"normal","font-subscript":document.queryCommandState("subscript")?"subscript":"normal","font-superscript":document.queryCommandState("superscript")?"superscript":"normal","font-strikethrough":document.queryCommandState("strikethrough")?"strikethrough":"normal","font-family":document.queryCommandValue("fontname")||n["font-family"]})}catch(t){}if(e.isOnList()){var i=t.inArray(n["list-style-type"],["circle","disc","disc-leading-zero","square"])>-1;n["list-style"]=i?"unordered":"ordered"}else n["list-style"]="none";var r=St.ancestor(e.sc,St.isPara);if(r&&r.style["line-height"])n["line-height"]=r.style.lineHeight;else{var s=parseInt(n["line-height"],10)/parseInt(n["font-size"],10);n["line-height"]=s.toFixed(1)}return n.anchor=e.isOnAnchor()&&St.ancestor(e.sc,St.isAnchor),n.ancestors=St.listAncestor(e.sc,St.isEditable),n.range=e,n},e}(),Pt=function(){function e(){}return e.prototype.insertOrderedList=function(t){this.toggleList("OL",t)},e.prototype.insertUnorderedList=function(t){this.toggleList("UL",t)},e.prototype.indent=function(e){var o=this,n=At.create(e).wrapBodyInlineWithPara(),i=n.nodes(St.isPara,{includeAncestor:!0}),r=x.clusterBy(i,v.peq2("parentNode"));t.each(r,function(e,n){var i=x.head(n);St.isLi(i)?o.wrapList(n,i.parentNode.nodeName):t.each(n,function(e,o){t(o).css("marginLeft",function(t,e){return(parseInt(e,10)||0)+25})})}),n.select()},e.prototype.outdent=function(e){var o=this,n=At.create(e).wrapBodyInlineWithPara(),i=n.nodes(St.isPara,{includeAncestor:!0}),r=x.clusterBy(i,v.peq2("parentNode"));t.each(r,function(e,n){var i=x.head(n);St.isLi(i)?o.releaseList([n]):t.each(n,function(e,o){t(o).css("marginLeft",function(t,e){return(e=parseInt(e,10)||0)>25?e-25:""})})}),n.select()},e.prototype.toggleList=function(e,o){var n=this,i=At.create(o).wrapBodyInlineWithPara(),r=i.nodes(St.isPara,{includeAncestor:!0}),s=i.paraBookmark(r),a=x.clusterBy(r,v.peq2("parentNode"));if(x.find(r,St.isPurePara)){var l=[];t.each(a,function(t,o){l=l.concat(n.wrapList(o,e))}),r=l}else{var c=i.nodes(St.isList,{includeAncestor:!0}).filter(function(o){return!t.nodeName(o,e)});c.length?t.each(c,function(t,o){St.replace(o,e)}):r=this.releaseList(a,!0)}At.createFromParaBookmark(s,r).select()},e.prototype.wrapList=function(t,e){var o=x.head(t),n=x.last(t),i=St.isList(o.previousSibling)&&o.previousSibling,r=St.isList(n.nextSibling)&&n.nextSibling,s=i||St.insertAfter(St.create(e||"UL"),n);return t=t.map(function(t){return St.isPurePara(t)?St.replace(t,"LI"):t}),St.appendChildNodes(s,t),r&&(St.appendChildNodes(s,x.from(r.childNodes)),St.remove(r)),t},e.prototype.releaseList=function(e,o){var n=[];return t.each(e,function(e,i){var r=x.head(i),s=x.last(i),a=o?St.lastAncestor(r,St.isList):r.parentNode,l=a.childNodes.length>1?St.splitTree(a,{node:s.parentNode,offset:St.position(s)+1},{isSkipPaddingBlankHTML:!0}):null,c=St.splitTree(a,{node:r.parentNode,offset:St.position(r)},{isSkipPaddingBlankHTML:!0});i=o?St.listDescendant(c,St.isLi):x.from(c.childNodes).filter(St.isLi),!o&&St.isList(a.parentNode)||(i=i.map(function(t){return St.replace(t,"P")})),t.each(x.from(i).reverse(),function(t,e){St.insertAfter(e,a)});var d=x.compact([a,c,l]);t.each(d,function(e,o){var n=[o].concat(St.listDescendant(o,St.isList));t.each(n.reverse(),function(t,e){St.nodeLength(e)||St.remove(e,!0)})}),n=n.concat(i)}),n},e}(),Ht=function(){function e(){this.bullet=new Pt}return e.prototype.insertTab=function(t,e){var o=St.createText(new Array(e+1).join(St.NBSP_CHAR));(t=t.deleteContents()).insertNode(o,!0),(t=At.create(o,e)).select()},e.prototype.insertParagraph=function(e){var o=At.create(e);o=(o=o.deleteContents()).wrapBodyInlineWithPara();var n,i=St.ancestor(o.sc,St.isPara);if(i){if(St.isEmpty(i)&&St.isLi(i))return void this.bullet.toggleList(i.parentNode.nodeName);if(St.isEmpty(i)&&St.isPara(i)&&St.isBlockquote(i.parentNode))St.insertAfter(i,i.parentNode),n=i;else{n=St.splitTree(i,o.getStartPoint());var r=St.listDescendant(i,St.isEmptyAnchor);r=r.concat(St.listDescendant(n,St.isEmptyAnchor)),t.each(r,function(t,e){St.remove(e)}),(St.isHeading(n)||St.isPre(n)||St.isCustomStyleTag(n))&&St.isEmpty(n)&&(n=St.replace(n,"p"))}}else{var s=o.sc.childNodes[o.so];n=t(St.emptyPara)[0],s?o.sc.insertBefore(n,s):o.sc.appendChild(n)}At.create(n,0).normalize().select().scrollIntoView(e)},e}(),Dt=function(t,e,o,n){var i={colPos:0,rowPos:0},r=[],s=[];function a(t,e,o,n,i,s,a){var l={baseRow:o,baseCell:n,isRowSpan:i,isColSpan:s,isVirtual:a};r[t]||(r[t]=[]),r[t][e]=l}function l(t,e){if(!r[t])return e;if(!r[t][e])return e;for(var o=e;r[t][o];)if(o++,!r[t][o])return o}function c(t,e){var o=l(t.rowIndex,e.cellIndex),n=e.colSpan>1,r=e.rowSpan>1,s=t.rowIndex===i.rowPos&&e.cellIndex===i.colPos;a(t.rowIndex,o,t,e,r,n,!1);var c=e.attributes.rowSpan?parseInt(e.attributes.rowSpan.value,10):0;if(c>1)for(var u=1;u<c;u++){var h=t.rowIndex+u;d(h,o,e,s),a(h,o,t,e,!0,n,!0)}var p=e.attributes.colSpan?parseInt(e.attributes.colSpan.value,10):0;if(p>1)for(var f=1;f<p;f++){var m=l(t.rowIndex,o+f);d(t.rowIndex,m,e,s),a(t.rowIndex,m,t,e,r,!0,!0)}}function d(t,e,o,n){t===i.rowPos&&i.colPos>=o.cellIndex&&o.cellIndex<=e&&!n&&i.colPos++}function u(t){switch(e){case Dt.where.Column:if(t.isColSpan)return Dt.resultAction.SubtractSpanCount;break;case Dt.where.Row:if(!t.isVirtual&&t.isRowSpan)return Dt.resultAction.AddCell;if(t.isRowSpan)return Dt.resultAction.SubtractSpanCount}return Dt.resultAction.RemoveCell}function h(t){switch(e){case Dt.where.Column:if(t.isColSpan)return Dt.resultAction.SumSpanCount;if(t.isRowSpan&&t.isVirtual)return Dt.resultAction.Ignore;break;case Dt.where.Row:if(t.isRowSpan)return Dt.resultAction.SumSpanCount;if(t.isColSpan&&t.isVirtual)return Dt.resultAction.Ignore}return Dt.resultAction.AddCell}this.getActionList=function(){for(var t=e===Dt.where.Row?i.rowPos:-1,n=e===Dt.where.Column?i.colPos:-1,a=0,l=!0;l;){var c=t>=0?t:a,d=n>=0?n:a,p=r[c];if(!p)return l=!1,s;var f=p[d];if(!f)return l=!1,s;var m=Dt.resultAction.Ignore;switch(o){case Dt.requestAction.Add:m=h(f);break;case Dt.requestAction.Delete:m=u(f)}s.push((g=m,v=c,b=d,{baseCell:f.baseCell,action:g,virtualTable:{rowIndex:v,cellIndex:b}})),a++}var g,v,b;return s},t&&t.tagName&&("td"===t.tagName.toLowerCase()||"th"===t.tagName.toLowerCase())?(i.colPos=t.cellIndex,t.parentElement&&t.parentElement.tagName&&"tr"===t.parentElement.tagName.toLowerCase()?i.rowPos=t.parentElement.rowIndex:console.error("Impossible to identify start Row point.",t)):console.error("Impossible to identify start Cell point.",t),function(){for(var t=n.rows,e=0;e<t.length;e++)for(var o=t[e].cells,i=0;i<o.length;i++)c(t[e],o[i])}()};Dt.where={Row:0,Column:1},Dt.requestAction={Add:0,Delete:1},Dt.resultAction={Ignore:0,SubtractSpanCount:1,RemoveCell:2,AddCell:3,SumSpanCount:4};var Ft,zt=function(){function e(){}return e.prototype.tab=function(t,e){var o=St.ancestor(t.commonAncestor(),St.isCell),n=St.ancestor(o,St.isTable),i=St.listDescendant(n,St.isCell),r=x[e?"prev":"next"](i,o);r&&At.create(r,0).select()},e.prototype.addRow=function(e,o){for(var n=St.ancestor(e.commonAncestor(),St.isCell),i=t(n).closest("tr"),r=this.recoverAttributes(i),s=t("<tr"+r+"></tr>"),a=new Dt(n,Dt.where.Row,Dt.requestAction.Add,t(i).closest("table")[0]).getActionList(),l=0;l<a.length;l++){var c=a[l],d=this.recoverAttributes(c.baseCell);switch(c.action){case Dt.resultAction.AddCell:s.append("<td"+d+">"+St.blank+"</td>");break;case Dt.resultAction.SumSpanCount:if("top"===o){if((c.baseCell.parent?c.baseCell.closest("tr").rowIndex:0)<=i[0].rowIndex){var u=t("<div></div>").append(t("<td"+d+">"+St.blank+"</td>").removeAttr("rowspan")).html();s.append(u);break}}var h=parseInt(c.baseCell.rowSpan,10);h++,c.baseCell.setAttribute("rowSpan",h)}}if("top"===o)i.before(s);else{if(n.rowSpan>1){var p=i[0].rowIndex+(n.rowSpan-2);return void t(t(i).parent().find("tr")[p]).after(t(s))}i.after(s)}},e.prototype.addCol=function(e,o){var n=St.ancestor(e.commonAncestor(),St.isCell),i=t(n).closest("tr");t(i).siblings().push(i);for(var r=new Dt(n,Dt.where.Column,Dt.requestAction.Add,t(i).closest("table")[0]).getActionList(),s=0;s<r.length;s++){var a=r[s],l=this.recoverAttributes(a.baseCell);switch(a.action){case Dt.resultAction.AddCell:"right"===o?t(a.baseCell).after("<td"+l+">"+St.blank+"</td>"):t(a.baseCell).before("<td"+l+">"+St.blank+"</td>");break;case Dt.resultAction.SumSpanCount:if("right"===o){var c=parseInt(a.baseCell.colSpan,10);c++,a.baseCell.setAttribute("colSpan",c)}else t(a.baseCell).before("<td"+l+">"+St.blank+"</td>")}}},e.prototype.recoverAttributes=function(t){var e="";if(!t)return e;for(var o=t.attributes||[],n=0;n<o.length;n++)"id"!==o[n].name.toLowerCase()&&o[n].specified&&(e+=" "+o[n].name+"='"+o[n].value+"'");return e},e.prototype.deleteRow=function(e){for(var o=St.ancestor(e.commonAncestor(),St.isCell),n=t(o).closest("tr"),i=n.children("td, th").index(t(o)),r=n[0].rowIndex,s=new Dt(o,Dt.where.Row,Dt.requestAction.Delete,t(n).closest("table")[0]).getActionList(),a=0;a<s.length;a++)if(s[a]){var l=s[a].baseCell,c=s[a].virtualTable,d=l.rowSpan&&l.rowSpan>1,u=d?parseInt(l.rowSpan,10):0;switch(s[a].action){case Dt.resultAction.Ignore:continue;case Dt.resultAction.AddCell:var h=n.next("tr")[0];if(!h)continue;var p=n[0].cells[i];d&&(u>2?(u--,h.insertBefore(p,h.cells[i]),h.cells[i].setAttribute("rowSpan",u),h.cells[i].innerHTML=""):2===u&&(h.insertBefore(p,h.cells[i]),h.cells[i].removeAttribute("rowSpan"),h.cells[i].innerHTML=""));continue;case Dt.resultAction.SubtractSpanCount:d&&(u>2?(u--,l.setAttribute("rowSpan",u),c.rowIndex!==r&&l.cellIndex===i&&(l.innerHTML="")):2===u&&(l.removeAttribute("rowSpan"),c.rowIndex!==r&&l.cellIndex===i&&(l.innerHTML="")));continue;case Dt.resultAction.RemoveCell:continue}}n.remove()},e.prototype.deleteCol=function(e){for(var o=St.ancestor(e.commonAncestor(),St.isCell),n=t(o).closest("tr"),i=n.children("td, th").index(t(o)),r=new Dt(o,Dt.where.Column,Dt.requestAction.Delete,t(n).closest("table")[0]).getActionList(),s=0;s<r.length;s++)if(r[s])switch(r[s].action){case Dt.resultAction.Ignore:continue;case Dt.resultAction.SubtractSpanCount:var a=r[s].baseCell;if(a.colSpan&&a.colSpan>1){var l=a.colSpan?parseInt(a.colSpan,10):0;l>2?(l--,a.setAttribute("colSpan",l),a.cellIndex===i&&(a.innerHTML="")):2===l&&(a.removeAttribute("colSpan"),a.cellIndex===i&&(a.innerHTML=""))}continue;case Dt.resultAction.RemoveCell:St.remove(r[s].baseCell,!0);continue}},e.prototype.createTable=function(e,o,n){for(var i,r=[],s=0;s<e;s++)r.push("<td>"+St.blank+"</td>");i=r.join("");for(var a,l=[],c=0;c<o;c++)l.push("<tr>"+i+"</tr>");a=l.join("");var d=t("<table>"+a+"</table>");return n&&n.tableClassName&&d.addClass(n.tableClassName),d[0]},e.prototype.deleteTable=function(e){var o=St.ancestor(e.commonAncestor(),St.isCell);t(o).closest("table").remove()},e}(),Bt=function(){function e(e){var o=this;this.context=e,this.$note=e.layoutInfo.note,this.$editor=e.layoutInfo.editor,this.$editable=e.layoutInfo.editable,this.options=e.options,this.lang=this.options.langInfo,this.editable=this.$editable[0],this.lastRange=null,this.style=new Lt,this.table=new zt,this.typing=new Ht,this.bullet=new Pt,this.history=new Rt(this.$editable),this.context.memo("help.undo",this.lang.help.undo),this.context.memo("help.redo",this.lang.help.redo),this.context.memo("help.tab",this.lang.help.tab),this.context.memo("help.untab",this.lang.help.untab),this.context.memo("help.insertParagraph",this.lang.help.insertParagraph),this.context.memo("help.insertOrderedList",this.lang.help.insertOrderedList),this.context.memo("help.insertUnorderedList",this.lang.help.insertUnorderedList),this.context.memo("help.indent",this.lang.help.indent),this.context.memo("help.outdent",this.lang.help.outdent),this.context.memo("help.formatPara",this.lang.help.formatPara),this.context.memo("help.insertHorizontalRule",this.lang.help.insertHorizontalRule),this.context.memo("help.fontName",this.lang.help.fontName);for(var n=["bold","italic","underline","strikethrough","superscript","subscript","justifyLeft","justifyCenter","justifyRight","justifyFull","formatBlock","removeFormat","backColor"],i=0,r=n.length;i<r;i++)this[n[i]]=(s=n[i],function(t){o.beforeCommand(),document.execCommand(s,!1,t),o.afterCommand(!0)}),this.context.memo("help."+n[i],this.lang.help[n[i]]);var s;this.fontName=this.wrapCommand(function(t){return o.fontStyling("font-family","'"+t+"'")}),this.fontSize=this.wrapCommand(function(t){return o.fontStyling("font-size",t+"px")});for(i=1;i<=6;i++)this["formatH"+i]=(a=i,function(){o.formatBlock("H"+a)}),this.context.memo("help.formatH"+i,this.lang.help["formatH"+i]);var a;this.insertParagraph=this.wrapCommand(function(){o.typing.insertParagraph(o.editable)}),this.insertOrderedList=this.wrapCommand(function(){o.bullet.insertOrderedList(o.editable)}),this.insertUnorderedList=this.wrapCommand(function(){o.bullet.insertUnorderedList(o.editable)}),this.indent=this.wrapCommand(function(){o.bullet.indent(o.editable)}),this.outdent=this.wrapCommand(function(){o.bullet.outdent(o.editable)}),this.insertNode=this.wrapCommand(function(e){if(!o.isLimited(t(e).text().length)){o.createRange().insertNode(e),At.createFromNodeAfter(e).select()}}),this.insertText=this.wrapCommand(function(t){if(!o.isLimited(t.length)){var e=o.createRange().insertNode(St.createText(t));At.create(e,St.nodeLength(e)).select()}}),this.pasteHTML=this.wrapCommand(function(t){if(!o.isLimited(t.length)){var e=o.createRange().pasteHTML(t);At.createFromNodeAfter(x.last(e)).select()}}),this.formatBlock=this.wrapCommand(function(t,e){var n=o.options.callbacks.onApplyCustomStyle;n?n.call(o,e,o.context,o.onFormatBlock):o.onFormatBlock(t,e)}),this.insertHorizontalRule=this.wrapCommand(function(){var t=o.createRange().insertNode(St.create("HR"));t.nextSibling&&At.create(t.nextSibling,0).normalize().select()}),this.lineHeight=this.wrapCommand(function(t){o.style.stylePara(o.createRange(),{lineHeight:t})}),this.createLink=this.wrapCommand(function(e){var n=e.url,i=e.text,r=e.isNewWindow,s=e.range||o.createRange(),a=s.toString()!==i;"string"==typeof n&&(n=n.trim()),n=o.options.onCreateLink?o.options.onCreateLink(n):/^[A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?/.test(n)?n:"http://"+n;var l=[];if(a){var c=(s=s.deleteContents()).insertNode(t("<A>"+i+"</A>")[0]);l.push(c)}else l=o.style.styleNodes(s,{nodeName:"A",expandClosestSibling:!0,onlyPartialContains:!0});t.each(l,function(e,o){t(o).attr("href",n),r?t(o).attr("target","_blank"):t(o).removeAttr("target")});var d=At.createFromNodeBefore(x.head(l)).getStartPoint(),u=At.createFromNodeAfter(x.last(l)).getEndPoint();At.create(d.node,d.offset,u.node,u.offset).select()}),this.color=this.wrapCommand(function(t){var e=t.foreColor,o=t.backColor;e&&document.execCommand("foreColor",!1,e),o&&document.execCommand("backColor",!1,o)}),this.foreColor=this.wrapCommand(function(t){document.execCommand("styleWithCSS",!1,!0),document.execCommand("foreColor",!1,t)}),this.insertTable=this.wrapCommand(function(t){var e=t.split("x");o.createRange().deleteContents().insertNode(o.table.createTable(e[0],e[1],o.options))}),this.removeMedia=this.wrapCommand(function(){var e=t(o.restoreTarget()).parent();e.parent("figure").length?e.parent("figure").remove():e=t(o.restoreTarget()).detach(),o.context.triggerEvent("media.delete",e,o.$editable)}),this.floatMe=this.wrapCommand(function(e){var n=t(o.restoreTarget());n.toggleClass("note-float-left","left"===e),n.toggleClass("note-float-right","right"===e),n.css("float",e)}),this.resize=this.wrapCommand(function(e){t(o.restoreTarget()).css({width:100*e+"%",height:""})})}return e.prototype.initialize=function(){var t=this;this.$editable.on("keydown",function(e){if(e.keyCode===Tt.code.ENTER&&t.context.triggerEvent("enter",e),t.context.triggerEvent("keydown",e),e.isDefaultPrevented()||(t.options.shortcuts?t.handleKeyMap(e):t.preventDefaultEditableShortCuts(e)),t.isLimited(1,e))return!1}).on("keyup",function(e){t.context.triggerEvent("keyup",e)}).on("focus",function(e){t.context.triggerEvent("focus",e)}).on("blur",function(e){t.context.triggerEvent("blur",e)}).on("mousedown",function(e){t.context.triggerEvent("mousedown",e)}).on("mouseup",function(e){t.context.triggerEvent("mouseup",e)}).on("scroll",function(e){t.context.triggerEvent("scroll",e)}).on("paste",function(e){t.context.triggerEvent("paste",e)}),this.$editable.html(St.html(this.$note)||St.emptyPara),this.$editable.on(H.inputEventName,v.debounce(function(){t.context.triggerEvent("change",t.$editable.html())},100)),this.$editor.on("focusin",function(e){t.context.triggerEvent("focusin",e)}).on("focusout",function(e){t.context.triggerEvent("focusout",e)}),this.options.airMode||(this.options.width&&this.$editor.outerWidth(this.options.width),this.options.height&&this.$editable.outerHeight(this.options.height),this.options.maxHeight&&this.$editable.css("max-height",this.options.maxHeight),this.options.minHeight&&this.$editable.css("min-height",this.options.minHeight)),this.history.recordUndo()},e.prototype.destroy=function(){this.$editable.off()},e.prototype.handleKeyMap=function(t){var e=this.options.keyMap[H.isMac?"mac":"pc"],o=[];t.metaKey&&o.push("CMD"),t.ctrlKey&&!t.altKey&&o.push("CTRL"),t.shiftKey&&o.push("SHIFT");var n=Tt.nameFromCode[t.keyCode];n&&o.push(n);var i=e[o.join("+")];i?!1!==this.context.invoke(i)&&t.preventDefault():Tt.isEdit(t.keyCode)&&this.afterCommand()},e.prototype.preventDefaultEditableShortCuts=function(t){(t.ctrlKey||t.metaKey)&&x.contains([66,73,85],t.keyCode)&&t.preventDefault()},e.prototype.isLimited=function(t,e){return t=t||0,(void 0===e||!(Tt.isMove(e.keyCode)||e.ctrlKey||e.metaKey||x.contains([Tt.code.BACKSPACE,Tt.code.DELETE],e.keyCode)))&&(this.options.maxTextLength>0&&this.$editable.text().length+t>=this.options.maxTextLength)},e.prototype.createRange=function(){return this.focus(),At.create(this.editable)},e.prototype.saveRange=function(t){this.lastRange=this.createRange(),t&&this.lastRange.collapse().select()},e.prototype.restoreRange=function(){this.lastRange&&(this.lastRange.select(),this.focus())},e.prototype.saveTarget=function(t){this.$editable.data("target",t)},e.prototype.clearTarget=function(){this.$editable.removeData("target")},e.prototype.restoreTarget=function(){return this.$editable.data("target")},e.prototype.currentStyle=function(){var t=At.create();return t&&(t=t.normalize()),t?this.style.current(t):this.style.fromNode(this.$editable)},e.prototype.styleFromNode=function(t){return this.style.fromNode(t)},e.prototype.undo=function(){this.context.triggerEvent("before.command",this.$editable.html()),this.history.undo(),this.context.triggerEvent("change",this.$editable.html())},e.prototype.redo=function(){this.context.triggerEvent("before.command",this.$editable.html()),this.history.redo(),this.context.triggerEvent("change",this.$editable.html())},e.prototype.beforeCommand=function(){this.context.triggerEvent("before.command",this.$editable.html()),this.focus()},e.prototype.afterCommand=function(t){this.history.recordUndo(),t||this.context.triggerEvent("change",this.$editable.html())},e.prototype.tab=function(){var t=this.createRange();if(t.isCollapsed()&&t.isOnCell())this.table.tab(t);else{if(0===this.options.tabSize)return!1;this.isLimited(this.options.tabSize)||(this.beforeCommand(),this.typing.insertTab(t,this.options.tabSize),this.afterCommand())}},e.prototype.untab=function(){var t=this.createRange();if(t.isCollapsed()&&t.isOnCell())this.table.tab(t,!0);else if(0===this.options.tabSize)return!1},e.prototype.wrapCommand=function(t){var e=this;return function(){e.beforeCommand(),t.apply(e,arguments),e.afterCommand()}},e.prototype.insertImage=function(e,o){var n=this;return(i=e,t.Deferred(function(e){var o=t("<img>");o.one("load",function(){o.off("error abort"),e.resolve(o)}).one("error abort",function(){o.off("load").detach(),e.reject(o)}).css({display:"none"}).appendTo(document.body).attr("src",i)}).promise()).then(function(t){n.beforeCommand(),"function"==typeof o?o(t):("string"==typeof o&&t.attr("data-filename",o),t.css("width",Math.min(n.$editable.width(),t.width()))),t.show(),At.create(n.editable).insertNode(t[0]),At.createFromNodeAfter(t[0]).select(),n.afterCommand()}).fail(function(t){n.context.triggerEvent("image.upload.error",t)});var i},e.prototype.insertImages=function(e){var o=this;t.each(e,function(e,n){var i=n.name;o.options.maximumImageFileSize&&o.options.maximumImageFileSize<n.size?o.context.triggerEvent("image.upload.error",o.lang.image.maximumFileSizeError):(r=n,t.Deferred(function(e){t.extend(new FileReader,{onload:function(t){var o=t.target.result;e.resolve(o)},onerror:function(t){e.reject(t)}}).readAsDataURL(r)}).promise()).then(function(t){return o.insertImage(t,i)}).fail(function(){o.context.triggerEvent("image.upload.error")});var r})},e.prototype.insertImagesOrCallback=function(t){this.options.callbacks.onImageUpload?this.context.triggerEvent("image.upload",t):this.insertImages(t)},e.prototype.getSelectedText=function(){var t=this.createRange();return t.isOnAnchor()&&(t=At.createFromNode(St.ancestor(t.sc,St.isAnchor))),t.toString()},e.prototype.onFormatBlock=function(e,o){if(e=H.isMSIE?"<"+e+">":e,document.execCommand("FormatBlock",!1,e),o&&o.length){var n=o[0].className||"";if(n){var i=this.createRange();t([i.sc,i.ec]).closest(e).addClass(n)}}},e.prototype.formatPara=function(){this.formatBlock("P")},e.prototype.fontStyling=function(e,o){var n=this.createRange();if(n){var i=this.style.styleNodes(n);if(t(i).css(e,o),n.isCollapsed()){var r=x.head(i);r&&!St.nodeLength(r)&&(r.innerHTML=St.ZERO_WIDTH_NBSP_CHAR,At.createFromNodeAfter(r.firstChild).select(),this.$editable.data("bogus",r))}}},e.prototype.unlink=function(){var t=this.createRange();if(t.isOnAnchor()){var e=St.ancestor(t.sc,St.isAnchor);(t=At.createFromNode(e)).select(),this.beforeCommand(),document.execCommand("unlink"),this.afterCommand()}},e.prototype.getLinkInfo=function(){var e=this.createRange().expand(St.isAnchor),o=t(x.head(e.nodes(St.isAnchor))),n={range:e,text:e.toString(),url:o.length?o.attr("href"):""};return o.length&&(n.isNewWindow="_blank"===o.attr("target")),n},e.prototype.addRow=function(t){var e=this.createRange(this.$editable);e.isCollapsed()&&e.isOnCell()&&(this.beforeCommand(),this.table.addRow(e,t),this.afterCommand())},e.prototype.addCol=function(t){var e=this.createRange(this.$editable);e.isCollapsed()&&e.isOnCell()&&(this.beforeCommand(),this.table.addCol(e,t),this.afterCommand())},e.prototype.deleteRow=function(){var t=this.createRange(this.$editable);t.isCollapsed()&&t.isOnCell()&&(this.beforeCommand(),this.table.deleteRow(t),this.afterCommand())},e.prototype.deleteCol=function(){var t=this.createRange(this.$editable);t.isCollapsed()&&t.isOnCell()&&(this.beforeCommand(),this.table.deleteCol(t),this.afterCommand())},e.prototype.deleteTable=function(){var t=this.createRange(this.$editable);t.isCollapsed()&&t.isOnCell()&&(this.beforeCommand(),this.table.deleteTable(t),this.afterCommand())},e.prototype.resizeTo=function(t,e,o){var n;if(o){var i=t.y/t.x,r=e.data("ratio");n={width:r>i?t.x:t.y/r,height:r>i?t.x*r:t.y}}else n={width:t.x,height:t.y};e.css(n)},e.prototype.hasFocus=function(){return this.$editable.is(":focus")},e.prototype.focus=function(){this.hasFocus()||this.$editable.focus()},e.prototype.isEmpty=function(){return St.isEmpty(this.$editable[0])||St.emptyPara===this.$editable.html()},e.prototype.empty=function(){this.context.invoke("code",St.emptyPara)},e}(),Mt=function(){function t(t){this.context=t,this.$editable=t.layoutInfo.editable}return t.prototype.initialize=function(){this.$editable.on("paste",this.pasteByEvent.bind(this))},t.prototype.pasteByEvent=function(t){var e=t.originalEvent.clipboardData;if(e&&e.items&&e.items.length){var o=x.head(e.items);"file"===o.kind&&-1!==o.type.indexOf("image/")&&this.context.invoke("editor.insertImagesOrCallback",[o.getAsFile()]),this.context.invoke("editor.afterCommand")}},t}(),Ot=function(){function e(e){this.context=e,this.$eventListener=t(document),this.$editor=e.layoutInfo.editor,this.$editable=e.layoutInfo.editable,this.options=e.options,this.lang=this.options.langInfo,this.documentEventHandlers={},this.$dropzone=t(['<div class="note-dropzone">','  <div class="note-dropzone-message"/>',"</div>"].join("")).prependTo(this.$editor)}return e.prototype.initialize=function(){this.options.disableDragAndDrop?(this.documentEventHandlers.onDrop=function(t){t.preventDefault()},this.$eventListener=this.$dropzone,this.$eventListener.on("drop",this.documentEventHandlers.onDrop)):this.attachDragAndDropEvent()},e.prototype.attachDragAndDropEvent=function(){var e=this,o=t(),n=this.$dropzone.find(".note-dropzone-message");this.documentEventHandlers.onDragenter=function(t){var i=e.context.invoke("codeview.isActivated"),r=e.$editor.width()>0&&e.$editor.height()>0;i||o.length||!r||(e.$editor.addClass("dragover"),e.$dropzone.width(e.$editor.width()),e.$dropzone.height(e.$editor.height()),n.text(e.lang.image.dragImageHere)),o=o.add(t.target)},this.documentEventHandlers.onDragleave=function(t){(o=o.not(t.target)).length||e.$editor.removeClass("dragover")},this.documentEventHandlers.onDrop=function(){o=t(),e.$editor.removeClass("dragover")},this.$eventListener.on("dragenter",this.documentEventHandlers.onDragenter).on("dragleave",this.documentEventHandlers.onDragleave).on("drop",this.documentEventHandlers.onDrop),this.$dropzone.on("dragenter",function(){e.$dropzone.addClass("hover"),n.text(e.lang.image.dropImage)}).on("dragleave",function(){e.$dropzone.removeClass("hover"),n.text(e.lang.image.dragImageHere)}),this.$dropzone.on("drop",function(o){var n=o.originalEvent.dataTransfer;o.preventDefault(),n&&n.files&&n.files.length?(e.$editable.focus(),e.context.invoke("editor.insertImagesOrCallback",n.files)):t.each(n.types,function(o,i){var r=n.getData(i);i.toLowerCase().indexOf("text")>-1?e.context.invoke("editor.pasteHTML",r):t(r).each(function(t,o){e.context.invoke("editor.insertNode",o)})})}).on("dragover",!1)},e.prototype.destroy=function(){var t=this;Object.keys(this.documentEventHandlers).forEach(function(e){t.$eventListener.off(e.substr(2).toLowerCase(),t.documentEventHandlers[e])}),this.documentEventHandlers={}},e}();H.hasCodeMirror&&(H.isSupportAmd?require(["codemirror"],function(t){Ft=t}):Ft=window.CodeMirror);var Ut=function(){function t(t){this.context=t,this.$editor=t.layoutInfo.editor,this.$editable=t.layoutInfo.editable,this.$codable=t.layoutInfo.codable,this.options=t.options}return t.prototype.sync=function(){this.isActivated()&&H.hasCodeMirror&&this.$codable.data("cmEditor").save()},t.prototype.isActivated=function(){return this.$editor.hasClass("codeview")},t.prototype.toggle=function(){this.isActivated()?this.deactivate():this.activate(),this.context.triggerEvent("codeview.toggled")},t.prototype.activate=function(){var t=this;if(this.$codable.val(St.html(this.$editable,this.options.prettifyHtml)),this.$codable.height(this.$editable.height()),this.context.invoke("toolbar.updateCodeview",!0),this.$editor.addClass("codeview"),this.$codable.focus(),H.hasCodeMirror){var e=Ft.fromTextArea(this.$codable[0],this.options.codemirror);if(this.options.codemirror.tern){var o=new Ft.TernServer(this.options.codemirror.tern);e.ternServer=o,e.on("cursorActivity",function(t){o.updateArgHints(t)})}e.on("blur",function(o){t.context.triggerEvent("blur.codeview",e.getValue(),o)}),e.setSize(null,this.$editable.outerHeight()),this.$codable.data("cmEditor",e)}else this.$codable.on("blur",function(e){t.context.triggerEvent("blur.codeview",t.$codable.val(),e)})},t.prototype.deactivate=function(){if(H.hasCodeMirror){var t=this.$codable.data("cmEditor");this.$codable.val(t.getValue()),t.toTextArea()}var e=St.value(this.$codable,this.options.prettifyHtml)||St.emptyPara,o=this.$editable.html()!==e;this.$editable.html(e),this.$editable.height(this.options.height?this.$codable.height():"auto"),this.$editor.removeClass("codeview"),o&&this.context.triggerEvent("change",this.$editable.html(),this.$editable),this.$editable.focus(),this.context.invoke("toolbar.updateCodeview",!1)},t.prototype.destroy=function(){this.isActivated()&&this.deactivate()},t}(),jt=function(){function e(e){this.$document=t(document),this.$statusbar=e.layoutInfo.statusbar,this.$editable=e.layoutInfo.editable,this.options=e.options}return e.prototype.initialize=function(){var t=this;this.options.airMode||this.options.disableResizeEditor?this.destroy():this.$statusbar.on("mousedown",function(e){e.preventDefault(),e.stopPropagation();var o=t.$editable.offset().top-t.$document.scrollTop(),n=function(e){var n=e.clientY-(o+24);n=t.options.minheight>0?Math.max(n,t.options.minheight):n,n=t.options.maxHeight>0?Math.min(n,t.options.maxHeight):n,t.$editable.height(n)};t.$document.on("mousemove",n).one("mouseup",function(){t.$document.off("mousemove",n)})})},e.prototype.destroy=function(){this.$statusbar.off()},e}(),qt=function(){function e(e){var o=this;this.context=e,this.$editor=e.layoutInfo.editor,this.$toolbar=e.layoutInfo.toolbar,this.$editable=e.layoutInfo.editable,this.$codable=e.layoutInfo.codable,this.$window=t(window),this.$scrollbar=t("html, body"),this.onResize=function(){o.resizeTo({h:o.$window.height()-o.$toolbar.outerHeight()})}}return e.prototype.resizeTo=function(t){this.$editable.css("height",t.h),this.$codable.css("height",t.h),this.$codable.data("cmeditor")&&this.$codable.data("cmeditor").setsize(null,t.h)},e.prototype.toggle=function(){this.$editor.toggleClass("fullscreen"),this.isFullscreen()?(this.$editable.data("orgHeight",this.$editable.css("height")),this.$window.on("resize",this.onResize).trigger("resize"),this.$scrollbar.css("overflow","hidden")):(this.$window.off("resize",this.onResize),this.resizeTo({h:this.$editable.data("orgHeight")}),this.$scrollbar.css("overflow","visible")),this.context.invoke("toolbar.updateFullscreen",this.isFullscreen())},e.prototype.isFullscreen=function(){return this.$editor.hasClass("fullscreen")},e}(),Kt=function(){function e(e){var o=this;this.context=e,this.$document=t(document),this.$editingArea=e.layoutInfo.editingArea,this.options=e.options,this.lang=this.options.langInfo,this.events={"summernote.mousedown":function(t,e){o.update(e.target)&&e.preventDefault()},"summernote.keyup summernote.scroll summernote.change summernote.dialog.shown":function(){o.update()},"summernote.disable":function(){o.hide()},"summernote.codeview.toggled":function(){o.update()}}}return e.prototype.initialize=function(){var e=this;this.$handle=t(['<div class="note-handle">','<div class="note-control-selection">','<div class="note-control-selection-bg"></div>','<div class="note-control-holder note-control-nw"></div>','<div class="note-control-holder note-control-ne"></div>','<div class="note-control-holder note-control-sw"></div>','<div class="',this.options.disableResizeImage?"note-control-holder":"note-control-sizing",' note-control-se"></div>',this.options.disableResizeImage?"":'<div class="note-control-selection-info"></div>',"</div>","</div>"].join("")).prependTo(this.$editingArea),this.$handle.on("mousedown",function(t){if(St.isControlSizing(t.target)){t.preventDefault(),t.stopPropagation();var o=e.$handle.find(".note-control-selection").data("target"),n=o.offset(),i=e.$document.scrollTop(),r=function(t){e.context.invoke("editor.resizeTo",{x:t.clientX-n.left,y:t.clientY-(n.top-i)},o,!t.shiftKey),e.update(o[0])};e.$document.on("mousemove",r).one("mouseup",function(t){t.preventDefault(),e.$document.off("mousemove",r),e.context.invoke("editor.afterCommand")}),o.data("ratio")||o.data("ratio",o.height()/o.width())}}),this.$handle.on("wheel",function(t){t.preventDefault(),e.update()})},e.prototype.destroy=function(){this.$handle.remove()},e.prototype.update=function(e){if(this.context.isDisabled())return!1;var o=St.isImg(e),n=this.$handle.find(".note-control-selection");if(this.context.invoke("imagePopover.update",e),o){var i=t(e),r=i.position(),s={left:r.left+parseInt(i.css("marginLeft"),10),top:r.top+parseInt(i.css("marginTop"),10)},a={w:i.outerWidth(!1),h:i.outerHeight(!1)};n.css({display:"block",left:s.left,top:s.top,width:a.w,height:a.h}).data("target",i);var l=new Image;l.src=i.attr("src");var c=a.w+"x"+a.h+" ("+this.lang.image.original+": "+l.width+"x"+l.height+")";n.find(".note-control-selection-info").text(c),this.context.invoke("editor.saveTarget",e)}else this.hide();return o},e.prototype.hide=function(){this.context.invoke("editor.clearTarget"),this.$handle.children().hide()},e}(),Vt=/^([A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?|mailto:[A-Z0-9._%+-]+@)?(www\.)?(.+)$/i,Wt=function(){function e(t){var e=this;this.context=t,this.events={"summernote.keyup":function(t,o){o.isDefaultPrevented()||e.handleKeyup(o)},"summernote.keydown":function(t,o){e.handleKeydown(o)}}}return e.prototype.initialize=function(){this.lastWordRange=null},e.prototype.destroy=function(){this.lastWordRange=null},e.prototype.replace=function(){if(this.lastWordRange){var e=this.lastWordRange.toString(),o=e.match(Vt);if(o&&(o[1]||o[2])){var n=o[1]?e:"http://"+e,i=t("<a />").html(e).attr("href",n)[0];this.lastWordRange.insertNode(i),this.lastWordRange=null,this.context.invoke("editor.focus")}}},e.prototype.handleKeydown=function(t){if(x.contains([Tt.code.ENTER,Tt.code.SPACE],t.keyCode)){var e=this.context.invoke("editor.createRange").getWordRange();this.lastWordRange=e}},e.prototype.handleKeyup=function(t){x.contains([Tt.code.ENTER,Tt.code.SPACE],t.keyCode)&&this.replace()},e}(),_t=function(){function t(t){var e=this;this.$note=t.layoutInfo.note,this.events={"summernote.change":function(){e.$note.val(t.invoke("code"))}}}return t.prototype.shouldInitialize=function(){return St.isTextarea(this.$note[0])},t}(),Gt=function(){function e(t){var e=this;this.context=t,this.$editingArea=t.layoutInfo.editingArea,this.options=t.options,this.events={"summernote.init summernote.change":function(){e.update()},"summernote.codeview.toggled":function(){e.update()}}}return e.prototype.shouldInitialize=function(){return!!this.options.placeholder},e.prototype.initialize=function(){var e=this;this.$placeholder=t('<div class="note-placeholder">'),this.$placeholder.on("click",function(){e.context.invoke("focus")}).text(this.options.placeholder).prependTo(this.$editingArea),this.update()},e.prototype.destroy=function(){this.$placeholder.remove()},e.prototype.update=function(){var t=!this.context.invoke("codeview.isActivated")&&this.context.invoke("editor.isEmpty");this.$placeholder.toggle(t)},e}(),Zt=function(){function e(e){this.ui=t.summernote.ui,this.context=e,this.$toolbar=e.layoutInfo.toolbar,this.options=e.options,this.lang=this.options.langInfo,this.invertedKeyMap=v.invertObject(this.options.keyMap[H.isMac?"mac":"pc"])}return e.prototype.representShortcut=function(t){var e=this.invertedKeyMap[t];return this.options.shortcuts&&e?(H.isMac&&(e=e.replace("CMD","⌘").replace("SHIFT","⇧"))," ("+(e=e.replace("BACKSLASH","\\").replace("SLASH","/").replace("LEFTBRACKET","[").replace("RIGHTBRACKET","]"))+")"):""},e.prototype.button=function(t){return!this.options.tooltip&&t.tooltip&&delete t.tooltip,t.container=this.options.container,this.ui.button(t)},e.prototype.initialize=function(){this.addToolbarButtons(),this.addImagePopoverButtons(),this.addLinkPopoverButtons(),this.addTablePopoverButtons(),this.fontInstalledMap={}},e.prototype.destroy=function(){delete this.fontInstalledMap},e.prototype.isFontInstalled=function(t){return this.fontInstalledMap.hasOwnProperty(t)||(this.fontInstalledMap[t]=H.isFontInstalled(t)||x.contains(this.options.fontNamesIgnoreCheck,t)),this.fontInstalledMap[t]},e.prototype.isFontDeservedToAdd=function(e){return""!==(e=e.toLowerCase())&&this.isFontInstalled(e)&&-1===t.inArray(e,["sans-serif","serif","monospace","cursive","fantasy"])},e.prototype.addToolbarButtons=function(){var e=this;this.context.memo("button.style",function(){return e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents(e.ui.icon(e.options.icons.magic),e.options),tooltip:e.lang.style.style,data:{toggle:"dropdown"}}),e.ui.dropdown({className:"dropdown-style",items:e.options.styleTags,template:function(t){"string"==typeof t&&(t={tag:t,title:e.lang.style.hasOwnProperty(t)?e.lang.style[t]:t});var o=t.tag,n=t.title;return"<"+o+(t.style?' style="'+t.style+'" ':"")+(t.className?' class="'+t.className+'"':"")+">"+n+"</"+o+">"},click:e.context.createInvokeHandler("editor.formatBlock")})]).render()});for(var o=function(t,o){var i=n.options.styleTags[t];n.context.memo("button.style."+i,function(){return e.button({className:"note-btn-style-"+i,contents:'<div data-value="'+i+'">'+i.toUpperCase()+"</div>",tooltip:i.toUpperCase(),click:e.context.createInvokeHandler("editor.formatBlock")}).render()})},n=this,i=0,r=this.options.styleTags.length;i<r;i++)o(i);this.context.memo("button.bold",function(){return e.button({className:"note-btn-bold",contents:e.ui.icon(e.options.icons.bold),tooltip:e.lang.font.bold+e.representShortcut("bold"),click:e.context.createInvokeHandlerAndUpdateState("editor.bold")}).render()}),this.context.memo("button.italic",function(){return e.button({className:"note-btn-italic",contents:e.ui.icon(e.options.icons.italic),tooltip:e.lang.font.italic+e.representShortcut("italic"),click:e.context.createInvokeHandlerAndUpdateState("editor.italic")}).render()}),this.context.memo("button.underline",function(){return e.button({className:"note-btn-underline",contents:e.ui.icon(e.options.icons.underline),tooltip:e.lang.font.underline+e.representShortcut("underline"),click:e.context.createInvokeHandlerAndUpdateState("editor.underline")}).render()}),this.context.memo("button.clear",function(){return e.button({contents:e.ui.icon(e.options.icons.eraser),tooltip:e.lang.font.clear+e.representShortcut("removeFormat"),click:e.context.createInvokeHandler("editor.removeFormat")}).render()}),this.context.memo("button.strikethrough",function(){return e.button({className:"note-btn-strikethrough",contents:e.ui.icon(e.options.icons.strikethrough),tooltip:e.lang.font.strikethrough+e.representShortcut("strikethrough"),click:e.context.createInvokeHandlerAndUpdateState("editor.strikethrough")}).render()}),this.context.memo("button.superscript",function(){return e.button({className:"note-btn-superscript",contents:e.ui.icon(e.options.icons.superscript),tooltip:e.lang.font.superscript,click:e.context.createInvokeHandlerAndUpdateState("editor.superscript")}).render()}),this.context.memo("button.subscript",function(){return e.button({className:"note-btn-subscript",contents:e.ui.icon(e.options.icons.subscript),tooltip:e.lang.font.subscript,click:e.context.createInvokeHandlerAndUpdateState("editor.subscript")}).render()}),this.context.memo("button.fontname",function(){var o=e.context.invoke("editor.currentStyle");return t.each(o["font-family"].split(","),function(o,n){n=n.trim().replace(/['"]+/g,""),e.isFontDeservedToAdd(n)&&-1===t.inArray(n,e.options.fontNames)&&e.options.fontNames.push(n)}),e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents('<span class="note-current-fontname"/>',e.options),tooltip:e.lang.font.name,data:{toggle:"dropdown"}}),e.ui.dropdownCheck({className:"dropdown-fontname",checkClassName:e.options.icons.menuCheck,items:e.options.fontNames.filter(e.isFontInstalled.bind(e)),template:function(t){return"<span style=\"font-family: '"+t+"'\">"+t+"</span>"},click:e.context.createInvokeHandlerAndUpdateState("editor.fontName")})]).render()}),this.context.memo("button.fontsize",function(){return e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents('<span class="note-current-fontsize"/>',e.options),tooltip:e.lang.font.size,data:{toggle:"dropdown"}}),e.ui.dropdownCheck({className:"dropdown-fontsize",checkClassName:e.options.icons.menuCheck,items:e.options.fontSizes,click:e.context.createInvokeHandlerAndUpdateState("editor.fontSize")})]).render()}),this.context.memo("button.color",function(){return e.ui.buttonGroup({className:"note-color",children:[e.button({className:"note-current-color-button",contents:e.ui.icon(e.options.icons.font+" note-recent-color"),tooltip:e.lang.color.recent,click:function(o){var n=t(o.currentTarget);e.context.invoke("editor.color",{backColor:n.attr("data-backColor"),foreColor:n.attr("data-foreColor")})},callback:function(t){t.find(".note-recent-color").css("background-color","#FFFF00"),t.attr("data-backColor","#FFFF00")}}),e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents("",e.options),tooltip:e.lang.color.more,data:{toggle:"dropdown"}}),e.ui.dropdown({items:['<div class="note-palette">','  <div class="note-palette-title">'+e.lang.color.background+"</div>","  <div>",'    <button type="button" class="note-color-reset btn btn-light" data-event="backColor" data-value="inherit">',e.lang.color.transparent,"    </button>","  </div>",'  <div class="note-holder" data-event="backColor"/>',"</div>",'<div class="note-palette">','  <div class="note-palette-title">'+e.lang.color.foreground+"</div>","  <div>",'    <button type="button" class="note-color-reset btn btn-light" data-event="removeFormat" data-value="foreColor">',e.lang.color.resetToDefault,"    </button>","  </div>",'  <div class="note-holder" data-event="foreColor"/>',"</div>"].join(""),callback:function(o){o.find(".note-holder").each(function(o,n){var i=t(n);i.append(e.ui.palette({colors:e.options.colors,eventName:i.data("event"),container:e.options.container,tooltip:e.options.tooltip}).render())})},click:function(o){var n=t(o.target),i=n.data("event"),r=n.data("value");if(i&&r){var s="backColor"===i?"background-color":"color",a=n.closest(".note-color").find(".note-recent-color"),l=n.closest(".note-color").find(".note-current-color-button");a.css(s,r),l.attr("data-"+i,r),e.context.invoke("editor."+i,r)}}})]}).render()}),this.context.memo("button.ul",function(){return e.button({contents:e.ui.icon(e.options.icons.unorderedlist),tooltip:e.lang.lists.unordered+e.representShortcut("insertUnorderedList"),click:e.context.createInvokeHandler("editor.insertUnorderedList")}).render()}),this.context.memo("button.ol",function(){return e.button({contents:e.ui.icon(e.options.icons.orderedlist),tooltip:e.lang.lists.ordered+e.representShortcut("insertOrderedList"),click:e.context.createInvokeHandler("editor.insertOrderedList")}).render()});var s=this.button({contents:this.ui.icon(this.options.icons.alignLeft),tooltip:this.lang.paragraph.left+this.representShortcut("justifyLeft"),click:this.context.createInvokeHandler("editor.justifyLeft")}),a=this.button({contents:this.ui.icon(this.options.icons.alignCenter),tooltip:this.lang.paragraph.center+this.representShortcut("justifyCenter"),click:this.context.createInvokeHandler("editor.justifyCenter")}),l=this.button({contents:this.ui.icon(this.options.icons.alignRight),tooltip:this.lang.paragraph.right+this.representShortcut("justifyRight"),click:this.context.createInvokeHandler("editor.justifyRight")}),c=this.button({contents:this.ui.icon(this.options.icons.alignJustify),tooltip:this.lang.paragraph.justify+this.representShortcut("justifyFull"),click:this.context.createInvokeHandler("editor.justifyFull")}),d=this.button({contents:this.ui.icon(this.options.icons.outdent),tooltip:this.lang.paragraph.outdent+this.representShortcut("outdent"),click:this.context.createInvokeHandler("editor.outdent")}),u=this.button({contents:this.ui.icon(this.options.icons.indent),tooltip:this.lang.paragraph.indent+this.representShortcut("indent"),click:this.context.createInvokeHandler("editor.indent")});this.context.memo("button.justifyLeft",v.invoke(s,"render")),this.context.memo("button.justifyCenter",v.invoke(a,"render")),this.context.memo("button.justifyRight",v.invoke(l,"render")),this.context.memo("button.justifyFull",v.invoke(c,"render")),this.context.memo("button.outdent",v.invoke(d,"render")),this.context.memo("button.indent",v.invoke(u,"render")),this.context.memo("button.paragraph",function(){return e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents(e.ui.icon(e.options.icons.alignLeft),e.options),tooltip:e.lang.paragraph.paragraph,data:{toggle:"dropdown"}}),e.ui.dropdown([e.ui.buttonGroup({className:"note-align",children:[s,a,l,c]}),e.ui.buttonGroup({className:"note-list",children:[d,u]})])]).render()}),this.context.memo("button.height",function(){return e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents(e.ui.icon(e.options.icons.textHeight),e.options),tooltip:e.lang.font.height,data:{toggle:"dropdown"}}),e.ui.dropdownCheck({items:e.options.lineHeights,checkClassName:e.options.icons.menuCheck,className:"dropdown-line-height",click:e.context.createInvokeHandler("editor.lineHeight")})]).render()}),this.context.memo("button.table",function(){return e.ui.buttonGroup([e.button({className:"dropdown-toggle",contents:e.ui.dropdownButtonContents(e.ui.icon(e.options.icons.table),e.options),tooltip:e.lang.table.table,data:{toggle:"dropdown"}}),e.ui.dropdown({className:"note-table",items:['<div class="note-dimension-picker">','  <div class="note-dimension-picker-mousecatcher" data-event="insertTable" data-value="1x1"/>','  <div class="note-dimension-picker-highlighted"/>','  <div class="note-dimension-picker-unhighlighted"/>',"</div>",'<div class="note-dimension-display">1 x 1</div>'].join("")})],{callback:function(t){t.find(".note-dimension-picker-mousecatcher").css({width:e.options.insertTableMaxSize.col+"em",height:e.options.insertTableMaxSize.row+"em"}).mousedown(e.context.createInvokeHandler("editor.insertTable")).on("mousemove",e.tableMoveHandler.bind(e))}}).render()}),this.context.memo("button.link",function(){return e.button({contents:e.ui.icon(e.options.icons.link),tooltip:e.lang.link.link+e.representShortcut("linkDialog.show"),click:e.context.createInvokeHandler("linkDialog.show")}).render()}),this.context.memo("button.picture",function(){return e.button({contents:e.ui.icon(e.options.icons.picture),tooltip:e.lang.image.image,click:e.context.createInvokeHandler("imageDialog.show")}).render()}),this.context.memo("button.video",function(){return e.button({contents:e.ui.icon(e.options.icons.video),tooltip:e.lang.video.video,click:e.context.createInvokeHandler("videoDialog.show")}).render()}),this.context.memo("button.hr",function(){return e.button({contents:e.ui.icon(e.options.icons.minus),tooltip:e.lang.hr.insert+e.representShortcut("insertHorizontalRule"),click:e.context.createInvokeHandler("editor.insertHorizontalRule")}).render()}),this.context.memo("button.fullscreen",function(){return e.button({className:"btn-fullscreen",contents:e.ui.icon(e.options.icons.arrowsAlt),tooltip:e.options.fullscreen,click:e.context.createInvokeHandler("fullscreen.toggle")}).render()}),this.context.memo("button.codeview",function(){return e.button({className:"btn-codeview",contents:e.ui.icon(e.options.icons.code),tooltip:e.options.codeview,click:e.context.createInvokeHandler("codeview.toggle")}).render()}),this.context.memo("button.redo",function(){return e.button({contents:e.ui.icon(e.options.icons.redo),tooltip:e.lang.history.redo+e.representShortcut("redo"),click:e.context.createInvokeHandler("editor.redo")}).render()}),this.context.memo("button.undo",function(){return e.button({contents:e.ui.icon(e.options.icons.undo),tooltip:e.lang.history.undo+e.representShortcut("undo"),click:e.context.createInvokeHandler("editor.undo")}).render()}),this.context.memo("button.help",function(){return e.button({contents:e.ui.icon(e.options.icons.question),tooltip:e.options.help,click:e.context.createInvokeHandler("helpDialog.show")}).render()})},e.prototype.addImagePopoverButtons=function(){var t=this;this.context.memo("button.imageSize100",function(){return t.button({contents:'<span class="note-fontsize-10">100%</span>',tooltip:t.lang.image.resizeFull,click:t.context.createInvokeHandler("editor.resize","1")}).render()}),this.context.memo("button.imageSize50",function(){return t.button({contents:'<span class="note-fontsize-10">50%</span>',tooltip:t.lang.image.resizeHalf,click:t.context.createInvokeHandler("editor.resize","0.5")}).render()}),this.context.memo("button.imageSize25",function(){return t.button({contents:'<span class="note-fontsize-10">25%</span>',tooltip:t.lang.image.resizeQuarter,click:t.context.createInvokeHandler("editor.resize","0.25")}).render()}),this.context.memo("button.floatLeft",function(){return t.button({contents:t.ui.icon(t.options.icons.alignLeft),tooltip:t.lang.image.floatLeft,click:t.context.createInvokeHandler("editor.floatMe","left")}).render()}),this.context.memo("button.floatRight",function(){return t.button({contents:t.ui.icon(t.options.icons.alignRight),tooltip:t.lang.image.floatRight,click:t.context.createInvokeHandler("editor.floatMe","right")}).render()}),this.context.memo("button.floatNone",function(){return t.button({contents:t.ui.icon(t.options.icons.alignJustify),tooltip:t.lang.image.floatNone,click:t.context.createInvokeHandler("editor.floatMe","none")}).render()}),this.context.memo("button.removeMedia",function(){return t.button({contents:t.ui.icon(t.options.icons.trash),tooltip:t.lang.image.remove,click:t.context.createInvokeHandler("editor.removeMedia")}).render()})},e.prototype.addLinkPopoverButtons=function(){var t=this;this.context.memo("button.linkDialogShow",function(){return t.button({contents:t.ui.icon(t.options.icons.link),tooltip:t.lang.link.edit,click:t.context.createInvokeHandler("linkDialog.show")}).render()}),this.context.memo("button.unlink",function(){return t.button({contents:t.ui.icon(t.options.icons.unlink),tooltip:t.lang.link.unlink,click:t.context.createInvokeHandler("editor.unlink")}).render()})},e.prototype.addTablePopoverButtons=function(){var t=this;this.context.memo("button.addRowUp",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.rowAbove),tooltip:t.lang.table.addRowAbove,click:t.context.createInvokeHandler("editor.addRow","top")}).render()}),this.context.memo("button.addRowDown",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.rowBelow),tooltip:t.lang.table.addRowBelow,click:t.context.createInvokeHandler("editor.addRow","bottom")}).render()}),this.context.memo("button.addColLeft",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.colBefore),tooltip:t.lang.table.addColLeft,click:t.context.createInvokeHandler("editor.addCol","left")}).render()}),this.context.memo("button.addColRight",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.colAfter),tooltip:t.lang.table.addColRight,click:t.context.createInvokeHandler("editor.addCol","right")}).render()}),this.context.memo("button.deleteRow",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.rowRemove),tooltip:t.lang.table.delRow,click:t.context.createInvokeHandler("editor.deleteRow")}).render()}),this.context.memo("button.deleteCol",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.colRemove),tooltip:t.lang.table.delCol,click:t.context.createInvokeHandler("editor.deleteCol")}).render()}),this.context.memo("button.deleteTable",function(){return t.button({className:"btn-md",contents:t.ui.icon(t.options.icons.trash),tooltip:t.lang.table.delTable,click:t.context.createInvokeHandler("editor.deleteTable")}).render()})},e.prototype.build=function(e,o){for(var n=0,i=o.length;n<i;n++){for(var r=o[n],s=t.isArray(r)?r[0]:r,a=t.isArray(r)?1===r.length?[r[0]]:r[1]:[r],l=this.ui.buttonGroup({className:"note-"+s}).render(),c=0,d=a.length;c<d;c++){var u=this.context.memo("button."+a[c]);u&&l.append("function"==typeof u?u(this.context):u)}l.appendTo(e)}},e.prototype.updateCurrentStyle=function(e){var o=this,n=e||this.$toolbar,i=this.context.invoke("editor.currentStyle");if(this.updateBtnStates(n,{".note-btn-bold":function(){return"bold"===i["font-bold"]},".note-btn-italic":function(){return"italic"===i["font-italic"]},".note-btn-underline":function(){return"underline"===i["font-underline"]},".note-btn-subscript":function(){return"subscript"===i["font-subscript"]},".note-btn-superscript":function(){return"superscript"===i["font-superscript"]},".note-btn-strikethrough":function(){return"strikethrough"===i["font-strikethrough"]}}),i["font-family"]){var r=i["font-family"].split(",").map(function(t){return t.replace(/[\'\"]/g,"").replace(/\s+$/,"").replace(/^\s+/,"")}),s=x.find(r,this.isFontInstalled.bind(this));n.find(".dropdown-fontname a").each(function(e,o){var n=t(o),i=n.data("value")+""==s+"";n.toggleClass("checked",i)}),n.find(".note-current-fontname").text(s).css("font-family",s)}if(i["font-size"]){var a=i["font-size"];n.find(".dropdown-fontsize a").each(function(e,o){var n=t(o),i=n.data("value")+""==a+"";n.toggleClass("checked",i)}),n.find(".note-current-fontsize").text(a)}if(i["line-height"]){var l=i["line-height"];n.find(".dropdown-line-height li a").each(function(e,n){var i=t(n).data("value")+""==l+"";o.className=i?"checked":""})}},e.prototype.updateBtnStates=function(e,o){var n=this;t.each(o,function(t,o){n.ui.toggleBtnActive(e.find(t),o())})},e.prototype.tableMoveHandler=function(e){var o,n=t(e.target.parentNode),i=n.next(),r=n.find(".note-dimension-picker-mousecatcher"),s=n.find(".note-dimension-picker-highlighted"),a=n.find(".note-dimension-picker-unhighlighted");if(void 0===e.offsetX){var l=t(e.target).offset();o={x:e.pageX-l.left,y:e.pageY-l.top}}else o={x:e.offsetX,y:e.offsetY};var c=Math.ceil(o.x/18)||1,d=Math.ceil(o.y/18)||1;s.css({width:c+"em",height:d+"em"}),r.data("value",c+"x"+d),c>3&&c<this.options.insertTableMaxSize.col&&a.css({width:c+1+"em"}),d>3&&d<this.options.insertTableMaxSize.row&&a.css({height:d+1+"em"}),i.html(c+" x "+d)},e}(),Yt=function(){function e(e){this.context=e,this.$window=t(window),this.$document=t(document),this.ui=t.summernote.ui,this.$note=e.layoutInfo.note,this.$editor=e.layoutInfo.editor,this.$toolbar=e.layoutInfo.toolbar,this.options=e.options,this.followScroll=this.followScroll.bind(this)}return e.prototype.shouldInitialize=function(){return!this.options.airMode},e.prototype.initialize=function(){var t=this;this.options.toolbar=this.options.toolbar||[],this.options.toolbar.length?this.context.invoke("buttons.build",this.$toolbar,this.options.toolbar):this.$toolbar.hide(),this.options.toolbarContainer&&this.$toolbar.appendTo(this.options.toolbarContainer),this.changeContainer(!1),this.$note.on("summernote.keyup summernote.mouseup summernote.change",function(){t.context.invoke("buttons.updateCurrentStyle")}),this.context.invoke("buttons.updateCurrentStyle"),this.options.followingToolbar&&this.$window.on("scroll resize",this.followScroll)},e.prototype.destroy=function(){this.$toolbar.children().remove(),this.options.followingToolbar&&this.$window.off("scroll resize",this.followScroll)},e.prototype.followScroll=function(){if(this.$editor.hasClass("fullscreen"))return!1;var e=this.$toolbar.parent(".note-toolbar-wrapper"),o=this.$editor.outerHeight(),n=this.$editor.width(),i=this.$toolbar.height();e.css({height:i});var r=0;this.options.otherStaticBar&&(r=t(this.options.otherStaticBar).outerHeight());var s=this.$document.scrollTop(),a=this.$editor.offset().top;s>a-r&&s<a+o-r-i?this.$toolbar.css({position:"fixed",top:r,width:n}):this.$toolbar.css({position:"relative",top:0,width:"100%"})},e.prototype.changeContainer=function(t){t?this.$toolbar.prependTo(this.$editor):this.options.toolbarContainer&&this.$toolbar.appendTo(this.options.toolbarContainer)},e.prototype.updateFullscreen=function(t){this.ui.toggleBtnActive(this.$toolbar.find(".btn-fullscreen"),t),this.changeContainer(t)},e.prototype.updateCodeview=function(t){this.ui.toggleBtnActive(this.$toolbar.find(".btn-codeview"),t),t?this.deactivate():this.activate()},e.prototype.activate=function(t){var e=this.$toolbar.find("button");t||(e=e.not(".btn-codeview")),this.ui.toggleBtn(e,!0)},e.prototype.deactivate=function(t){var e=this.$toolbar.find("button");t||(e=e.not(".btn-codeview")),this.ui.toggleBtn(e,!1)},e}(),Qt=function(){function e(e){this.context=e,this.ui=t.summernote.ui,this.$body=t(document.body),this.$editor=e.layoutInfo.editor,this.options=e.options,this.lang=this.options.langInfo,e.memo("help.linkDialog.show",this.options.langInfo.help["linkDialog.show"])}return e.prototype.initialize=function(){var e=this.options.dialogsInBody?this.$body:this.$editor,o=['<div class="form-group note-form-group">','<label class="note-form-label">'+this.lang.link.textToDisplay+"</label>",'<input class="note-link-text form-control note-form-control  note-input" type="text" />',"</div>",'<div class="form-group note-form-group">','<label class="note-form-label">'+this.lang.link.url+"</label>",'<input class="note-link-url form-control note-form-control note-input" type="text" value="http://" />',"</div>",this.options.disableLinkTarget?"":t("<div/>").append(this.ui.checkbox({id:"sn-checkbox-open-in-new-window",text:this.lang.link.openInNewWindow,checked:!0}).render()).html()].join(""),n='<button type="submit" href="#" class="btn btn-primary note-btn note-btn-primary note-link-btn" disabled>'+this.lang.link.insert+"</button>";this.$dialog=this.ui.dialog({className:"link-dialog",title:this.lang.link.insert,fade:this.options.dialogsFade,body:o,footer:n}).render().appendTo(e)},e.prototype.destroy=function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()},e.prototype.bindEnterKey=function(t,e){t.on("keypress",function(t){t.keyCode===Tt.code.ENTER&&(t.preventDefault(),e.trigger("click"))})},e.prototype.toggleLinkBtn=function(t,e,o){this.ui.toggleBtn(t,e.val()&&o.val())},e.prototype.showLinkDialog=function(e){var o=this;return t.Deferred(function(t){var n=o.$dialog.find(".note-link-text"),i=o.$dialog.find(".note-link-url"),r=o.$dialog.find(".note-link-btn"),s=o.$dialog.find("input[type=checkbox]");o.ui.onDialogShown(o.$dialog,function(){o.context.triggerEvent("dialog.shown"),e.url||(e.url=e.text),n.val(e.text);var a=function(){o.toggleLinkBtn(r,n,i),e.text=n.val()};n.on("input",a).on("paste",function(){setTimeout(a,0)});var l=function(){o.toggleLinkBtn(r,n,i),e.text||n.val(i.val())};i.on("input",l).on("paste",function(){setTimeout(l,0)}).val(e.url),H.isSupportTouch||i.trigger("focus"),o.toggleLinkBtn(r,n,i),o.bindEnterKey(i,r),o.bindEnterKey(n,r);var c=void 0!==e.isNewWindow?e.isNewWindow:o.context.options.linkTargetBlank;s.prop("checked",c),r.one("click",function(r){r.preventDefault(),t.resolve({range:e.range,url:i.val(),text:n.val(),isNewWindow:s.is(":checked")}),o.ui.hideDialog(o.$dialog)})}),o.ui.onDialogHidden(o.$dialog,function(){n.off("input paste keypress"),i.off("input paste keypress"),r.off("click"),"pending"===t.state()&&t.reject()}),o.ui.showDialog(o.$dialog)}).promise()},e.prototype.show=function(){var t=this,e=this.context.invoke("editor.getLinkInfo");this.context.invoke("editor.saveRange"),this.showLinkDialog(e).then(function(e){t.context.invoke("editor.restoreRange"),t.context.invoke("editor.createLink",e)}).fail(function(){t.context.invoke("editor.restoreRange")})},e}(),Jt=function(){function e(e){var o=this;this.context=e,this.ui=t.summernote.ui,this.options=e.options,this.events={"summernote.keyup summernote.mouseup summernote.change summernote.scroll":function(){o.update()},"summernote.disable summernote.dialog.shown":function(){o.hide()}}}return e.prototype.shouldInitialize=function(){return!x.isEmpty(this.options.popover.link)},e.prototype.initialize=function(){this.$popover=this.ui.popover({className:"note-link-popover",callback:function(t){t.find(".popover-content,.note-popover-content").prepend('<span><a target="_blank"></a>&nbsp;</span>')}}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content,.note-popover-content");this.context.invoke("buttons.build",t,this.options.popover.link)},e.prototype.destroy=function(){this.$popover.remove()},e.prototype.update=function(){if(this.context.invoke("editor.hasFocus")){var e=this.context.invoke("editor.createRange");if(e.isCollapsed()&&e.isOnAnchor()){var o=St.ancestor(e.sc,St.isAnchor),n=t(o).attr("href");this.$popover.find("a").attr("href",n).html(n);var i=St.posFromPlaceholder(o);this.$popover.css({display:"block",left:i.left,top:i.top})}else this.hide()}else this.hide()},e.prototype.hide=function(){this.$popover.hide()},e}(),Xt=function(){function e(e){this.context=e,this.ui=t.summernote.ui,this.$body=t(document.body),this.$editor=e.layoutInfo.editor,this.options=e.options,this.lang=this.options.langInfo}return e.prototype.initialize=function(){var t=this.options.dialogsInBody?this.$body:this.$editor,e="";if(this.options.maximumImageFileSize){var o=Math.floor(Math.log(this.options.maximumImageFileSize)/Math.log(1024)),n=1*(this.options.maximumImageFileSize/Math.pow(1024,o)).toFixed(2)+" "+" KMGTP"[o]+"B";e="<small>"+this.lang.image.maximumFileSize+" : "+n+"</small>"}var i=['<div class="form-group note-form-group note-group-select-from-files">','<label class="note-form-label">'+this.lang.image.selectFromFiles+"</label>",'<input class="note-image-input note-form-control note-input" ',' type="file" name="files" accept="image/*" multiple="multiple" />',e,"</div>",'<div class="form-group note-group-image-url" style="overflow:auto;">','<label class="note-form-label">'+this.lang.image.url+"</label>",'<input class="note-image-url form-control note-form-control note-input ',' col-md-12" type="text" />',"</div>"].join(""),r='<button type="submit" href="#" class="btn btn-primary note-btn note-btn-primary note-image-btn" disabled>'+this.lang.image.insert+"</button>";this.$dialog=this.ui.dialog({title:this.lang.image.insert,fade:this.options.dialogsFade,body:i,footer:r}).render().appendTo(t)},e.prototype.destroy=function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()},e.prototype.bindEnterKey=function(t,e){t.on("keypress",function(t){t.keyCode===Tt.code.ENTER&&(t.preventDefault(),e.trigger("click"))})},e.prototype.show=function(){var t=this;this.context.invoke("editor.saveRange"),this.showImageDialog().then(function(e){t.ui.hideDialog(t.$dialog),t.context.invoke("editor.restoreRange"),"string"==typeof e?t.context.invoke("editor.insertImage",e):t.context.invoke("editor.insertImagesOrCallback",e)}).fail(function(){t.context.invoke("editor.restoreRange")})},e.prototype.showImageDialog=function(){var e=this;return t.Deferred(function(t){var o=e.$dialog.find(".note-image-input"),n=e.$dialog.find(".note-image-url"),i=e.$dialog.find(".note-image-btn");e.ui.onDialogShown(e.$dialog,function(){e.context.triggerEvent("dialog.shown"),o.replaceWith(o.clone().on("change",function(e){t.resolve(e.target.files||e.target.value)}).val("")),i.click(function(e){e.preventDefault(),t.resolve(n.val())}),n.on("keyup paste",function(){var t=n.val();e.ui.toggleBtn(i,t)}).val(""),H.isSupportTouch||n.trigger("focus"),e.bindEnterKey(n,i)}),e.ui.onDialogHidden(e.$dialog,function(){o.off("change"),n.off("keyup paste keypress"),i.off("click"),"pending"===t.state()&&t.reject()}),e.ui.showDialog(e.$dialog)})},e}(),te=function(){function e(e){var o=this;this.context=e,this.ui=t.summernote.ui,this.editable=e.layoutInfo.editable[0],this.options=e.options,this.events={"summernote.disable":function(){o.hide()}}}return e.prototype.shouldInitialize=function(){return!x.isEmpty(this.options.popover.image)},e.prototype.initialize=function(){this.$popover=this.ui.popover({className:"note-image-popover"}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content,.note-popover-content");this.context.invoke("buttons.build",t,this.options.popover.image)},e.prototype.destroy=function(){this.$popover.remove()},e.prototype.update=function(t){if(St.isImg(t)){var e=St.posFromPlaceholder(t),o=St.posFromPlaceholder(this.editable);this.$popover.css({display:"block",left:this.options.popatmouse?event.pageX-20:e.left,top:this.options.popatmouse?event.pageY:Math.min(e.top,o.top)})}else this.hide()},e.prototype.hide=function(){this.$popover.hide()},e}(),ee=function(){function e(e){var o=this;this.context=e,this.ui=t.summernote.ui,this.options=e.options,this.events={"summernote.mousedown":function(t,e){o.update(e.target)},"summernote.keyup summernote.scroll summernote.change":function(){o.update()},"summernote.disable":function(){o.hide()}}}return e.prototype.shouldInitialize=function(){return!x.isEmpty(this.options.popover.table)},e.prototype.initialize=function(){this.$popover=this.ui.popover({className:"note-table-popover"}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content,.note-popover-content");this.context.invoke("buttons.build",t,this.options.popover.table),H.isFF&&document.execCommand("enableInlineTableEditing",!1,!1)},e.prototype.destroy=function(){this.$popover.remove()},e.prototype.update=function(t){if(this.context.isDisabled())return!1;var e=St.isCell(t);if(e){var o=St.posFromPlaceholder(t);this.$popover.css({display:"block",left:o.left,top:o.top})}else this.hide();return e},e.prototype.hide=function(){this.$popover.hide()},e}(),oe=function(){function e(e){this.context=e,this.ui=t.summernote.ui,this.$body=t(document.body),this.$editor=e.layoutInfo.editor,this.options=e.options,this.lang=this.options.langInfo}return e.prototype.initialize=function(){var t=this.options.dialogsInBody?this.$body:this.$editor,e=['<div class="form-group note-form-group row-fluid">','<label class="note-form-label">'+this.lang.video.url+' <small class="text-muted">'+this.lang.video.providers+"</small></label>",'<input class="note-video-url form-control note-form-control note-input" type="text" />',"</div>"].join(""),o='<button type="submit" href="#" class="btn btn-primary note-btn note-btn-primary note-video-btn" disabled>'+this.lang.video.insert+"</button>";this.$dialog=this.ui.dialog({title:this.lang.video.insert,fade:this.options.dialogsFade,body:e,footer:o}).render().appendTo(t)},e.prototype.destroy=function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()},e.prototype.bindEnterKey=function(t,e){t.on("keypress",function(t){t.keyCode===Tt.code.ENTER&&(t.preventDefault(),e.trigger("click"))})},e.prototype.createVideoNode=function(e){var o,n=e.match(/^(?:https?:\/\/)?(?:www\.)?(?:youtu\.be\/|youtube\.com\/(?:embed\/|v\/|watch\?v=|watch\?.+&v=))((\w|-){11})(?:\S+)?$/),i=e.match(/(?:www\.|\/\/)instagram\.com\/p\/(.[a-zA-Z0-9_-]*)/),r=e.match(/\/\/vine\.co\/v\/([a-zA-Z0-9]+)/),s=e.match(/\/\/(player\.)?vimeo\.com\/([a-z]*\/)*(\d+)[?]?.*/),a=e.match(/.+dailymotion.com\/(video|hub)\/([^_]+)[^#]*(#video=([^_&]+))?/),l=e.match(/\/\/v\.youku\.com\/v_show\/id_(\w+)=*\.html/),c=e.match(/\/\/v\.qq\.com.*?vid=(.+)/),d=e.match(/\/\/v\.qq\.com\/x?\/?(page|cover).*?\/([^\/]+)\.html\??.*/),u=e.match(/^.+.(mp4|m4v)$/),h=e.match(/^.+.(ogg|ogv)$/),p=e.match(/^.+.(webm)$/);if(n&&11===n[1].length){var f=n[1];o=t("<iframe>").attr("frameborder",0).attr("src","//www.youtube.com/embed/"+f).attr("width","640").attr("height","360")}else if(i&&i[0].length)o=t("<iframe>").attr("frameborder",0).attr("src","https://instagram.com/p/"+i[1]+"/embed/").attr("width","612").attr("height","710").attr("scrolling","no").attr("allowtransparency","true");else if(r&&r[0].length)o=t("<iframe>").attr("frameborder",0).attr("src",r[0]+"/embed/simple").attr("width","600").attr("height","600").attr("class","vine-embed");else if(s&&s[3].length)o=t("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("src","//player.vimeo.com/video/"+s[3]).attr("width","640").attr("height","360");else if(a&&a[2].length)o=t("<iframe>").attr("frameborder",0).attr("src","//www.dailymotion.com/embed/video/"+a[2]).attr("width","640").attr("height","360");else if(l&&l[1].length)o=t("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("height","498").attr("width","510").attr("src","//player.youku.com/embed/"+l[1]);else if(c&&c[1].length||d&&d[2].length){var m=c&&c[1].length?c[1]:d[2];o=t("<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>").attr("frameborder",0).attr("height","310").attr("width","500").attr("src","http://v.qq.com/iframe/player.html?vid="+m+"&amp;auto=0")}else{if(!(u||h||p))return!1;o=t("<video controls>").attr("src",e).attr("width","640").attr("height","360")}return o.addClass("note-video-clip"),o[0]},e.prototype.show=function(){var t=this,e=this.context.invoke("editor.getSelectedText");this.context.invoke("editor.saveRange"),this.showVideoDialog(e).then(function(e){t.ui.hideDialog(t.$dialog),t.context.invoke("editor.restoreRange");var o=t.createVideoNode(e);o&&t.context.invoke("editor.insertNode",o)}).fail(function(){t.context.invoke("editor.restoreRange")})},e.prototype.showVideoDialog=function(e){var o=this;return t.Deferred(function(t){var n=o.$dialog.find(".note-video-url"),i=o.$dialog.find(".note-video-btn");o.ui.onDialogShown(o.$dialog,function(){o.context.triggerEvent("dialog.shown"),n.val(e).on("input",function(){o.ui.toggleBtn(i,n.val())}),H.isSupportTouch||n.trigger("focus"),i.click(function(e){e.preventDefault(),t.resolve(n.val())}),o.bindEnterKey(n,i)}),o.ui.onDialogHidden(o.$dialog,function(){n.off("input"),i.off("click"),"pending"===t.state()&&t.reject()}),o.ui.showDialog(o.$dialog)})},e}(),ne=function(){function e(e){this.context=e,this.ui=t.summernote.ui,this.$body=t(document.body),this.$editor=e.layoutInfo.editor,this.options=e.options,this.lang=this.options.langInfo}return e.prototype.initialize=function(){var t=this.options.dialogsInBody?this.$body:this.$editor,e=['<p class="text-center">','<a href="http://summernote.org/" target="_blank">Summernote 0.8.9</a> · ','<a href="https://github.com/summernote/summernote" target="_blank">Project</a> · ','<a href="https://github.com/summernote/summernote/issues" target="_blank">Issues</a>',"</p>"].join("");this.$dialog=this.ui.dialog({title:this.lang.options.help,fade:this.options.dialogsFade,body:this.createShortcutList(),footer:e,callback:function(t){t.find(".modal-body,.note-modal-body").css({"max-height":300,overflow:"scroll"})}}).render().appendTo(t)},e.prototype.destroy=function(){this.ui.hideDialog(this.$dialog),this.$dialog.remove()},e.prototype.createShortcutList=function(){var e=this,o=this.options.keyMap[H.isMac?"mac":"pc"];return Object.keys(o).map(function(n){var i=o[n],r=t('<div><div class="help-list-item"/></div>');return r.append(t("<label><kbd>"+n+"</kdb></label>").css({width:180,"margin-right":10})).append(t("<span/>").html(e.context.memo("help."+i)||i)),r.html()}).join("")},e.prototype.showHelpDialog=function(){var e=this;return t.Deferred(function(t){e.ui.onDialogShown(e.$dialog,function(){e.context.triggerEvent("dialog.shown"),t.resolve()}),e.ui.showDialog(e.$dialog)}).promise()},e.prototype.show=function(){var t=this;this.context.invoke("editor.saveRange"),this.showHelpDialog().then(function(){t.context.invoke("editor.restoreRange")})},e}(),ie=function(){function e(e){var o=this;this.context=e,this.ui=t.summernote.ui,this.options=e.options,this.events={"summernote.keyup summernote.mouseup summernote.scroll":function(){o.update()},"summernote.disable summernote.change summernote.dialog.shown":function(){o.hide()},"summernote.focusout":function(t,e){H.isFF||e.relatedTarget&&St.ancestor(e.relatedTarget,v.eq(o.$popover[0]))||o.hide()}}}return e.prototype.shouldInitialize=function(){return this.options.airMode&&!x.isEmpty(this.options.popover.air)},e.prototype.initialize=function(){this.$popover=this.ui.popover({className:"note-air-popover"}).render().appendTo(this.options.container);var t=this.$popover.find(".popover-content");this.context.invoke("buttons.build",t,this.options.popover.air)},e.prototype.destroy=function(){this.$popover.remove()},e.prototype.update=function(){var t=this.context.invoke("editor.currentStyle");if(t.range&&!t.range.isCollapsed()){var e=x.last(t.range.getClientRects());if(e){var o=v.rect2bnd(e);this.$popover.css({display:"block",left:Math.max(o.left+o.width/2,0)-20,top:o.top+o.height}),this.context.invoke("buttons.updateCurrentStyle",this.$popover)}}else this.hide()},e.prototype.hide=function(){this.$popover.hide()},e}(),re=function(){function e(e){var o=this;this.context=e,this.ui=t.summernote.ui,this.$editable=e.layoutInfo.editable,this.options=e.options,this.hint=this.options.hint||[],this.direction=this.options.hintDirection||"bottom",this.hints=t.isArray(this.hint)?this.hint:[this.hint],this.events={"summernote.keyup":function(t,e){e.isDefaultPrevented()||o.handleKeyup(e)},"summernote.keydown":function(t,e){o.handleKeydown(e)},"summernote.disable summernote.dialog.shown":function(){o.hide()}}}return e.prototype.shouldInitialize=function(){return this.hints.length>0},e.prototype.initialize=function(){var e=this;this.lastWordRange=null,this.$popover=this.ui.popover({className:"note-hint-popover",hideArrow:!0,direction:""}).render().appendTo(this.options.container),this.$popover.hide(),this.$content=this.$popover.find(".popover-content,.note-popover-content"),this.$content.on("click",".note-hint-item",function(){e.$content.find(".active").removeClass("active"),t(e).addClass("active"),e.replace()})},e.prototype.destroy=function(){this.$popover.remove()},e.prototype.selectItem=function(t){this.$content.find(".active").removeClass("active"),t.addClass("active"),this.$content[0].scrollTop=t[0].offsetTop-this.$content.innerHeight()/2},e.prototype.moveDown=function(){var t=this.$content.find(".note-hint-item.active"),e=t.next();if(e.length)this.selectItem(e);else{var o=t.parent().next();o.length||(o=this.$content.find(".note-hint-group").first()),this.selectItem(o.find(".note-hint-item").first())}},e.prototype.moveUp=function(){var t=this.$content.find(".note-hint-item.active"),e=t.prev();if(e.length)this.selectItem(e);else{var o=t.parent().prev();o.length||(o=this.$content.find(".note-hint-group").last()),this.selectItem(o.find(".note-hint-item").last())}},e.prototype.replace=function(){var t=this.$content.find(".note-hint-item.active");if(t.length){var e=this.nodeFromItem(t);this.lastWordRange.insertNode(e),At.createFromNode(e).collapse().select(),this.lastWordRange=null,this.hide(),this.context.triggerEvent("change",this.$editable.html(),this.$editable[0]),this.context.invoke("editor.focus")}},e.prototype.nodeFromItem=function(t){var e=this.hints[t.data("index")],o=t.data("item"),n=e.content?e.content(o):o;return"string"==typeof n&&(n=St.createText(n)),n},e.prototype.createItemTemplates=function(e,o){var n=this.hints[e];return o.map(function(o,i){var r=t('<div class="note-hint-item"/>');return r.append(n.template?n.template(o):o+""),r.data({index:e,item:o}),r})},e.prototype.handleKeydown=function(t){this.$popover.is(":visible")&&(t.keyCode===Tt.code.ENTER?(t.preventDefault(),this.replace()):t.keyCode===Tt.code.UP?(t.preventDefault(),this.moveUp()):t.keyCode===Tt.code.DOWN&&(t.preventDefault(),this.moveDown()))},e.prototype.searchKeyword=function(t,e,o){var n=this.hints[t];if(n&&n.match.test(e)&&n.search){var i=n.match.exec(e);n.search(i[1],o)}else o()},e.prototype.createGroup=function(e,o){var n=this,i=t('<div class="note-hint-group note-hint-group-'+e+'"/>');return this.searchKeyword(e,o,function(t){(t=t||[]).length&&(i.html(n.createItemTemplates(e,t)),n.show())}),i},e.prototype.handleKeyup=function(t){var e=this;if(!x.contains([Tt.code.ENTER,Tt.code.UP,Tt.code.DOWN],t.keyCode)){var o=this.context.invoke("editor.createRange").getWordRange(),n=o.toString();if(this.hints.length&&n){this.$content.empty();var i=v.rect2bnd(x.last(o.getClientRects()));i&&(this.$popover.hide(),this.lastWordRange=o,this.hints.forEach(function(t,o){t.match.test(n)&&e.createGroup(o,n).appendTo(e.$content)}),this.$content.find(".note-hint-item:first").addClass("active"),"top"===this.direction?this.$popover.css({left:i.left,top:i.top-this.$popover.outerHeight()-5}):this.$popover.css({left:i.left,top:i.top+i.height+5}))}else this.hide()}},e.prototype.show=function(){this.$popover.show()},e.prototype.hide=function(){this.$popover.hide()},e}(),se=function(){function e(e,o){this.ui=t.summernote.ui,this.$note=e,this.memos={},this.modules={},this.layoutInfo={},this.options=o,this.initialize()}return e.prototype.initialize=function(){return this.layoutInfo=this.ui.createLayout(this.$note,this.options),this._initialize(),this.$note.hide(),this},e.prototype.destroy=function(){this._destroy(),this.$note.removeData("summernote"),this.ui.removeLayout(this.$note,this.layoutInfo)},e.prototype.reset=function(){var t=this.isDisabled();this.code(St.emptyPara),this._destroy(),this._initialize(),t&&this.disable()},e.prototype._initialize=function(){var e=this,o=t.extend({},this.options.buttons);Object.keys(o).forEach(function(t){e.memo("button."+t,o[t])});var n=t.extend({},this.options.modules,t.summernote.plugins||{});Object.keys(n).forEach(function(t){e.module(t,n[t],!0)}),Object.keys(this.modules).forEach(function(t){e.initializeModule(t)})},e.prototype._destroy=function(){var t=this;Object.keys(this.modules).reverse().forEach(function(e){t.removeModule(e)}),Object.keys(this.memos).forEach(function(e){t.removeMemo(e)}),this.triggerEvent("destroy",this)},e.prototype.code=function(t){var e=this.invoke("codeview.isActivated");if(void 0===t)return this.invoke("codeview.sync"),e?this.layoutInfo.codable.val():this.layoutInfo.editable.html();e?this.layoutInfo.codable.val(t):this.layoutInfo.editable.html(t),this.$note.val(t),this.triggerEvent("change",t)},e.prototype.isDisabled=function(){return"false"===this.layoutInfo.editable.attr("contenteditable")},e.prototype.enable=function(){this.layoutInfo.editable.attr("contenteditable",!0),this.invoke("toolbar.activate",!0),this.triggerEvent("disable",!1)},e.prototype.disable=function(){this.invoke("codeview.isActivated")&&this.invoke("codeview.deactivate"),this.layoutInfo.editable.attr("contenteditable",!1),this.invoke("toolbar.deactivate",!0),this.triggerEvent("disable",!0)},e.prototype.triggerEvent=function(){var t=x.head(arguments),e=x.tail(x.from(arguments)),o=this.options.callbacks[v.namespaceToCamel(t,"on")];o&&o.apply(this.$note[0],e),this.$note.trigger("summernote."+t,e)},e.prototype.initializeModule=function(t){var e=this.modules[t];e.shouldInitialize=e.shouldInitialize||v.ok,e.shouldInitialize()&&(e.initialize&&e.initialize(),e.events&&St.attachEvents(this.$note,e.events))},e.prototype.module=function(t,e,o){if(1===arguments.length)return this.modules[t];this.modules[t]=new e(this),o||this.initializeModule(t)},e.prototype.removeModule=function(t){var e=this.modules[t];e.shouldInitialize()&&(e.events&&St.detachEvents(this.$note,e.events),e.destroy&&e.destroy()),delete this.modules[t]},e.prototype.memo=function(t,e){if(1===arguments.length)return this.memos[t];this.memos[t]=e},e.prototype.removeMemo=function(t){this.memos[t]&&this.memos[t].destroy&&this.memos[t].destroy(),delete this.memos[t]},e.prototype.createInvokeHandlerAndUpdateState=function(t,e){var o=this;return function(n){o.createInvokeHandler(t,e)(n),o.invoke("buttons.updateCurrentStyle")}},e.prototype.createInvokeHandler=function(e,o){var n=this;return function(i){i.preventDefault();var r=t(i.target);n.invoke(e,o||r.closest("[data-value]").data("value"),r)}},e.prototype.invoke=function(){var t=x.head(arguments),e=x.tail(x.from(arguments)),o=t.split("."),n=o.length>1,i=n&&x.head(o),r=n?x.last(o):x.head(o),s=this.modules[i||"editor"];return!i&&this[r]?this[r].apply(this,e):s&&s[r]&&s.shouldInitialize()?s[r].apply(s,e):void 0},e}();t.fn.extend({summernote:function(){var e=t.type(x.head(arguments)),o="string"===e,n="object"===e,i=t.extend({},t.summernote.options,n?x.head(arguments):{});i.langInfo=t.extend(!0,{},t.summernote.lang["en-US"],t.summernote.lang[i.lang]),i.icons=t.extend(!0,{},t.summernote.options.icons,i.icons),i.tooltip="auto"===i.tooltip?!H.isSupportTouch:i.tooltip,this.each(function(e,o){var n=t(o);if(!n.data("summernote")){var r=new se(n,i);n.data("summernote",r),n.data("summernote").triggerEvent("init",r.layoutInfo)}});var r=this.first();if(r.length){var s=r.data("summernote");if(o)return s.invoke.apply(s,x.from(arguments));i.focus&&s.invoke("editor.focus")}return this}}),t.summernote=t.extend(t.summernote,{version:"0.8.9",ui:m,dom:St,plugins:{},options:{modules:{editor:Bt,clipboard:Mt,dropzone:Ot,codeview:Ut,statusbar:jt,fullscreen:qt,handle:Kt,hintPopover:re,autoLink:Wt,autoSync:_t,placeholder:Gt,buttons:Zt,toolbar:Yt,linkDialog:Qt,linkPopover:Jt,imageDialog:Xt,imagePopover:te,tablePopover:ee,videoDialog:oe,helpDialog:ne,airPopover:ie},buttons:{},lang:"en-US",followingToolbar:!0,otherStaticBar:"",toolbar:[["style",["style"]],["font",["bold","underline","clear"]],["fontname",["fontname"]],["color",["color"]],["para",["ul","ol","paragraph"]],["table",["table"]],["insert",["link","picture","video"]],["view",["fullscreen","codeview","help"]]],popatmouse:!0,popover:{image:[["imagesize",["imageSize100","imageSize50","imageSize25"]],["float",["floatLeft","floatRight","floatNone"]],["remove",["removeMedia"]]],link:[["link",["linkDialogShow","unlink"]]],table:[["add",["addRowDown","addRowUp","addColLeft","addColRight"]],["delete",["deleteRow","deleteCol","deleteTable"]]],air:[["color",["color"]],["font",["bold","underline","clear"]],["para",["ul","paragraph"]],["table",["table"]],["insert",["link","picture"]]]},airMode:!1,width:null,height:null,linkTargetBlank:!0,focus:!1,tabSize:4,styleWithSpan:!0,shortcuts:!0,textareaAutoSync:!0,hintDirection:"bottom",tooltip:"auto",container:"body",maxTextLength:0,styleTags:["p","blockquote","pre","h1","h2","h3","h4","h5","h6"],fontNames:["Arial","Arial Black","Comic Sans MS","Courier New","Helvetica Neue","Helvetica","Impact","Lucida Grande","Tahoma","Times New Roman","Verdana"],fontSizes:["8","9","10","11","12","14","18","24","36"],colors:[["#000000","#424242","#636363","#9C9C94","#CEC6CE","#EFEFEF","#F7F7F7","#FFFFFF"],["#FF0000","#FF9C00","#FFFF00","#00FF00","#00FFFF","#0000FF","#9C00FF","#FF00FF"],["#F7C6CE","#FFE7CE","#FFEFC6","#D6EFD6","#CEDEE7","#CEE7F7","#D6D6E7","#E7D6DE"],["#E79C9C","#FFC69C","#FFE79C","#B5D6A5","#A5C6CE","#9CC6EF","#B5A5D6","#D6A5BD"],["#E76363","#F7AD6B","#FFD663","#94BD7B","#73A5AD","#6BADDE","#8C7BC6","#C67BA5"],["#CE0000","#E79439","#EFC631","#6BA54A","#4A7B8C","#3984C6","#634AA5","#A54A7B"],["#9C0000","#B56308","#BD9400","#397B21","#104A5A","#085294","#311873","#731842"],["#630000","#7B3900","#846300","#295218","#083139","#003163","#21104A","#4A1031"]],lineHeights:["1.0","1.2","1.4","1.5","1.6","1.8","2.0","3.0"],tableClassName:"table table-bordered",insertTableMaxSize:{col:10,row:10},dialogsInBody:!1,dialogsFade:!1,maximumImageFileSize:null,callbacks:{onInit:null,onFocus:null,onBlur:null,onBlurCodeview:null,onEnter:null,onKeyup:null,onKeydown:null,onImageUpload:null,onImageUploadError:null},codemirror:{mode:"text/html",htmlMode:!0,lineNumbers:!0},keyMap:{pc:{ENTER:"insertParagraph","CTRL+Z":"undo","CTRL+Y":"redo",TAB:"tab","SHIFT+TAB":"untab","CTRL+B":"bold","CTRL+I":"italic","CTRL+U":"underline","CTRL+SHIFT+S":"strikethrough","CTRL+BACKSLASH":"removeFormat","CTRL+SHIFT+L":"justifyLeft","CTRL+SHIFT+E":"justifyCenter","CTRL+SHIFT+R":"justifyRight","CTRL+SHIFT+J":"justifyFull","CTRL+SHIFT+NUM7":"insertUnorderedList","CTRL+SHIFT+NUM8":"insertOrderedList","CTRL+LEFTBRACKET":"outdent","CTRL+RIGHTBRACKET":"indent","CTRL+NUM0":"formatPara","CTRL+NUM1":"formatH1","CTRL+NUM2":"formatH2","CTRL+NUM3":"formatH3","CTRL+NUM4":"formatH4","CTRL+NUM5":"formatH5","CTRL+NUM6":"formatH6","CTRL+ENTER":"insertHorizontalRule","CTRL+K":"linkDialog.show"},mac:{ENTER:"insertParagraph","CMD+Z":"undo","CMD+SHIFT+Z":"redo",TAB:"tab","SHIFT+TAB":"untab","CMD+B":"bold","CMD+I":"italic","CMD+U":"underline","CMD+SHIFT+S":"strikethrough","CMD+BACKSLASH":"removeFormat","CMD+SHIFT+L":"justifyLeft","CMD+SHIFT+E":"justifyCenter","CMD+SHIFT+R":"justifyRight","CMD+SHIFT+J":"justifyFull","CMD+SHIFT+NUM7":"insertUnorderedList","CMD+SHIFT+NUM8":"insertOrderedList","CMD+LEFTBRACKET":"outdent","CMD+RIGHTBRACKET":"indent","CMD+NUM0":"formatPara","CMD+NUM1":"formatH1","CMD+NUM2":"formatH2","CMD+NUM3":"formatH3","CMD+NUM4":"formatH4","CMD+NUM5":"formatH5","CMD+NUM6":"formatH6","CMD+ENTER":"insertHorizontalRule","CMD+K":"linkDialog.show"}},icons:{align:"note-icon-align",alignCenter:"note-icon-align-center",alignJustify:"note-icon-align-justify",alignLeft:"note-icon-align-left",alignRight:"note-icon-align-right",rowBelow:"note-icon-row-below",colBefore:"note-icon-col-before",colAfter:"note-icon-col-after",rowAbove:"note-icon-row-above",rowRemove:"note-icon-row-remove",colRemove:"note-icon-col-remove",indent:"note-icon-align-indent",outdent:"note-icon-align-outdent",arrowsAlt:"note-icon-arrows-alt",bold:"note-icon-bold",caret:"note-icon-caret",circle:"note-icon-circle",close:"note-icon-close",code:"note-icon-code",eraser:"note-icon-eraser",font:"note-icon-font",frame:"note-icon-frame",italic:"note-icon-italic",link:"note-icon-link",unlink:"note-icon-chain-broken",magic:"note-icon-magic",menuCheck:"note-icon-menu-check",minus:"note-icon-minus",orderedlist:"note-icon-orderedlist",pencil:"note-icon-pencil",picture:"note-icon-picture",question:"note-icon-question",redo:"note-icon-redo",square:"note-icon-square",strikethrough:"note-icon-strikethrough",subscript:"note-icon-subscript",superscript:"note-icon-superscript",table:"note-icon-table",textHeight:"note-icon-text-height",trash:"note-icon-trash",underline:"note-icon-underline",undo:"note-icon-undo",unorderedlist:"note-icon-unorderedlist",video:"note-icon-video"}}})});
\ No newline at end of file
diff --git a/static/script.js b/static/script.js
new file mode 100755
index 0000000..eecb051
--- /dev/null
+++ b/static/script.js
@@ -0,0 +1,24 @@
+$(function () {
+  var socket = io();
+
+
+
+
+
+  socket.on('chat message', function(msg){
+    //$('#messages').append($('<li>').text(msg));
+  });
+});
+
+$('#send').click(function(){
+  var data = {zone:$("#zone").val(),
+              ListeCom : new Array()};
+              data.ListeCom.push({
+                IDPub:-1,
+                html:($(this).children(".com")[0]).value,
+                level:($(this).children(".lvl")[0]).value
+              });
+  socket.emit('Communication', JSON.stringify(data));
+  //$('#m').val('');
+  return false;
+});
diff --git a/sync.ffs_db b/sync.ffs_db
new file mode 100755
index 0000000..3a5b3da
Binary files /dev/null and b/sync.ffs_db differ
diff --git a/views/TV.ejs b/views/TV.ejs
new file mode 100755
index 0000000..5a113ff
--- /dev/null
+++ b/views/TV.ejs
@@ -0,0 +1,117 @@
+  <!DOCTYPE html>
+  <html>
+    <head>
+      <!--Import Google Icon Font-->
+      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+      <!--Import materialize.css-->
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+      <!--Let browser know website is optimized for mobile-->
+      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+      <title>Page TV</title>
+        <style>
+          .heading { color: black; }
+        </style>
+
+
+        <script src="/socket.io/socket.io.js"></script>
+    <script>
+      $(function () {
+        var socket = io();
+        socket.on('Communication', function(msg){
+
+          var CommunicationJSON = JSON.parse(msg);
+          console.debug(CommunicationJSON)
+          CommunicationJSON.ListeCom.forEach(function(Communication){
+            switch (Communication.level) {
+              case "1":
+                  $("#lvl1").append('<li class="caption center-align" data-idPub="'+Communication.IDPub+'\">'+Communication.html+'</li>')
+                break;
+              case "2":
+                  $("#lvl2").append('<li class="caption center-align" data-idPub="'+Communication.IDPub+'\">'+Communication.html+'</li>')
+                break;
+              case "3":
+                  $("#lvl3").append('<li class="caption center-align" data-idPub="'+Communication.IDPub+'\">'+Communication.html+'</li>')
+                break;
+              default:
+
+            }
+          })
+        });
+
+
+        <% if(typeof zone != 'undefined') { %>
+            socket.emit("JoinZone", "<%= zone %>");
+        <% } %>
+
+
+
+
+
+        $("#btnJoin").click(function(){
+          socket.close().connect();
+          socket.emit("JoinZone", $("#zone").val());
+        })
+      });
+    </script>
+
+    </head>
+
+    <body>
+      <!--<div class="row">-->
+        <div class="slider">
+          <ul class="slides" id="lvl1">
+
+          </ul>
+        </div>
+        <div class="slider" >
+          <ul class="slides" id="lvl2">
+
+          </ul>
+        </div>
+        <div class="slider" >
+          <ul class="slides" id="lvl3">
+
+          </ul>
+        </div>
+
+      <!-- Section slider pour M3-->
+    <!--</div>-->
+      <!--JavaScript at end of body for optimized loading-->
+
+
+      <!-- Compiled and minified JavaScript -->
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+
+      <script>
+        // Slider
+         $(document).ready(function(){
+            $('.slider').slider({indicators: false})
+          });
+      </script>
+      <script>
+    <% if(typeof pub != 'undefined') {
+        for(var i=0;i<pub.length;i++){ %>
+          var x = "<%= pub[i].Type%>";
+          console.debug(x);
+          <%
+			switch (pub[i].Type) {
+			  case 1: %>
+				  $("#lvl1").append('<li class="caption center-align" data-idPub="<%=pub[i].ID_Com%>"\><%=pub[i].Texte%></li>')
+				  <%break;
+				  case 2: %>
+				  $("#lvl2").append('<li class="caption center-align" data-idPub="<%=pub[i].ID_Com%>"\><%=pub[i].Texte%></li>')
+				  <%break;
+				  case 3: %>
+				  $("#lvl3").append('<li class="caption center-align" data-idPub="<%=pub[i].ID_Com%>"\><%=pub[i].Texte%></li>')
+				  <%break;%>
+
+  <% } %>
+
+    <% } %>
+    var x = "<%= pub.length%>";
+    console.debug(x);
+  <% } %>
+    </script>
+    </body>
+  </html>
diff --git a/views/TV_old.ejs b/views/TV_old.ejs
new file mode 100644
index 0000000..15f32ca
--- /dev/null
+++ b/views/TV_old.ejs
@@ -0,0 +1,97 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Socket.IO chat</title>
+    <style>
+      * { margin: 0; padding: 0; box-sizing: border-box; text-align: center;}
+      body { font: 13px Helvetica, Arial; }
+      #lvl3 {height: 20%;background-color: red; color:yellow; padding: 3px; position: fixed; bottom: 0; width: 100%; }
+      #lvl2 {height: 30%;}
+      #lvl1 {height: 50%;}
+      table {
+        border-collapse: collapse;
+      }
+
+      table, th, td {
+          border: 1px solid black;
+      }
+    </style>
+    <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
+    <script src="/socket.io/socket.io.js"></script>
+    <script>
+      $(function () {
+        var socket = io();
+        socket.on('Communication', function(msg){
+
+          var CommunicationJSON = JSON.parse(msg);
+          console.debug(CommunicationJSON)
+          CommunicationJSON.ListeCom.forEach(function(Communication){
+            switch (Communication.level) {
+              case "1":
+                  $("#lvl1").html('<div data-idPub="'+Communication.IDPub+'\">'+Communication.html+'</div>')
+                break;
+              case "2":
+                  $("#lvl2").html('<div data-idPub="'+Communication.IDPub+'\">'+Communication.html+'</div>')
+                break;
+              case "3":
+                  $("#lvl3").html('<div data-idPub="'+Communication.IDPub+'\">'+Communication.html+'</div>')
+                break;
+              default:
+
+            }
+          })
+        });
+
+
+        <% if(typeof zone != 'undefined') { %>
+            socket.emit("JoinZone", "<%= zone %>");
+        <% } %>
+
+
+
+
+
+        $("#btnJoin").click(function(){
+          socket.close().connect();
+          socket.emit("JoinZone", $("#zone").val());
+        })
+      });
+    </script>
+  </head>
+  <body>
+    <% if(typeof zone == 'undefined') { %>
+    <input type="text" id="zone" /><button id="btnJoin">Joindre</button>
+    <% } %>
+    <table>
+      <tr><td id="lvl1"></td></tr>
+      <tr><td id="lvl2"></td></tr>
+      <tr><td id="lvl3"></td></tr>
+    </table>
+
+
+    <script>
+    <% if(typeof pub != 'undefined') {
+        for(var i=0;i<pub.length;i++){ %>
+          var x = "<%= pub[i].Type%>";
+          console.debug(x);
+          <%
+  switch (pub[i].Type) {
+          case 1: %>
+              $("#lvl1").html('<div data-idPub="<%=pub[i].ID_Com%>"\><%=pub[i].Texte%></div>')
+              <%break;
+              case 2: %>
+              $("#lvl2").html('<div data-idPub="<%=pub[i].ID_Com%>"\><%=pub[i].Texte%></div>')
+              <%break;
+              case 3: %>
+              $("#lvl3").html('<div data-idPub="<%=pub[i].ID_Com%>"\><%=pub[i].Texte%></div>')
+              <%break;%>
+
+  <% } %>
+
+    <% } %>
+    var x = "<%= pub.length%>";
+    console.debug(x);
+  <% } %>
+    </script>
+  </body>
+</html>
diff --git a/views/_index2.ejs b/views/_index2.ejs
new file mode 100644
index 0000000..5df13c8
--- /dev/null
+++ b/views/_index2.ejs
@@ -0,0 +1,59 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Socket.IO chat</title>
+
+
+    <style>
+
+    </style>
+    <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
+    <script src="/socket.io/socket.io.js"></script>
+    <script src="static/script.js"></script>
+
+    <!--<script src="node_modules/trumbowyg/dist/trumbowyg.min.js"></script>
+    <link rel="stylesheet" href="node_modules/trumbowyg/dist/ui/trumbowyg.min.css">-->
+
+
+    <script>
+  /*  $(document).ready(function() {
+      $('.com').summernote();
+    });*/
+    </script>
+
+
+  </head>
+  <body>
+    Zone cible <input id="zone">
+    <form action="">
+      <input type="hidden" class="lvl" value="1" />
+      Lvl 1 : <textarea class="com" name="editordata"></textarea><button>Send</button>
+    </form>
+    <form action="">
+      <input type="hidden" class="lvl" value="2" />
+      Lvl 2:<textarea class="com" name="editordata"></textarea><button>Send</button>
+    </form>
+    <form action="">
+      <input type="hidden" class="lvl" value="3" />
+      Lvl 3:<textarea class="com" name="editordata"></textarea><button>Send</button>
+    </form>
+    <button id="SendAll">Envoyer Tout</button><br/>
+
+    <iframe src="https://nodejs.adriy.be/mapsTest" style="width:100%;height:800px;"></iframe>
+
+<script>
+
+
+$('.com').tuiEditor({
+  initialEditType: 'markdown',
+  previewStyle: 'vertical',
+  height: '300px'
+});
+
+
+    </script>
+
+
+
+  </body>
+</html>
diff --git a/views/_mapsTest.ejs b/views/_mapsTest.ejs
new file mode 100755
index 0000000..ee4b10c
--- /dev/null
+++ b/views/_mapsTest.ejs
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html>
+ <head>
+   <script>
+  if (location.protocol != 'https:')
+  {
+   location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
+  }
+  </script>
+   <title>User-Editable Shapes</title>
+   <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
+   <meta charset="utf-8">
+   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"
+  integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
+  crossorigin=""/>
+<script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"
+  integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
+  crossorigin=""></script>
+
+<script src="/static/Leaflet.Editable.js"></script>
+   <style>
+
+     #map { height: 500px; width: 80%}
+   </style>
+ </head>
+ <body>
+   <table><tr><td id="map">
+   </td><td><h1>Zone :</h1>
+     <table id="ListZone"><tr><th>Nom</th><th>Coo</th></tr>
+       <% for(var i = 0;i<data.length;i++){ %>
+         <tr><td><%= data[i].Nom %></td><td>#N<%=data[i].Nord %>#S<%=data[i].Sud %>#O<%=data[i].Ouest %>#E<%=data[i].Est %></td></tr>
+       <% } %>
+     </table>
+     Nom Zone : <input type="text" id="nomZone">
+     <button id="btnAddZone">Ajouter une zone</button>
+   </td></tr>
+ </table>
+   <script>
+   L.Popup = L.Popup.extend({
+    getEvents: function () {
+        var events = L.DivOverlay.prototype.getEvents.call(this);
+        if ('closeOnClick' in this.options ? this.options.closeOnClick : this._map.options.closePopupOnClick) {
+            //events.preclick = this._close;
+        }
+        if (this.options.keepInView) {
+            events.moveend = this._adjustPan;
+        }
+        return events;
+    },
+});
+   var lstRect = new Array();
+   // center of the map
+   var center = [-33.8650, 151.2094];
+
+   // Create the map
+   var map = L.map('map',{editable: true}).setView(center, 6);
+
+   // Set up the OSM layer
+   L.tileLayer(
+     'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+       attribution: 'Data © <a href="http://osm.org/copyright">OpenStreetMap</a>',
+       maxZoom: 18
+     }).addTo(map);
+   L.marker(center);
+   map.locate({setView: true, maxZoom: 15});
+
+     $("#btnAddZone").click(function(){
+        if($(this).html() == "Ajouter une zone"){
+          lstRect.push(map.editTools.startRectangle());
+          console.debug(lstRect);
+          lstRect[lstRect.length-1].enableEdit();
+          $(this).html("Confirmer");
+        }
+        else {
+
+          $(this).html("Ajouter une zone");
+          lstRect[lstRect.length-1].disableEdit();
+          lstRect[lstRect.length-1].bindTooltip($("#nomZone").val(),{permanent: true, direction:"center"});
+          var bounds = lstRect[lstRect.length-1].getBounds();
+          $('#ListZone tr:last').after('<tr><td>'+$("#nomZone").val()+'</td><td>w'+bounds.getWest()+';s'+bounds.getSouth()+';e'+bounds.getEast()
+          +';n'+bounds.getNorth()+'</td></tr>');
+          $.post( "/addZone", { N: bounds.getNorth(), S: bounds.getSouth(), E:bounds.getEast(), O:bounds.getWest(), Name:$("#nomZone").val() } );
+        }
+      });
+
+      <% for(var i = 0;i<data.length;i++){ %>
+        lstRect.push(L.rectangle([[<%=data[i].Nord %>,<%=data[i].Ouest %>],[<%=data[i].Sud %>,<%=data[i].Est %>]]));
+        lstRect[lstRect.length-1].addTo(map);
+        lstRect[lstRect.length-1].bindTooltip("<%= data[i].Nom %>",{permanent: true, direction:"center"}).addTo(map);
+      <% } %>
+
+   </script>
+ </body>
+</html>
diff --git a/views/index.ejs b/views/index.ejs
new file mode 100644
index 0000000..cf07dc3
--- /dev/null
+++ b/views/index.ejs
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+  <html>
+    <head>
+      <!--Importing CSS frameworks-->
+      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
+      <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"
+      integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
+      crossorigin=""/>
+      <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.css' rel='stylesheet' />
+      <link rel="shortcut icon" type="image/x-icon" href="./static/Icons/h0.png" />
+      <link rel="stylesheet" type="text/css" href="./static/css/style.css">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    </head>
+    <body>
+        <!--Background shapes Don't care about them! :D -->
+        <div id="water-shape">
+          <img src="./static/Shapes/water-shape.svg">
+        </div>
+        <div id="circle-shape">
+          <img src="./static/Shapes/circle-shape.svg">
+        </div>
+        <div id="curve-shape">
+          <img src="./static/Shapes/curve1-shape.svg">
+        </div>
+        <div id="curve-two-shape">
+          <img src="./static/Shapes/curve2-shape.svg">
+        </div>
+        <div id="triangle-shape">
+          <img src="./static/Shapes/triangle-shape.svg">
+        </div>
+        <!--End of background shapes-->
+
+        <!--This is the beginning of the navigation you dont have to care about it too :D -->
+        <div class="container">
+          <nav>
+            <div class="nav-wrapper">
+              <a href="#" class="brand-logo left">Pub</a>
+              <ul class="right">
+                <li><a class="btn-floating btn-small waves-effect waves-light purple darken-3"><i class="material-icons">menu</i></a></li>
+              </ul>
+            </div>
+          </nav>
+        </div>
+        <!--The End of the naviation-->
+
+
+        <!-- this is the interesting part-->
+        <div class="container">
+          <div id="body" class="row">
+            <div class="col m12 s12">
+              <div class="row">
+                <!-- this is the combo-box! :) -->
+                 <div class="input-field col m12 s12">
+                    <select id="zone">
+
+                      <option value="" disabled selected>Choose you location</option>
+                      <% for(var i = 0;i<zone.length;i++){ %>
+                        <option value="<%= zone[i].ID_Zone %>"><%= zone[i].Nom %></option>
+                      <% } %>
+                    </select>
+                    <label>Location</label>
+                  </div>
+                  <div class="input-field col m12 s12">
+                     <select id="level">
+                       <option value="" disabled selected>Choose you level</option>
+                       <option value="1">1</option>
+                       <option value="2">2</option>
+                       <option value="3">3</option>
+                     </select>
+                     <label>Level</label>
+                   </div>
+                <!--The end of the combo box-->
+              </div>
+
+              <div class="row">
+                <!--Link to the map page to add a new map-->
+                  <div class=" col s12 center">
+                    <a href="/map">Click here to add a new Location</a>
+                  </div>
+                <!--End of the map link-->
+              </div>
+
+              <div class="row">
+                <div class="col s12">
+                  <!--This is the call of the summernote-->
+                  <div id="summernote" class="">Write your publication here!</div>
+                  <!--End of the summernote-->
+                </div>
+              </div>
+              <div class="row">
+                <div class="col s12 center-btn">
+                  <!--This is the upload button-->
+                  <a href="#" class="btn white-text waves-effect purple darken-3 center bordered" id="send">Upload</a>
+                  <!--This is the End of the upload button-->
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <!--The end of the interesting part :(  -->
+
+
+     <!--The footer-->
+      <footer>
+      </footer>
+
+     <!-- Importing Javascript  frameworks-->
+     <script src="/socket.io/socket.io.js"></script>
+      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
+      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>
+      <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-bs4.css" rel="stylesheet">
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote-bs4.js"></script>
+      <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.js'></script>
+      <script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"
+      integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
+      crossorigin=""></script>
+      <script type="text/javascript" src="./static/Js/index.js"></script>
+    </body>
+  </html>
diff --git a/views/login.ejs b/views/login.ejs
new file mode 100644
index 0000000..512612b
--- /dev/null
+++ b/views/login.ejs
@@ -0,0 +1,142 @@
+<!DOCTYPE html>
+  <html>
+    <head>
+      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+      <script>
+      $('.message a').click(function(){
+         $('form').animate({height: "toggle", opacity: "toggle"}, "slow");
+      });
+      $(function(){
+        $( "input[name='repassword']" ).on('input', function(){
+          if($( "input[name='password']" ).val() != $( "input[name='repassword']" ).val())
+            $( "input[name='repassword']" ).css('color', 'red');
+          else
+            $( "input[name='repassword']" ).css('color', '');
+        })
+      });
+      </script>
+      <style>
+      @import url(https://fonts.googleapis.com/css?family=Roboto:300);
+
+      .login-page {
+        width: 360px;
+        padding: 8% 0 0;
+        margin: auto;
+      }
+      .form {
+        position: relative;
+        z-index: 1;
+        background: #FFFFFF;
+        max-width: 360px;
+        margin: 0 auto 100px;
+        padding: 45px;
+        text-align: center;
+        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
+      }
+      .form input {
+        font-family: "Roboto", sans-serif;
+        outline: 0;
+        background: #f2f2f2;
+        width: 100%;
+        border: 0;
+        margin: 0 0 15px;
+        padding: 15px;
+        box-sizing: border-box;
+        font-size: 14px;
+      }
+      .form button {
+        font-family: "Roboto", sans-serif;
+        text-transform: uppercase;
+        outline: 0;
+        background: #4CAF50;
+        width: 100%;
+        border: 0;
+        padding: 15px;
+        color: #FFFFFF;
+        font-size: 14px;
+        -webkit-transition: all 0.3 ease;
+        transition: all 0.3 ease;
+        cursor: pointer;
+      }
+      .form button:hover,.form button:active,.form button:focus {
+        background: #43A047;
+      }
+      .form .message {
+        margin: 15px 0 0;
+        color: #b3b3b3;
+        font-size: 12px;
+      }
+      .form .message a {
+        color: #4CAF50;
+        text-decoration: none;
+      }
+      .form .register-form {
+        display: none;
+      }
+      .container {
+        position: relative;
+        z-index: 1;
+        max-width: 300px;
+        margin: 0 auto;
+      }
+      .container:before, .container:after {
+        content: "";
+        display: block;
+        clear: both;
+      }
+      .container .info {
+        margin: 50px auto;
+        text-align: center;
+      }
+      .container .info h1 {
+        margin: 0 0 15px;
+        padding: 0;
+        font-size: 36px;
+        font-weight: 300;
+        color: #1a1a1a;
+      }
+      .container .info span {
+        color: #4d4d4d;
+        font-size: 12px;
+      }
+      .container .info span a {
+        color: #000000;
+        text-decoration: none;
+      }
+      .container .info span .fa {
+        color: #EF3B3A;
+      }
+      body {
+        background: #76b852; /* fallback for old browsers */
+        background: -webkit-linear-gradient(right, #76b852, #8DC26F);
+        background: -moz-linear-gradient(right, #76b852, #8DC26F);
+        background: -o-linear-gradient(right, #76b852, #8DC26F);
+        background: linear-gradient(to left, #76b852, #8DC26F);
+        font-family: "Roboto", sans-serif;
+        -webkit-font-smoothing: antialiased;
+        -moz-osx-font-smoothing: grayscale;
+      }
+      </style>
+
+    </head>
+    <body>
+      <div class="login-page">
+        <div class="form">
+          <form class="register-form" action="/register" method="post">
+            <input type="text" placeholder="name" name="username"/>
+            <input type="password" placeholder="password" name="password"/>
+            <input type="password" placeholder="repassword" name="repassword" class="repassword"/>
+            <button>create</button>
+            <p class="message">Already registered? <a href="#" onclick="$('.login-form').show();$('.register-form').hide();">Sign In</a></p>
+          </form>
+          <form class="login-form" action="/login" method="post">
+            <input type="text" placeholder="username" name="username"/>
+            <input type="password" placeholder="password" name="password"/>
+            <button>login</button>
+            <p class="message">Not registered? <a href="#" onclick="$('.login-form').hide();$('.register-form').show();">Create an account</a></p>
+          </form>
+        </div>
+      </div>
+    </body>
+  </html>
diff --git a/views/map.ejs b/views/map.ejs
new file mode 100644
index 0000000..26ba152
--- /dev/null
+++ b/views/map.ejs
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <script>
+if (location.protocol != 'https:')
+{
+location.href = 'https:' + window.location.href.substring(window.location.protocol.length);
+}
+</script>
+	     <!--Importing CSS frameworks-->
+      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
+      <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css">
+      <link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.4/dist/leaflet.css"
+      integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA=="
+      crossorigin=""/>
+      <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.css' rel='stylesheet' />
+      <link rel="shortcut icon" type="image/x-icon" href="/static/Icons/h0.png" />
+      <link rel="stylesheet" type="text/css" href="/static/css/style.css">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+</head>
+<body>
+
+	<!--Background shapes Don't care about them! :D -->
+        <div id="water-shape">
+          <img src="/static/Shapes/water-shape.svg">
+        </div>
+        <div id="circle-shape">
+          <img src="/static/Shapes/circle-shape.svg">
+        </div>
+        <div id="curve-two-shape">
+          <img src="/static/Shapes/curve2-shape.svg">
+        </div>
+        <div id="triangle-shape">
+          <img src="/static/Shapes/triangle-shape.svg">
+        </div>
+        <!--End of background shapes-->
+
+
+	 <!--This is the beginning of the navigation you dont have to care about it too :D -->
+        <div class="container">
+          <nav>
+            <div class="nav-wrapper">
+              <a href="#" class="brand-logo-map left">Pub</a>
+              <ul class="right">
+                <li><a class="btn-floating btn-small waves-effect waves-light purple darken-3"><i class="material-icons">menu</i></a></li>
+              </ul>
+            </div>
+          </nav>
+        </div>
+        <!--The End of the naviation-->
+
+
+	<div class="container">
+		<div class="row ">
+	        <div class="col  m4 s12 purple darken-3">
+	       	 	<!--Map from leafletjs-->
+	            <div id="mapid"></div>
+	            <!--End of Map from leafletjs-->
+	        </div>
+	    </div>
+	    <div class="row">
+	    	          <!--This is the add button-->
+                  <div class="input-field col m6 s12 center-btn">
+                    <input placeholder="Placeholder" id="nomZone" type="text" class="validate">
+                    <label for="nomZone">Nom Zone </label>
+                    <a href="#" class="btn white-text purple darken-3 center bordered" id="btnAddZone">Add</a>
+                  </div>
+
+                  <!--This is the End of the add button-->
+
+
+	    </div>
+	</div>
+
+
+
+     <!-- Importing Javascript  frameworks-->
+      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+      <script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.50.0/mapbox-gl.js'></script>
+      <script src="https://unpkg.com/leaflet@1.3.4/dist/leaflet.js"
+      integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA=="
+      crossorigin=""></script>
+      <script type="text/javascript" src="/static/Js/map.js"></script>
+      <script src="/static/Leaflet.Editable.js"></script>
+
+
+      <script>
+L.Popup = L.Popup.extend({
+  getEvents: function () {
+    var events = L.DivOverlay.prototype.getEvents.call(this);
+    if ('closeOnClick' in this.options ? this.options.closeOnClick : this._map.options.closePopupOnClick) {
+      //events.preclick = this._close;
+    }
+    if (this.options.keepInView) {
+      events.moveend = this._adjustPan;
+    }
+    return events;
+  },
+});
+var lstRect = new Array();
+var map = L.map('mapid',{editable: true});
+
+// Set up the OSM layer
+L.tileLayer(
+  'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+  attribution: 'Data © <a href="http://osm.org/copyright">OpenStreetMap</a>',
+  maxZoom: 18
+}).addTo(map);
+map.locate({setView: true, maxZoom: 15});
+<% /*ajout des rectangle*/ %>
+<% for(var i = 0;i<zone.length;i++){ %>
+  lstRect.push(L.rectangle([[<%=zone[i].Nord %>,<%=zone[i].Ouest %>],[<%=zone[i].Sud %>,<%=zone[i].Est %>]]));
+  lstRect[lstRect.length-1].addTo(map);
+  lstRect[lstRect.length-1].bindTooltip("<%= zone[i].Nom %>",{permanent: true, direction:"auto"}).addTo(map);
+<% } %>
+
+$("#btnAddZone").click(function(){
+  if($("#btnAddZone").html() == "Add"){
+    lstRect.push(map.editTools.startRectangle());
+    console.debug(lstRect);
+    lstRect[lstRect.length-1].enableEdit();
+    $(this).html("Confirmer");
+  } else if($("#btnAddZone").html() == "Confirmer"){
+    $(this).html("Add");
+    lstRect[lstRect.length-1].disableEdit();
+    lstRect[lstRect.length-1].bindTooltip($("#nomZone").val(),{permanent: true, direction:"auto"});
+    var bounds = lstRect[lstRect.length-1].getBounds();
+    $('#ListZone tr:last').after('<tr><td>'+$("#nomZone").val()+'</td><td>w'+bounds.getWest()+';s'+bounds.getSouth()+';e'+bounds.getEast()
+    +';n'+bounds.getNorth()+'</td></tr>');
+    $.post( "/addZone", { N: bounds.getNorth(), S: bounds.getSouth(), E:bounds.getEast(), O:bounds.getWest(), Name:$("#nomZone").val() } );
+  }
+});
+
+
+   </script>
+</body>
+</html>