首先 js 上传到七牛云 需要两个参数 一个是 url 一个是 token
引入 js
summernote.min.js
summernote-zh-CN.js
qiniu.min.js
<script th:src="@{/ajax/libs/summernote/summernote.min.js}"></script>
<script th:src="@{/ajax/libs/summernote/summernote-zh-CN.js}"></script>
<script th:src="@{/ajax/libs/qiniu/qiniu.min.js}"></script>
完整 HTML
<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<link th:href="@{/ajax/libs/summernote/summernote.css}" rel="stylesheet"/>
<link th:href="@{/ajax/libs/summernote/summernote-bs3.css}" rel="stylesheet"/>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
<form class="form-horizontal m" id="form-notice-add">
<div class="form-group">
<label class="col-sm-3 control-label">公告标题:</label>
<div class="col-sm-8">
<input id="noticeTitle" name="noticeTitle" class="form-control" type="text">
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">公告类型:</label>
<div class="col-sm-8">
<select name="noticeType" class="form-control m-b" th:with="type=${@dict.getType('sys_notice_type')}">
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">公告内容:</label>
<div class="col-sm-8">
<input id="noticeContent" name="noticeContent" type="hidden">
<div class="summernote"></div>
</div>
</div>
<div class="form-group">
<label class="col-sm-3 control-label">公告状态:</label>
<div class="col-sm-8">
<div class="radio-box" th:each="dict : ${@dict.getType('sys_notice_status')}">
<input type="radio" th:id="${dict.dictCode}" name="status" th:value="${dict.dictValue}" th:checked="${dict.isDefault == 'Y' ? true : false}">
<label th:for="${dict.dictCode}" th:text="${dict.dictLabel}"></label>
</div>
</div>
</div>
<div class="form-group">
<div class="form-control-static col-sm-offset-9">
<button type="submit" class="btn btn-primary">提交</button>
<button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button>
</div>
</div>
</form>
</div>
<div th:include="include::footer"></div>
<script th:src="@{/ajax/libs/summernote/summernote.min.js}"></script>
<script th:src="@{/ajax/libs/summernote/summernote-zh-CN.js}"></script>
<script th:src="@{/ajax/libs/qiniu/qiniu.min.js}"></script>
<script type="text/javascript">
var prefix = ctx + "system/notice";
var uploadPath = ctx + "api/deal/getQiniu";
// 富文本编辑器:1.引入4个summernote文件(2个css和2个js)
// 富文本编辑器:2.js初始化
// 富文本编辑器:3.重写图片(七牛云)上传
function sendFile(file, editor, welEditable){
var layerIndex = layer.load(0);
$.ajax({
url: uploadPath, success: function (res) {
// console.log(res.data);
var data = res.data;
var token = data.qiniu;
var domain = data.url;
var config = {
useCdnDomain: true,
disableStatisticsReport: false,
retryCount: 6,
region: null
};
var putExtra = {
fname: "",
params: {},
mimeType: null
};
// 设置next,error,complete对应的操作,分别处理相应的进度信息,错误信息,以及完成后的操作
var error = function (err) {
console.log(err);
layer.close(layerIndex);
layer.alert('上传失败!');
return;
};
var complete = function (res) {
var imageUrl = domain + res.key;
editor.insertImage(welEditable, imageUrl);
layer.close(layerIndex);
};
var next = function (response) {
console.log(response);
};
var subObject = {
next: next,
error: error,
complete: complete
};
// 调用sdk上传接口获得相应的observable,控制上传和暂停
observable = qiniu.upload(file, null, token, putExtra, config);
observable.subscribe(subObject);
}
});
}
$(function() {
$('.summernote').summernote({
height : '220px',
lang : 'zh-CN',
onImageUpload: function(files,editor,welEditable) {
sendFile(files[0],editor,welEditable);
}
});
var content = $("#noticeContent").val();
$('#editor').code(content);
});
$("#form-notice-add").validate({
rules:{
noticeTitle:{
required:true,
}
},
submitHandler: function(form) {
var sHTML = $('.summernote').code();
$("#noticeContent").val(sHTML);
$.operate.save(prefix + "/add", $('#form-notice-add').serialize());
}
});
</script>
</body>
</html>
关键代码 七牛云参数从服务器获取
var uploadPath = ctx + "api/deal/getQiniu";
// 富文本编辑器:1.引入4个summernote文件(2个css和2个js)
// 富文本编辑器:2.js初始化
// 富文本编辑器:3.重写图片(七牛云)上传
function sendFile(file, editor, welEditable){
var layerIndex = layer.load(0);
$.ajax({
url: uploadPath, success: function (res) {
// console.log(res.data);
var data = res.data;
//七牛云上传 token
var token = data.qiniu;
// 七牛云上传地址
var domain = data.url;
var config = {
useCdnDomain: true,
disableStatisticsReport: false,
retryCount: 6,
region: null
};
var putExtra = {
fname: "",
params: {},
mimeType: null
};
// 设置next,error,complete对应的操作,分别处理相应的进度信息,错误信息,以及完成后的操作
var error = function (err) {
console.log(err);
layer.close(layerIndex);
layer.alert('上传失败!');
return;
};
var complete = function (res) {
var imageUrl = domain + res.key;
editor.insertImage(welEditable, imageUrl);
layer.close(layerIndex);
};
var next = function (response) {
console.log(response);
};
var subObject = {
next: next,
error: error,
complete: complete
};
// 调用sdk上传接口获得相应的observable,控制上传和暂停
observable = qiniu.upload(file, null, token, putExtra, config);
observable.subscribe(subObject);
}
});
}
$(function() {
$('.summernote').summernote({
height : '220px',
lang : 'zh-CN',
onImageUpload: function(files,editor,welEditable) {
sendFile(files[0],editor,welEditable);
}
});
var content = $("#noticeContent").val();
$('#editor').code(content);
});
qiniu.min.js
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.qiniu=e():t.qiniu=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/dist/",e(e.s=58)}([function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(t,e,n){var r=n(30)("wks"),o=n(20),i=n(0).Symbol,u="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=u&&i[t]||(u?i:o)("Symbol."+t))}).store=r},function(t,e,n){var r=n(7);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e,n){var r=n(0),o=n(1),i=n(17),u=n(5),s=n(9),a=function(t,e,n){var c,f,l,p=t&a.F,h=t&a.G,d=t&a.S,v=t&a.P,y=t&a.B,m=t&a.W,g=h?o:o[e]||(o[e]={}),b=g.prototype,_=h?r:d?r[e]:(r[e]||{}).prototype;for(c in h&&(n=e),n)(f=!p&&_&&void 0!==_[c])&&s(g,c)||(l=f?_[c]:n[c],g[c]=h&&"function"!=typeof _[c]?n[c]:y&&f?i(l,r):m&&_[c]==l?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(l):v&&"function"==typeof l?i(Function.call,l):l,v&&((g.virtual||(g.virtual={}))[c]=l,t&a.R&&b&&!b[c]&&u(b,c,l)))};a.F=1,a.G=2,a.S=4,a.P=8,a.B=16,a.W=32,a.U=64,a.R=128,t.exports=a},function(t,e,n){var r=n(6),o=n(19);t.exports=n(8)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var r=n(3),o=n(41),i=n(28),u=Object.defineProperty;e.f=n(8)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return u(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e,n){t.exports=!n(10)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var r=n(45),o=n(26);t.exports=function(t){return r(o(t))}},function(t,e){t.exports=!0},function(t,e){t.exports={}},function(t,e,n){var r=n(44),o=n(31);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}function o(t){return(0,d.default)(t).filter(function(t){return t.startsWith("x:")}).map(function(e){return[e,t[e].toString()]})}function i(t){return"qiniu_js_sdk_upload_file_"+t.name+"_size_"+t.size}function u(t){return{Authorization:"UpToken "+t}}function s(){return window.XMLHttpRequest?new XMLHttpRequest:new window.ActiveXObject("Microsoft.XMLHTTP")}function a(t){return new l.default(function(e,n){var r=new FileReader;r.readAsArrayBuffer(t),r.onload=function(t){var n=t.target.result;e(n)},r.onerror=function(){n(new Error("fileReader 读取错误"))}})}function c(t,e){return new l.default(function(n,r){var o=s();o.open(e.method,t),e.onCreate&&e.onCreate(o),e.headers&&(0,d.default)(e.headers).forEach(function(t){return o.setRequestHeader(t,e.headers[t])}),o.upload.addEventListener("progress",function(t){t.lengthComputable&&e.onProgress&&e.onProgress({loaded:t.loaded,total:t.total})}),o.onreadystatechange=function(){var t=o.responseText;if(4===o.readyState){var e=o.getResponseHeader("x-reqId")||"";if(200!==o.status){var i="xhr request failed, code: "+o.status+";";return t&&(i=i+" response: "+t),void r({code:o.status,message:i,reqId:e,isRequestError:!0})}try{n({data:JSON.parse(t),reqId:e})}catch(t){r(t)}}},o.send(e.body)})}function f(){return"http:"===window.location.protocol?"http:":"https:"}e.__esModule=!0;var l=r(n(24)),p=r(n(54)),h=r(n(86)),d=r(n(55));e.isChunkExpired=function(t){var e=t+864e5;return(new Date).getTime()>e},e.getChunks=function(t,e){for(var n=[],r=Math.ceil(t.size/e),o=0;o<r;o++){var i=t.slice(e*o,o===r-1?t.size:e*(o+1));n.push(i)}return n},e.filterParams=o,e.sum=function(t){return t.reduce(function(t,e){return t+e},0)},e.setLocalFileInfo=function(t,e){try{localStorage.setItem(i(t),(0,h.default)(e))}catch(t){window.console&&window.console.warn&&console.warn("setLocalFileInfo failed")}},e.removeLocalFileInfo=function(t){try{localStorage.removeItem(i(t))}catch(t){window.console&&window.console.warn&&console.warn("removeLocalFileInfo failed")}},e.getLocalFileInfo=function(t){try{return JSON.parse(localStorage.getItem(i(t)))||[]}catch(t){return window.console&&window.console.warn&&console.warn("getLocalFileInfo failed"),[]}},e.createMkFileUrl=function(t,e,n,r){var i=t+"/mkfile/"+e;null!=n&&(i+="/key/"+(0,v.urlSafeBase64Encode)(n)),r.mimeType&&(i+="/mimeType/"+(0,v.urlSafeBase64Encode)(r.mimeType));var u=r.fname;return u&&(i+="/fname/"+(0,v.urlSafeBase64Encode)(u)),r.params&&o(r.params).forEach(function(t){return i+="/"+encodeURIComponent(t[0])+"/"+(0,v.urlSafeBase64Encode)(t[1])}),i},e.getHeadersForChunkUpload=function(t){var e=u(t);return(0,p.default)({"content-type":"application/octet-stream"},e)},e.getHeadersForMkFile=function(t){var e=u(t);return(0,p.default)({"content-type":"text/plain"},e)},e.createXHR=s,e.computeMd5=function(t){return a(t).then(function(t){var e=new m.default.ArrayBuffer;return e.append(t),e.end()})},e.readAsArrayBuffer=a,e.request=c,e.getPortFromUrl=function(t){if(t&&t.match){var e=t.match(/(^https?)/);if(!e)return"";var n=e[1];return(e=t.match(/^https?:\/\/([^:^\/]*):(\d*)/))?e[2]:"http"===n?"80":"443"}return""},e.getDomainFromUrl=function(t){if(t&&t.match){var e=t.match(/^https?:\/\/([^:^\/]*)/);return e?e[1]:""}return""},e.getUploadUrl=function(t,e){var n=f();if(null!=t.region){var r=y.regionUphostMap[t.region],o=t.useCdnDomain?r.cdnUphost:r.srcUphost;return l.default.resolve(n+"//"+o)}return function(t){try{var e=function(t){var e=t.split(":"),n=e[0],r=JSON.parse((0,v.urlSafeBase64Decode)(e[2]));return r.ak=n,r.bucket=r.scope.split(":")[0],r}(t);return c(f()+"//api.qiniu.com/v2/query?ak="+e.ak+"&bucket="+e.bucket,{method:"GET"})}catch(t){return l.default.reject(t)}}(e).then(function(t){var e=t.data.up.acc.main;return n+"//"+e[0]})},e.isContainFileMimeType=function(t,e){return e.indexOf(t)>-1};var v=n(56),y=n(37),m=r(n(91))},function(t,e,n){var r=n(18);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e,n){var r=n(6).f,o=n(9),i=n(2)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){"use strict";e.__esModule=!0,e.default=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},function(t,e,n){t.exports={default:n(59),__esModule:!0}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){var r=n(7),o=n(0).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e,n){var r=n(7);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){var r=n(30)("keys"),o=n(20);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e,n){var r=n(1),o=n(0),i=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(12)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var r=n(26);t.exports=function(t){return Object(r(t))}},function(t,e,n){"use strict";var r=n(18);t.exports.f=function(t){return new function(t){var e,n;this.promise=new t(function(t,r){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=r}),this.resolve=r(e),this.reject=r(n)}(t)}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){e.f=n(2)},function(t,e,n){var r=n(0),o=n(1),i=n(12),u=n(35),s=n(6).f;t.exports=function(t){var e=o.Symbol||(o.Symbol=i?{}:r.Symbol||{});"_"==t.charAt(0)||t in e||s(e,t,{value:u.f(t)})}},function(t,e,n){"use strict";e.__esModule=!0,e.regionUphostMap={z0:{srcUphost:"up.qiniup.com",cdnUphost:"upload.qiniup.com"},z1:{srcUphost:"up-z1.qiniup.com",cdnUphost:"upload-z1.qiniup.com"},z2:{srcUphost:"up-z2.qiniup.com",cdnUphost:"upload-z2.qiniup.com"},na0:{srcUphost:"up-na0.qiniup.com",cdnUphost:"upload-na0.qiniup.com"},as0:{srcUphost:"up-as0.qiniup.com",cdnUphost:"upload-as0.qiniup.com"}},e.region={z0:"z0",z1:"z1",z2:"z2",na0:"na0",as0:"as0"}},function(t,e){},function(t,e,n){"use strict";var r=n(60)(!0);n(40)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){"use strict";var r=n(12),o=n(4),i=n(42),u=n(5),s=n(13),a=n(61),c=n(21),f=n(65),l=n(2)("iterator"),p=!([].keys&&"next"in[].keys()),h=function(){return this};t.exports=function(t,e,n,d,v,y,m){a(n,e,d);var g,b,_,x=function(t){if(!p&&t in C)return C[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},w=e+" Iterator",S="values"==v,k=!1,C=t.prototype,P=C[l]||C["@@iterator"]||v&&C[v],O=P||x(v),M=v?S?x("entries"):O:void 0,U="Array"==e&&C.entries||P;if(U&&(_=f(U.call(new t)))!==Object.prototype&&_.next&&(c(_,w,!0),r||"function"==typeof _[l]||u(_,l,h)),S&&P&&"values"!==P.name&&(k=!0,O=function(){return P.call(this)}),r&&!m||!p&&!k&&C[l]||u(C,l,O),s[e]=O,s[w]=h,v)if(g={values:S?O:x("values"),keys:y?O:x("keys"),entries:M},m)for(b in g)b in C||i(C,b,g[b]);else o(o.P+o.F*(p||k),e,g);return g}},function(t,e,n){t.exports=!n(8)&&!n(10)(function(){return 7!=Object.defineProperty(n(27)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){t.exports=n(5)},function(t,e,n){var r=n(3),o=n(62),i=n(31),u=n(29)("IE_PROTO"),s=function(){},a=function(){var t,e=n(27)("iframe"),r=i.length;for(e.style.display="none",n(47).appendChild(e),e.src="javascript:",(t=e.contentWindow.document).open(),t.write("<script>document.F=Object<\/script>"),t.close(),a=t.F;r--;)delete a.prototype[i[r]];return a()};t.exports=Object.create||function(t,e){var n;return null!==t?(s.prototype=r(t),n=new s,s.prototype=null,n[u]=t):n=a(),void 0===e?n:o(n,e)}},function(t,e,n){var r=n(9),o=n(11),i=n(63)(!1),u=n(29)("IE_PROTO");t.exports=function(t,e){var n,s=o(t),a=0,c=[];for(n in s)n!=u&&r(s,n)&&c.push(n);for(;e.length>a;)r(s,n=e[a++])&&(~i(c,n)||c.push(n));return c}},function(t,e,n){var r=n(15);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e,n){var r=n(25),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(0).document;t.exports=r&&r.documentElement},function(t,e,n){n(66);for(var r=n(0),o=n(5),i=n(13),u=n(2)("toStringTag"),s="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),a=0;a<s.length;a++){var c=s[a],f=r[c],l=f&&f.prototype;l&&!l[u]&&o(l,u,c),i[c]=i.Array}},function(t,e,n){var r=n(15),o=n(2)("toStringTag"),i="Arguments"==r(function(){return arguments}());t.exports=function(t){var e,n,u;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),o))?n:i?r(e):"Object"==(u=r(e))&&"function"==typeof e.callee?"Arguments":u}},function(t,e,n){var r=n(3),o=n(18),i=n(2)("species");t.exports=function(t,e){var n,u=r(t).constructor;return void 0===u||void 0==(n=r(u)[i])?e:o(n)}},function(t,e,n){var r,o,i,u=n(17),s=n(75),a=n(47),c=n(27),f=n(0),l=f.process,p=f.setImmediate,h=f.clearImmediate,d=f.MessageChannel,v=f.Dispatch,y=0,m={},g=function(){var t=+this;if(m.hasOwnProperty(t)){var e=m[t];delete m[t],e()}},b=function(t){g.call(t.data)};p&&h||(p=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return m[++y]=function(){s("function"==typeof t?t:Function(t),e)},r(y),y},h=function(t){delete m[t]},"process"==n(15)(l)?r=function(t){l.nextTick(u(g,t,1))}:v&&v.now?r=function(t){v.now(u(g,t,1))}:d?(i=(o=new d).port2,o.port1.onmessage=b,r=u(i.postMessage,i,1)):f.addEventListener&&"function"==typeof postMessage&&!f.importScripts?(r=function(t){f.postMessage(t+"","*")},f.addEventListener("message",b,!1)):r="onreadystatechange"in c("script")?function(t){a.appendChild(c("script")).onreadystatechange=function(){a.removeChild(this),g.call(t)}}:function(t){setTimeout(u(g,t,1),0)}),t.exports={set:p,clear:h}},function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,e,n){var r=n(3),o=n(7),i=n(33);t.exports=function(t,e){if(r(t),o(e)&&e.constructor===t)return e;var n=i.f(t);return(0,n.resolve)(e),n.promise}},function(t,e,n){t.exports={default:n(83),__esModule:!0}},function(t,e,n){t.exports={default:n(88),__esModule:!0}},function(t,e,n){"use strict";e.__esModule=!0,e.urlSafeBase64Encode=function(t){return(t=function(t){var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n=void 0,r=void 0,o=void 0,i=void 0,u=void 0,s=void 0,a=void 0,c=void 0,f=0,l=0,p="",h=[];if(!t)return t;t=function(t){if(null===t||void 0===t)return"";var e=t+"",n="",r=void 0,o=void 0,i=0;r=o=0,i=e.length;for(var u=0;u<i;u++){var s=e.charCodeAt(u),a=null;if(s<128)o++;else if(s>127&&s<2048)a=String.fromCharCode(s>>6|192,63&s|128);else if(63488&s^!0)a=String.fromCharCode(s>>12|224,s>>6&63|128,63&s|128);else{if(64512&s^!0)throw new RangeError("Unmatched trail surrogate at "+u);var c=e.charCodeAt(++u);if(64512&c^!0)throw new RangeError("Unmatched lead surrogate at "+(u-1));s=((1023&s)<<10)+(1023&c)+65536,a=String.fromCharCode(s>>18|240,s>>12&63|128,s>>6&63|128,63&s|128)}null!==a&&(o>r&&(n+=e.slice(r,o)),n+=a,r=o=u+1)}return o>r&&(n+=e.slice(r,i)),n}(t+"");do{n=t.charCodeAt(f++),r=t.charCodeAt(f++),o=t.charCodeAt(f++),i=(c=n<<16|r<<8|o)>>18&63,u=c>>12&63,s=c>>6&63,a=63&c,h[l++]=e.charAt(i)+e.charAt(u)+e.charAt(s)+e.charAt(a)}while(f<t.length);switch(p=h.join(""),t.length%3){case 1:p=p.slice(0,-2)+"==";break;case 2:p=p.slice(0,-1)+"="}return p}(t)).replace(/\//g,"_").replace(/\+/g,"-")},e.urlSafeBase64Decode=function(t){return function(t){var e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n=void 0,r=void 0,o=void 0,i=void 0,u=void 0,s=void 0,a=void 0,c=void 0,f=0,l=0,p=[];if(!t)return t;t+="";do{i=e.indexOf(t.charAt(f++)),u=e.indexOf(t.charAt(f++)),s=e.indexOf(t.charAt(f++)),a=e.indexOf(t.charAt(f++)),n=(c=i<<18|u<<12|s<<6|a)>>16&255,r=c>>8&255,o=255&c,p[l++]=64===s?String.fromCharCode(n):64===a?String.fromCharCode(n,r):String.fromCharCode(n,r,o)}while(f<t.length);return p.join("")}(t=t.replace(/_/g,"/").replace(/-/g,"+"))}},function(t,e,n){var r=n(44),o=n(31).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return r(t,o)}},function(t,e,n){"use strict";e.__esModule=!0,e.pipeline=e.exif=e.imageInfo=e.watermark=e.imageMogr2=e.getUploadUrl=e.filterParams=e.getHeadersForMkFile=e.getHeadersForChunkUpload=e.createMkFileUrl=e.region=e.upload=void 0;var r=n(37),o=n(16),i=n(92),u=n(94),s=n(95),a=new(n(109).StatisticsLogger);e.upload=function(t,e,n,r,o){var u={file:t,key:e,token:n,putExtra:r,config:o};return new s.Observable(function(t){var e=new i.UploadManager(u,{onData:function(e){return t.next(e)},onError:function(e){return t.error(e)},onComplete:function(e){return t.complete(e)}},a);return e.putFile(),e.stop.bind(e)})},e.region=r.region,e.createMkFileUrl=o.createMkFileUrl,e.getHeadersForChunkUpload=o.getHeadersForChunkUpload,e.getHeadersForMkFile=o.getHeadersForMkFile,e.filterParams=o.filterParams,e.getUploadUrl=o.getUploadUrl,e.imageMogr2=u.imageMogr2,e.watermark=u.watermark,e.imageInfo=u.imageInfo,e.exif=u.exif,e.pipeline=u.pipeline},function(t,e,n){n(38),n(39),n(48),n(69),n(81),n(82),t.exports=n(1).Promise},function(t,e,n){var r=n(25),o=n(26);t.exports=function(t){return function(e,n){var i,u,s=String(o(e)),a=r(n),c=s.length;return a<0||a>=c?t?"":void 0:(i=s.charCodeAt(a))<55296||i>56319||a+1===c||(u=s.charCodeAt(a+1))<56320||u>57343?t?s.charAt(a):i:t?s.slice(a,a+2):u-56320+(i-55296<<10)+65536}}},function(t,e,n){"use strict";var r=n(43),o=n(19),i=n(21),u={};n(5)(u,n(2)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(u,{next:o(1,n)}),i(t,e+" Iterator")}},function(t,e,n){var r=n(6),o=n(3),i=n(14);t.exports=n(8)?Object.defineProperties:function(t,e){o(t);for(var n,u=i(e),s=u.length,a=0;s>a;)r.f(t,n=u[a++],e[n]);return t}},function(t,e,n){var r=n(11),o=n(46),i=n(64);t.exports=function(t){return function(e,n,u){var s,a=r(e),c=o(a.length),f=i(u,c);if(t&&n!=n){for(;c>f;)if((s=a[f++])!=s)return!0}else for(;c>f;f++)if((t||f in a)&&a[f]===n)return t||f||0;return!t&&-1}}},function(t,e,n){var r=n(25),o=Math.max,i=Math.min;t.exports=function(t,e){return(t=r(t))<0?o(t+e,0):i(t,e)}},function(t,e,n){var r=n(9),o=n(32),i=n(29)("IE_PROTO"),u=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?u:null}},function(t,e,n){"use strict";var r=n(67),o=n(68),i=n(13),u=n(11);t.exports=n(40)(Array,"Array",function(t,e){this._t=u(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):o(0,"keys"==e?n:"values"==e?t[n]:[n,t[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(t,e){t.exports=function(){}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){"use strict";var r,o,i,u,s=n(12),a=n(0),c=n(17),f=n(49),l=n(4),p=n(7),h=n(18),d=n(70),v=n(71),y=n(50),m=n(51).set,g=n(76)(),b=n(33),_=n(52),x=n(77),w=n(53),S=a.TypeError,k=a.process,C=k&&k.versions,P=C&&C.v8||"",O=a.Promise,M="process"==f(k),U=function(){},E=o=b.f,A=!!function(){try{var t=O.resolve(1),e=(t.constructor={})[n(2)("species")]=function(t){t(U,U)};return(M||"function"==typeof PromiseRejectionEvent)&&t.then(U)instanceof e&&0!==P.indexOf("6.6")&&-1===x.indexOf("Chrome/66")}catch(t){}}(),j=function(t){var e;return!(!p(t)||"function"!=typeof(e=t.then))&&e},I=function(t,e){if(!t._n){t._n=!0;var n=t._c;g(function(){for(var r=t._v,o=1==t._s,i=0;n.length>i;)!function(e){var n,i,u,s=o?e.ok:e.fail,a=e.resolve,c=e.reject,f=e.domain;try{s?(o||(2==t._h&&T(t),t._h=1),!0===s?n=r:(f&&f.enter(),n=s(r),f&&(f.exit(),u=!0)),n===e.promise?c(S("Promise-chain cycle")):(i=j(n))?i.call(n,a,c):a(n)):c(r)}catch(t){f&&!u&&f.exit(),c(t)}}(n[i++]);t._c=[],t._n=!1,e&&!t._h&&F(t)})}},F=function(t){m.call(a,function(){var e,n,r,o=t._v,i=L(t);if(i&&(e=_(function(){M?k.emit("unhandledRejection",o,t):(n=a.onunhandledrejection)?n({promise:t,reason:o}):(r=a.console)&&r.error&&r.error("Unhandled promise rejection",o)}),t._h=M||L(t)?2:1),t._a=void 0,i&&e.e)throw e.v})},L=function(t){return 1!==t._h&&0===(t._a||t._c).length},T=function(t){m.call(a,function(){var e;M?k.emit("rejectionHandled",t):(e=a.onrejectionhandled)&&e({promise:t,reason:t._v})})},R=function(t){var e=this;e._d||(e._d=!0,(e=e._w||e)._v=t,e._s=2,e._a||(e._a=e._c.slice()),I(e,!0))},q=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw S("Promise can't be resolved itself");(e=j(t))?g(function(){var r={_w:n,_d:!1};try{e.call(t,c(q,r,1),c(R,r,1))}catch(t){R.call(r,t)}}):(n._v=t,n._s=1,I(n,!1))}catch(t){R.call({_w:n,_d:!1},t)}}};A||(O=function(t){d(this,O,"Promise","_h"),h(t),r.call(this);try{t(c(q,this,1),c(R,this,1))}catch(t){R.call(this,t)}},(r=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1}).prototype=n(78)(O.prototype,{then:function(t,e){var n=E(y(this,O));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=M?k.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&I(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),i=function(){var t=new r;this.promise=t,this.resolve=c(q,t,1),this.reject=c(R,t,1)},b.f=E=function(t){return t===O||t===u?new i(t):o(t)}),l(l.G+l.W+l.F*!A,{Promise:O}),n(21)(O,"Promise"),n(79)("Promise"),u=n(1).Promise,l(l.S+l.F*!A,"Promise",{reject:function(t){var e=E(this);return(0,e.reject)(t),e.promise}}),l(l.S+l.F*(s||!A),"Promise",{resolve:function(t){return w(s&&this===u?O:this,t)}}),l(l.S+l.F*!(A&&n(80)(function(t){O.all(t).catch(U)})),"Promise",{all:function(t){var e=this,n=E(e),r=n.resolve,o=n.reject,i=_(function(){var n=[],i=0,u=1;v(t,!1,function(t){var s=i++,a=!1;n.push(void 0),u++,e.resolve(t).then(function(t){a||(a=!0,n[s]=t,--u||r(n))},o)}),--u||r(n)});return i.e&&o(i.v),n.promise},race:function(t){var e=this,n=E(e),r=n.reject,o=_(function(){v(t,!1,function(t){e.resolve(t).then(n.resolve,r)})});return o.e&&r(o.v),n.promise}})},function(t,e){t.exports=function(t,e,n,r){if(!(t instanceof e)||void 0!==r&&r in t)throw TypeError(n+": incorrect invocation!");return t}},function(t,e,n){var r=n(17),o=n(72),i=n(73),u=n(3),s=n(46),a=n(74),c={},f={};(e=t.exports=function(t,e,n,l,p){var h,d,v,y,m=p?function(){return t}:a(t),g=r(n,l,e?2:1),b=0;if("function"!=typeof m)throw TypeError(t+" is not iterable!");if(i(m)){for(h=s(t.length);h>b;b++)if((y=e?g(u(d=t[b])[0],d[1]):g(t[b]))===c||y===f)return y}else for(v=m.call(t);!(d=v.next()).done;)if((y=o(v,g,d.value,e))===c||y===f)return y}).BREAK=c,e.RETURN=f},function(t,e,n){var r=n(3);t.exports=function(t,e,n,o){try{return o?e(r(n)[0],n[1]):e(n)}catch(e){var i=t.return;throw void 0!==i&&r(i.call(t)),e}}},function(t,e,n){var r=n(13),o=n(2)("iterator"),i=Array.prototype;t.exports=function(t){return void 0!==t&&(r.Array===t||i[o]===t)}},function(t,e,n){var r=n(49),o=n(2)("iterator"),i=n(13);t.exports=n(1).getIteratorMethod=function(t){if(void 0!=t)return t[o]||t["@@iterator"]||i[r(t)]}},function(t,e){t.exports=function(t,e,n){var r=void 0===n;switch(e.length){case 0:return r?t():t.call(n);case 1:return r?t(e[0]):t.call(n,e[0]);case 2:return r?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return r?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return r?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},function(t,e,n){var r=n(0),o=n(51).set,i=r.MutationObserver||r.WebKitMutationObserver,u=r.process,s=r.Promise,a="process"==n(15)(u);t.exports=function(){var t,e,n,c=function(){var r,o;for(a&&(r=u.domain)&&r.exit();t;){o=t.fn,t=t.next;try{o()}catch(r){throw t?n():e=void 0,r}}e=void 0,r&&r.enter()};if(a)n=function(){u.nextTick(c)};else if(!i||r.navigator&&r.navigator.standalone)if(s&&s.resolve){var f=s.resolve(void 0);n=function(){f.then(c)}}else n=function(){o.call(r,c)};else{var l=!0,p=document.createTextNode("");new i(c).observe(p,{characterData:!0}),n=function(){p.data=l=!l}}return function(r){var o={fn:r,next:void 0};e&&(e.next=o),t||(t=o,n()),e=o}}},function(t,e,n){var r=n(0).navigator;t.exports=r&&r.userAgent||""},function(t,e,n){var r=n(5);t.exports=function(t,e,n){for(var o in e)n&&t[o]?t[o]=e[o]:r(t,o,e[o]);return t}},function(t,e,n){"use strict";var r=n(0),o=n(1),i=n(6),u=n(8),s=n(2)("species");t.exports=function(t){var e="function"==typeof o[t]?o[t]:r[t];u&&e&&!e[s]&&i.f(e,s,{configurable:!0,get:function(){return this}})}},function(t,e,n){var r=n(2)("iterator"),o=!1;try{var i=[7][r]();i.return=function(){o=!0},Array.from(i,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var i=[7],u=i[r]();u.next=function(){return{done:n=!0}},i[r]=function(){return u},t(i)}catch(t){}return n}},function(t,e,n){"use strict";var r=n(4),o=n(1),i=n(0),u=n(50),s=n(53);r(r.P+r.R,"Promise",{finally:function(t){var e=u(this,o.Promise||i.Promise),n="function"==typeof t;return this.then(n?function(n){return s(e,t()).then(function(){return n})}:t,n?function(n){return s(e,t()).then(function(){throw n})}:t)}})},function(t,e,n){"use strict";var r=n(4),o=n(33),i=n(52);r(r.S,"Promise",{try:function(t){var e=o.f(this),n=i(t);return(n.e?e.reject:e.resolve)(n.v),e.promise}})},function(t,e,n){n(84),t.exports=n(1).Object.assign},function(t,e,n){var r=n(4);r(r.S+r.F,"Object",{assign:n(85)})},function(t,e,n){"use strict";var r=n(14),o=n(34),i=n(22),u=n(32),s=n(45),a=Object.assign;t.exports=!a||n(10)(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=a({},t)[n]||Object.keys(a({},e)).join("")!=r})?function(t,e){for(var n=u(t),a=arguments.length,c=1,f=o.f,l=i.f;a>c;)for(var p,h=s(arguments[c++]),d=f?r(h).concat(f(h)):r(h),v=d.length,y=0;v>y;)l.call(h,p=d[y++])&&(n[p]=h[p]);return n}:a},function(t,e,n){t.exports={default:n(87),__esModule:!0}},function(t,e,n){var r=n(1),o=r.JSON||(r.JSON={stringify:JSON.stringify});t.exports=function(t){return o.stringify.apply(o,arguments)}},function(t,e,n){n(89),t.exports=n(1).Object.keys},function(t,e,n){var r=n(32),o=n(14);n(90)("keys",function(){return function(t){return o(r(t))}})},function(t,e,n){var r=n(4),o=n(1),i=n(10);t.exports=function(t,e){var n=(o.Object||{})[t]||Object[t],u={};u[t]=e(n),r(r.S+r.F*i(function(){n(1)}),"Object",u)}},function(t,e,n){var r;r=function(t){"use strict";function e(t,e){var n=t[0],r=t[1],o=t[2],i=t[3];r=((r+=((o=((o+=((i=((i+=((n=((n+=(r&o|~r&i)+e[0]-680876936|0)<<7|n>>>25)+r|0)&r|~n&o)+e[1]-389564586|0)<<12|i>>>20)+n|0)&n|~i&r)+e[2]+606105819|0)<<17|o>>>15)+i|0)&i|~o&n)+e[3]-1044525330|0)<<22|r>>>10)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r&o|~r&i)+e[4]-176418897|0)<<7|n>>>25)+r|0)&r|~n&o)+e[5]+1200080426|0)<<12|i>>>20)+n|0)&n|~i&r)+e[6]-1473231341|0)<<17|o>>>15)+i|0)&i|~o&n)+e[7]-45705983|0)<<22|r>>>10)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r&o|~r&i)+e[8]+1770035416|0)<<7|n>>>25)+r|0)&r|~n&o)+e[9]-1958414417|0)<<12|i>>>20)+n|0)&n|~i&r)+e[10]-42063|0)<<17|o>>>15)+i|0)&i|~o&n)+e[11]-1990404162|0)<<22|r>>>10)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r&o|~r&i)+e[12]+1804603682|0)<<7|n>>>25)+r|0)&r|~n&o)+e[13]-40341101|0)<<12|i>>>20)+n|0)&n|~i&r)+e[14]-1502002290|0)<<17|o>>>15)+i|0)&i|~o&n)+e[15]+1236535329|0)<<22|r>>>10)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r&i|o&~i)+e[1]-165796510|0)<<5|n>>>27)+r|0)&o|r&~o)+e[6]-1069501632|0)<<9|i>>>23)+n|0)&r|n&~r)+e[11]+643717713|0)<<14|o>>>18)+i|0)&n|i&~n)+e[0]-373897302|0)<<20|r>>>12)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r&i|o&~i)+e[5]-701558691|0)<<5|n>>>27)+r|0)&o|r&~o)+e[10]+38016083|0)<<9|i>>>23)+n|0)&r|n&~r)+e[15]-660478335|0)<<14|o>>>18)+i|0)&n|i&~n)+e[4]-405537848|0)<<20|r>>>12)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r&i|o&~i)+e[9]+568446438|0)<<5|n>>>27)+r|0)&o|r&~o)+e[14]-1019803690|0)<<9|i>>>23)+n|0)&r|n&~r)+e[3]-187363961|0)<<14|o>>>18)+i|0)&n|i&~n)+e[8]+1163531501|0)<<20|r>>>12)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r&i|o&~i)+e[13]-1444681467|0)<<5|n>>>27)+r|0)&o|r&~o)+e[2]-51403784|0)<<9|i>>>23)+n|0)&r|n&~r)+e[7]+1735328473|0)<<14|o>>>18)+i|0)&n|i&~n)+e[12]-1926607734|0)<<20|r>>>12)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r^o^i)+e[5]-378558|0)<<4|n>>>28)+r|0)^r^o)+e[8]-2022574463|0)<<11|i>>>21)+n|0)^n^r)+e[11]+1839030562|0)<<16|o>>>16)+i|0)^i^n)+e[14]-35309556|0)<<23|r>>>9)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r^o^i)+e[1]-1530992060|0)<<4|n>>>28)+r|0)^r^o)+e[4]+1272893353|0)<<11|i>>>21)+n|0)^n^r)+e[7]-155497632|0)<<16|o>>>16)+i|0)^i^n)+e[10]-1094730640|0)<<23|r>>>9)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r^o^i)+e[13]+681279174|0)<<4|n>>>28)+r|0)^r^o)+e[0]-358537222|0)<<11|i>>>21)+n|0)^n^r)+e[3]-722521979|0)<<16|o>>>16)+i|0)^i^n)+e[6]+76029189|0)<<23|r>>>9)+o|0,r=((r+=((o=((o+=((i=((i+=((n=((n+=(r^o^i)+e[9]-640364487|0)<<4|n>>>28)+r|0)^r^o)+e[12]-421815835|0)<<11|i>>>21)+n|0)^n^r)+e[15]+530742520|0)<<16|o>>>16)+i|0)^i^n)+e[2]-995338651|0)<<23|r>>>9)+o|0,r=((r+=((i=((i+=(r^((n=((n+=(o^(r|~i))+e[0]-198630844|0)<<6|n>>>26)+r|0)|~o))+e[7]+1126891415|0)<<10|i>>>22)+n|0)^((o=((o+=(n^(i|~r))+e[14]-1416354905|0)<<15|o>>>17)+i|0)|~n))+e[5]-57434055|0)<<21|r>>>11)+o|0,r=((r+=((i=((i+=(r^((n=((n+=(o^(r|~i))+e[12]+1700485571|0)<<6|n>>>26)+r|0)|~o))+e[3]-1894986606|0)<<10|i>>>22)+n|0)^((o=((o+=(n^(i|~r))+e[10]-1051523|0)<<15|o>>>17)+i|0)|~n))+e[1]-2054922799|0)<<21|r>>>11)+o|0,r=((r+=((i=((i+=(r^((n=((n+=(o^(r|~i))+e[8]+1873313359|0)<<6|n>>>26)+r|0)|~o))+e[15]-30611744|0)<<10|i>>>22)+n|0)^((o=((o+=(n^(i|~r))+e[6]-1560198380|0)<<15|o>>>17)+i|0)|~n))+e[13]+1309151649|0)<<21|r>>>11)+o|0,r=((r+=((i=((i+=(r^((n=((n+=(o^(r|~i))+e[4]-145523070|0)<<6|n>>>26)+r|0)|~o))+e[11]-1120210379|0)<<10|i>>>22)+n|0)^((o=((o+=(n^(i|~r))+e[2]+718787259|0)<<15|o>>>17)+i|0)|~n))+e[9]-343485551|0)<<21|r>>>11)+o|0,t[0]=n+t[0]|0,t[1]=r+t[1]|0,t[2]=o+t[2]|0,t[3]=i+t[3]|0}function n(t){var e,n=[];for(e=0;e<64;e+=4)n[e>>2]=t.charCodeAt(e)+(t.charCodeAt(e+1)<<8)+(t.charCodeAt(e+2)<<16)+(t.charCodeAt(e+3)<<24);return n}function r(t){var e,n=[];for(e=0;e<64;e+=4)n[e>>2]=t[e]+(t[e+1]<<8)+(t[e+2]<<16)+(t[e+3]<<24);return n}function o(t){var r,o,i,u,s,a,c=t.length,f=[1732584193,-271733879,-1732584194,271733878];for(r=64;r<=c;r+=64)e(f,n(t.substring(r-64,r)));for(o=(t=t.substring(r-64)).length,i=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],r=0;r<o;r+=1)i[r>>2]|=t.charCodeAt(r)<<(r%4<<3);if(i[r>>2]|=128<<(r%4<<3),r>55)for(e(f,i),r=0;r<16;r+=1)i[r]=0;return u=(u=8*c).toString(16).match(/(.*?)(.{0,8})$/),s=parseInt(u[2],16),a=parseInt(u[1],16)||0,i[14]=s,i[15]=a,e(f,i),f}function i(t){var e,n="";for(e=0;e<4;e+=1)n+=f[t>>8*e+4&15]+f[t>>8*e&15];return n}function u(t){var e;for(e=0;e<t.length;e+=1)t[e]=i(t[e]);return t.join("")}function s(t){return/[\u0080-\uFFFF]/.test(t)&&(t=unescape(encodeURIComponent(t))),t}function a(t){var e,n=[],r=t.length;for(e=0;e<r-1;e+=2)n.push(parseInt(t.substr(e,2),16));return String.fromCharCode.apply(String,n)}function c(){this.reset()}var f=["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];return u(o("hello")),"undefined"==typeof ArrayBuffer||ArrayBuffer.prototype.slice||function(){function e(t,e){return(t=0|t||0)<0?Math.max(t+e,0):Math.min(t,e)}ArrayBuffer.prototype.slice=function(n,r){var o,i,u,s,a=this.byteLength,c=e(n,a),f=a;return r!==t&&(f=e(r,a)),c>f?new ArrayBuffer(0):(o=f-c,i=new ArrayBuffer(o),u=new Uint8Array(i),s=new Uint8Array(this,c,o),u.set(s),i)}}(),c.prototype.append=function(t){return this.appendBinary(s(t)),this},c.prototype.appendBinary=function(t){this._buff+=t,this._length+=t.length;var r,o=this._buff.length;for(r=64;r<=o;r+=64)e(this._hash,n(this._buff.substring(r-64,r)));return this._buff=this._buff.substring(r-64),this},c.prototype.end=function(t){var e,n,r=this._buff,o=r.length,i=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];for(e=0;e<o;e+=1)i[e>>2]|=r.charCodeAt(e)<<(e%4<<3);return this._finish(i,o),n=u(this._hash),t&&(n=a(n)),this.reset(),n},c.prototype.reset=function(){return this._buff="",this._length=0,this._hash=[1732584193,-271733879,-1732584194,271733878],this},c.prototype.getState=function(){return{buff:this._buff,length:this._length,hash:this._hash}},c.prototype.setState=function(t){return this._buff=t.buff,this._length=t.length,this._hash=t.hash,this},c.prototype.destroy=function(){delete this._hash,delete this._buff,delete this._length},c.prototype._finish=function(t,n){var r,o,i,u=n;if(t[u>>2]|=128<<(u%4<<3),u>55)for(e(this._hash,t),u=0;u<16;u+=1)t[u]=0;r=(r=8*this._length).toString(16).match(/(.*?)(.{0,8})$/),o=parseInt(r[2],16),i=parseInt(r[1],16)||0,t[14]=o,t[15]=i,e(this._hash,t)},c.hash=function(t,e){return c.hashBinary(s(t),e)},c.hashBinary=function(t,e){var n=u(o(t));return e?a(n):n},c.ArrayBuffer=function(){this.reset()},c.ArrayBuffer.prototype.append=function(t){var n,o,i,u,s,a=(o=this._buff.buffer,i=t,u=!0,(s=new Uint8Array(o.byteLength+i.byteLength)).set(new Uint8Array(o)),s.set(new Uint8Array(i),o.byteLength),u?s:s.buffer),c=a.length;for(this._length+=t.byteLength,n=64;n<=c;n+=64)e(this._hash,r(a.subarray(n-64,n)));return this._buff=n-64<c?new Uint8Array(a.buffer.slice(n-64)):new Uint8Array(0),this},c.ArrayBuffer.prototype.end=function(t){var e,n,r=this._buff,o=r.length,i=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];for(e=0;e<o;e+=1)i[e>>2]|=r[e]<<(e%4<<3);return this._finish(i,o),n=u(this._hash),t&&(n=a(n)),this.reset(),n},c.ArrayBuffer.prototype.reset=function(){return this._buff=new Uint8Array(0),this._length=0,this._hash=[1732584193,-271733879,-1732584194,271733878],this},c.ArrayBuffer.prototype.getState=function(){var t,e=c.prototype.getState.call(this);return e.buff=(t=e.buff,String.fromCharCode.apply(null,new Uint8Array(t))),e},c.ArrayBuffer.prototype.setState=function(t){return t.buff=function(t,e){var n,r=t.length,o=new ArrayBuffer(r),i=new Uint8Array(o);for(n=0;n<r;n+=1)i[n]=t.charCodeAt(n);return i}(t.buff),c.prototype.setState.call(this,t)},c.ArrayBuffer.prototype.destroy=c.prototype.destroy,c.ArrayBuffer.prototype._finish=c.prototype._finish,c.ArrayBuffer.hash=function(t,n){var o=u(function(t){var n,o,i,u,s,a,c=t.length,f=[1732584193,-271733879,-1732584194,271733878];for(n=64;n<=c;n+=64)e(f,r(t.subarray(n-64,n)));for(o=(t=n-64<c?t.subarray(n-64):new Uint8Array(0)).length,i=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],n=0;n<o;n+=1)i[n>>2]|=t[n]<<(n%4<<3);if(i[n>>2]|=128<<(n%4<<3),n>55)for(e(f,i),n=0;n<16;n+=1)i[n]=0;return u=(u=8*c).toString(16).match(/(.*?)(.{0,8})$/),s=parseInt(u[2],16),a=parseInt(u[1],16)||0,i[14]=s,i[15]=a,e(f,i),f}(new Uint8Array(t)));return n?a(o):o},c},t.exports=r()},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0,e.UploadManager=void 0;var o=r(n(24)),i=r(n(54)),u=r(n(23)),s=n(16),a=n(93);e.UploadManager=function(){function t(e,n,r){var o=this;(0,u.default)(this,t),this.config=(0,i.default)({useCdnDomain:!0,disableStatisticsReport:!1,retryCount:3,checkByMD5:!1,concurrentRequestLimit:3,region:null},e.config),this.putExtra=(0,i.default)({fname:"",params:{},mimeType:null},e.putExtra),this.statisticsLogger=r,this.progress=null,this.xhrList=[],this.xhrHandler=function(t){return o.xhrList.push(t)},this.aborted=!1,this.file=e.file,this.key=e.key,this.token=e.token,this.onData=function(){},this.onError=function(){},this.onComplete=function(){},this.retryCount=0,(0,i.default)(this,n)}return t.prototype.putFile=function(){var t=this;if(this.aborted=!1,this.putExtra.fname||(this.putExtra.fname=this.file.name),this.putExtra.mimeType&&this.putExtra.mimeType.length&&!(0,s.isContainFileMimeType)(this.file.type,this.putExtra.mimeType)){var e=new Error("file type doesn't match with what you specify");return this.onError(e),o.default.reject(e)}var n=(0,s.getUploadUrl)(this.config,this.token).then(function(e){return t.uploadUrl=e,t.uploadAt=(new Date).getTime(),t.file.size>4194304?t.resumeUpload():t.directUpload()});return n.then(function(e){t.onComplete(e.data),t.config.disableStatisticsReport||t.sendLog(e.reqId,200)},function(e){if(t.clear(),e.isRequestError&&!t.config.disableStatisticsReport){var n=t.aborted?"":e.reqId,r=t.aborted?-2:e.code;t.sendLog(n,r)}var o=e.isRequestError&&0===e.code&&!t.aborted,i=++t.retryCount<=t.config.retryCount;o&&i?t.putFile():t.onError(e)}),n},t.prototype.clear=function(){this.xhrList.forEach(function(t){return t.abort()}),this.xhrList=[]},t.prototype.stop=function(){this.clear(),this.aborted=!0},t.prototype.sendLog=function(t,e){this.statisticsLogger.log({code:e,reqId:t,host:(0,s.getDomainFromUrl)(this.uploadUrl),remoteIp:"",port:(0,s.getPortFromUrl)(this.uploadUrl),duration:((new Date).getTime()-this.uploadAt)/1e3,time:Math.floor(this.uploadAt/1e3),bytesSent:this.progress?this.progress.total.loaded:0,upType:"jssdk-h5",size:this.file.size},this.token)},t.prototype.directUpload=function(){var t=this,e=new FormData;return e.append("file",this.file),e.append("token",this.token),null!=this.key&&e.append("key",this.key),e.append("fname",this.putExtra.fname),(0,s.filterParams)(this.putExtra.params).forEach(function(t){return e.append(t[0],t[1])}),(0,s.request)(this.uploadUrl,{method:"POST",body:e,onProgress:function(e){t.updateDirectProgress(e.loaded,e.total)},onCreate:this.xhrHandler}).then(function(e){return t.finishDirectProgress(),e})},t.prototype.resumeUpload=function(){var t=this;this.loaded={mkFileProgress:0,chunks:null},this.ctxList=[],this.localInfo=(0,s.getLocalFileInfo)(this.file),this.chunks=(0,s.getChunks)(this.file,4194304),this.initChunksProgress();var e=new a.Pool(function(e){return t.uploadChunk(e)},this.config.concurrentRequestLimit),n=this.chunks.map(function(t,n){return e.enqueue({chunk:t,index:n})}),r=o.default.all(n).then(function(){return t.mkFileReq()});return r.then(function(e){(0,s.removeLocalFileInfo)(t.file)},function(e){701!==e.code?(0,s.setLocalFileInfo)(t.file,t.ctxList):(0,s.removeLocalFileInfo)(t.file)}),r},t.prototype.uploadChunk=function(t){var e=this,n=t.index,r=t.chunk,i=this.localInfo[n],u=this.uploadUrl+"/mkblk/"+r.size,a=i&&!(0,s.isChunkExpired)(i.time),c=this.config.checkByMD5,f=function(){return e.updateChunkProgress(r.size,n),e.ctxList[n]={ctx:i.ctx,time:i.time,md5:i.md5},o.default.resolve(null)};return a&&!c?f():(0,s.computeMd5)(r).then(function(t){if(a&&t===i.md5)return f();var o=(0,s.getHeadersForChunkUpload)(e.token),c=e.xhrHandler;return(0,s.request)(u,{method:"POST",headers:o,body:r,onProgress:function(t){e.updateChunkProgress(t.loaded,n)},onCreate:c}).then(function(r){e.ctxList[n]={time:(new Date).getTime(),ctx:r.data.ctx,md5:t}})})},t.prototype.mkFileReq=function(){var t=this,e=(0,i.default)({mimeType:"application/octet-stream"},this.putExtra),n=(0,s.createMkFileUrl)(this.uploadUrl,this.file.size,this.key,e),r=this.ctxList.map(function(t){return t.ctx}).join(","),u=(0,s.getHeadersForMkFile)(this.token),a=this.xhrHandler;return(0,s.request)(n,{method:"POST",body:r,headers:u,onCreate:a}).then(function(e){return t.updateMkFileProgress(1),o.default.resolve(e)})},t.prototype.updateDirectProgress=function(t,e){this.progress={total:this.getProgressInfoItem(t,e+1)},this.onData(this.progress)},t.prototype.finishDirectProgress=function(){var t=this.progress.total;this.progress.total=this.getProgressInfoItem(t.loaded+1,t.size),this.onData(this.progress)},t.prototype.initChunksProgress=function(){this.loaded.chunks=this.chunks.map(function(t){return 0}),this.notifyResumeProgress()},t.prototype.updateChunkProgress=function(t,e){this.loaded.chunks[e]=t,this.notifyResumeProgress()},t.prototype.updateMkFileProgress=function(t){this.loaded.mkFileProgress=t,this.notifyResumeProgress()},t.prototype.notifyResumeProgress=function(){var t=this;this.progress={total:this.getProgressInfoItem((0,s.sum)(this.loaded.chunks)+this.loaded.mkFileProgress,this.file.size+1),chunks:this.chunks.map(function(e,n){return t.getProgressInfoItem(t.loaded.chunks[n],e.size)})},this.onData(this.progress)},t.prototype.getProgressInfoItem=function(t,e){return{loaded:t,size:e,percent:t/e*100}},t}()},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0,e.Pool=void 0;var o=r(n(24)),i=r(n(23));e.Pool=function(){function t(e,n){(0,i.default)(this,t),this.runTask=e,this.queue=[],this.processing=[],this.limit=n}return t.prototype.enqueue=function(t){var e=this;return new o.default(function(n,r){e.queue.push({task:t,resolve:n,reject:r}),e.check()})},t.prototype.run=function(t){var e=this;this.queue=this.queue.filter(function(e){return e!==t}),this.processing.push(t),this.runTask(t.task).then(function(){e.processing=e.processing.filter(function(e){return e!==t}),t.resolve(),e.check()},function(e){return t.reject(e)})},t.prototype.check=function(){var t=this,e=this.processing.length,n=this.limit-e;this.queue.slice(0,n).forEach(function(e,n){t.run(e)})},t}()},function(t,e,n){"use strict";function r(t,e){return t=encodeURIComponent(t),"/"!==e.slice(e.length-1)&&(e+="/"),e+t}function o(t,e,n){if(!/^\d$/.test(t.mode))throw"mode should be number in imageView2";var o=t.mode,i=t.w,u=t.h,s=t.q,a=t.format;if(!i&&!u)throw"param w and h is empty in imageView2";var c="imageView2/"+encodeURIComponent(o);return c+=i?"/w/"+encodeURIComponent(i):"",c+=u?"/h/"+encodeURIComponent(u):"",c+=s?"/q/"+encodeURIComponent(s):"",c+=a?"/format/"+encodeURIComponent(a):"",e&&(c=r(e,n)+"?"+c),c}function i(t,e,n){var o=t["auto-orient"],i=t.thumbnail,u=t.strip,s=t.gravity,a=t.crop,c=t.quality,f=t.rotate,l=t.format,p=t.blur,h="imageMogr2";return h+=o?"/auto-orient":"",h+=i?"/thumbnail/"+encodeURIComponent(i):"",h+=u?"/strip":"",h+=s?"/gravity/"+encodeURIComponent(s):"",h+=c?"/quality/"+encodeURIComponent(c):"",h+=a?"/crop/"+encodeURIComponent(a):"",h+=f?"/rotate/"+encodeURIComponent(f):"",h+=l?"/format/"+encodeURIComponent(l):"",h+=p?"/blur/"+encodeURIComponent(p):"",e&&(h=r(e,n)+"?"+h),h}function u(t,e,n){var o=t.mode;if(!o)throw"mode can't be empty in watermark";var i="watermark/"+o;if(1!==o&&2!==o)throw"mode is wrong";if(1===o){var u=t.image;if(!u)throw"image can't be empty in watermark";i+=u?"/image/"+(0,a.urlSafeBase64Encode)(u):""}if(2===o){var s=t.text,c=t.font,f=t.fontsize,l=t.fill;if(!s)throw"text can't be empty in watermark";i+=s?"/text/"+(0,a.urlSafeBase64Encode)(s):"",i+=c?"/font/"+(0,a.urlSafeBase64Encode)(c):"",i+=f?"/fontsize/"+f:"",i+=l?"/fill/"+(0,a.urlSafeBase64Encode)(l):""}var p=t.dissolve,h=t.gravity,d=t.dx,v=t.dy;return i+=p?"/dissolve/"+encodeURIComponent(p):"",i+=h?"/gravity/"+encodeURIComponent(h):"",i+=d?"/dx/"+encodeURIComponent(d):"",i+=v?"/dy/"+encodeURIComponent(v):"",e&&(i=r(e,n)+"?"+i),i}e.__esModule=!0,e.imageView2=o,e.imageMogr2=i,e.watermark=u,e.imageInfo=function(t,e){var n=r(t,e)+"?imageInfo";return(0,s.request)(n,{method:"GET"})},e.exif=function(t,e){var n=r(t,e)+"?exif";return(0,s.request)(n,{method:"GET"})},e.pipeline=function(t,e,n){var s=void 0,a=void 0,c="";if("[object Array]"===Object.prototype.toString.call(t)){for(var f=0,l=t.length;f<l;f++){if(!(s=t[f]).fop)throw"fop can't be empty in pipeline";switch(s.fop){case"watermark":c+=u(s)+"|";break;case"imageView2":c+=o(s)+"|";break;case"imageMogr2":c+=i(s)+"|";break;default:a=!0}if(a)throw"fop is wrong in pipeline"}if(e){var p=(c=r(e,n)+"?"+c).length;"|"===c.slice(p-1)&&(c=c.slice(0,p-1))}return c}throw"pipeline's first param should be array"};var s=n(16),a=n(56)},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0,e.Observable=void 0;var o=r(n(96)),i=r(n(23));e.Observable=function(){function t(e){(0,i.default)(this,t),this.subscribeAction=e}return t.prototype.subscribe=function(t,e,n){var r=new u(t,e,n),o=this.subscribeAction(r);return new s(r,o)},t}();var u=function(){function t(e,n,r){(0,i.default)(this,t),this.isStopped=!1,"object"===(void 0===e?"undefined":(0,o.default)(e))?(this._onNext=e.next,this._onError=e.error,this._onCompleted=e.complete):(this._onNext=e,this._onError=n,this._onCompleted=r)}return t.prototype.next=function(t){!this.isStopped&&this._onNext&&this._onNext(t)},t.prototype.error=function(t){!this.isStopped&&this._onError&&(this.isStopped=!0,this._onError(t))},t.prototype.complete=function(t){!this.isStopped&&this._onCompleted&&(this.isStopped=!0,this._onCompleted(t))},t}(),s=function(){function t(e,n){(0,i.default)(this,t),this.observer=e,this.result=n}return t.prototype.unsubscribe=function(){this.observer.isStopped=!0,this.result()},t}()},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0;var o=r(n(97)),i=r(n(99)),u="function"==typeof i.default&&"symbol"==typeof o.default?function(t){return typeof t}:function(t){return t&&"function"==typeof i.default&&t.constructor===i.default&&t!==i.default.prototype?"symbol":typeof t};e.default="function"==typeof i.default&&"symbol"===u(o.default)?function(t){return void 0===t?"undefined":u(t)}:function(t){return t&&"function"==typeof i.default&&t.constructor===i.default&&t!==i.default.prototype?"symbol":void 0===t?"undefined":u(t)}},function(t,e,n){t.exports={default:n(98),__esModule:!0}},function(t,e,n){n(39),n(48),t.exports=n(35).f("iterator")},function(t,e,n){t.exports={default:n(100),__esModule:!0}},function(t,e,n){n(101),n(38),n(107),n(108),t.exports=n(1).Symbol},function(t,e,n){"use strict";var r=n(0),o=n(9),i=n(8),u=n(4),s=n(42),a=n(102).KEY,c=n(10),f=n(30),l=n(21),p=n(20),h=n(2),d=n(35),v=n(36),y=n(103),m=n(104),g=n(3),b=n(7),_=n(11),x=n(28),w=n(19),S=n(43),k=n(105),C=n(106),P=n(6),O=n(14),M=C.f,U=P.f,E=k.f,A=r.Symbol,j=r.JSON,I=j&&j.stringify,F=h("_hidden"),L=h("toPrimitive"),T={}.propertyIsEnumerable,R=f("symbol-registry"),q=f("symbols"),B=f("op-symbols"),z=Object.prototype,D="function"==typeof A,N=r.QObject,H=!N||!N.prototype||!N.prototype.findChild,G=i&&c(function(){return 7!=S(U({},"a",{get:function(){return U(this,"a",{value:7}).a}})).a})?function(t,e,n){var r=M(z,e);r&&delete z[e],U(t,e,n),r&&t!==z&&U(z,e,r)}:U,V=function(t){var e=q[t]=S(A.prototype);return e._k=t,e},J=D&&"symbol"==typeof A.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof A},W=function(t,e,n){return t===z&&W(B,e,n),g(t),e=x(e,!0),g(n),o(q,e)?(n.enumerable?(o(t,F)&&t[F][e]&&(t[F][e]=!1),n=S(n,{enumerable:w(0,!1)})):(o(t,F)||U(t,F,w(1,{})),t[F][e]=!0),G(t,e,n)):U(t,e,n)},X=function(t,e){g(t);for(var n,r=y(e=_(e)),o=0,i=r.length;i>o;)W(t,n=r[o++],e[n]);return t},K=function(t){var e=T.call(this,t=x(t,!0));return!(this===z&&o(q,t)&&!o(B,t))&&(!(e||!o(this,t)||!o(q,t)||o(this,F)&&this[F][t])||e)},Y=function(t,e){if(t=_(t),e=x(e,!0),t!==z||!o(q,e)||o(B,e)){var n=M(t,e);return!n||!o(q,e)||o(t,F)&&t[F][e]||(n.enumerable=!0),n}},$=function(t){for(var e,n=E(_(t)),r=[],i=0;n.length>i;)o(q,e=n[i++])||e==F||e==a||r.push(e);return r},Q=function(t){for(var e,n=t===z,r=E(n?B:_(t)),i=[],u=0;r.length>u;)!o(q,e=r[u++])||n&&!o(z,e)||i.push(q[e]);return i};D||(s((A=function(){if(this instanceof A)throw TypeError("Symbol is not a constructor!");var t=p(arguments.length>0?arguments[0]:void 0),e=function(n){this===z&&e.call(B,n),o(this,F)&&o(this[F],t)&&(this[F][t]=!1),G(this,t,w(1,n))};return i&&H&&G(z,t,{configurable:!0,set:e}),V(t)}).prototype,"toString",function(){return this._k}),C.f=Y,P.f=W,n(57).f=k.f=$,n(22).f=K,n(34).f=Q,i&&!n(12)&&s(z,"propertyIsEnumerable",K,!0),d.f=function(t){return V(h(t))}),u(u.G+u.W+u.F*!D,{Symbol:A});for(var Z="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),tt=0;Z.length>tt;)h(Z[tt++]);for(var et=O(h.store),nt=0;et.length>nt;)v(et[nt++]);u(u.S+u.F*!D,"Symbol",{for:function(t){return o(R,t+="")?R[t]:R[t]=A(t)},keyFor:function(t){if(!J(t))throw TypeError(t+" is not a symbol!");for(var e in R)if(R[e]===t)return e},useSetter:function(){H=!0},useSimple:function(){H=!1}}),u(u.S+u.F*!D,"Object",{create:function(t,e){return void 0===e?S(t):X(S(t),e)},defineProperty:W,defineProperties:X,getOwnPropertyDescriptor:Y,getOwnPropertyNames:$,getOwnPropertySymbols:Q}),j&&u(u.S+u.F*(!D||c(function(){var t=A();return"[null]"!=I([t])||"{}"!=I({a:t})||"{}"!=I(Object(t))})),"JSON",{stringify:function(t){for(var e,n,r=[t],o=1;arguments.length>o;)r.push(arguments[o++]);if(n=e=r[1],(b(e)||void 0!==t)&&!J(t))return m(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!J(e))return e}),r[1]=e,I.apply(j,r)}}),A.prototype[L]||n(5)(A.prototype,L,A.prototype.valueOf),l(A,"Symbol"),l(Math,"Math",!0),l(r.JSON,"JSON",!0)},function(t,e,n){var r=n(20)("meta"),o=n(7),i=n(9),u=n(6).f,s=0,a=Object.isExtensible||function(){return!0},c=!n(10)(function(){return a(Object.preventExtensions({}))}),f=function(t){u(t,r,{value:{i:"O"+ ++s,w:{}}})},l=t.exports={KEY:r,NEED:!1,fastKey:function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!i(t,r)){if(!a(t))return"F";if(!e)return"E";f(t)}return t[r].i},getWeak:function(t,e){if(!i(t,r)){if(!a(t))return!0;if(!e)return!1;f(t)}return t[r].w},onFreeze:function(t){return c&&l.NEED&&a(t)&&!i(t,r)&&f(t),t}}},function(t,e,n){var r=n(14),o=n(34),i=n(22);t.exports=function(t){var e=r(t),n=o.f;if(n)for(var u,s=n(t),a=i.f,c=0;s.length>c;)a.call(t,u=s[c++])&&e.push(u);return e}},function(t,e,n){var r=n(15);t.exports=Array.isArray||function(t){return"Array"==r(t)}},function(t,e,n){var r=n(11),o=n(57).f,i={}.toString,u="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return u&&"[object Window]"==i.call(t)?function(t){try{return o(t)}catch(t){return u.slice()}}(t):o(r(t))}},function(t,e,n){var r=n(22),o=n(19),i=n(11),u=n(28),s=n(9),a=n(41),c=Object.getOwnPropertyDescriptor;e.f=n(8)?c:function(t,e){if(t=i(t),e=u(e,!0),a)try{return c(t,e)}catch(t){}if(s(t,e))return o(!r.f.call(t,e),t[e])}},function(t,e,n){n(36)("asyncIterator")},function(t,e,n){n(36)("observable")},function(t,e,n){"use strict";function r(t){return t&&t.__esModule?t:{default:t}}e.__esModule=!0,e.StatisticsLogger=void 0;var o=r(n(55)),i=r(n(23)),u=n(16);e.StatisticsLogger=function(){function t(){(0,i.default)(this,t)}return t.prototype.log=function(t,e){var n="";(0,o.default)(t).forEach(function(e){return n+=t[e]+","}),this.send(n,e)},t.prototype.send=function(t,e){var n=(0,u.createXHR)(),r=0;n.open("POST","https://uplog.qbox.me/log/3"),n.setRequestHeader("Content-type","application/x-www-form-urlencoded"),n.setRequestHeader("Authorization","UpToken "+e),n.onreadystatechange=function(){4===n.readyState&&200!==n.status&&++r<=3&&n.send(t)},n.send(t)},t}()}])});
//# sourceMappingURL=qiniu.min.js.map
summernote.js
/**
* Super simple wysiwyg editor v0.8.8
* http://summernote.org/
*
* summernote.js
* Copyright 2013- Alan Hong. and other contributors
* summernote may be freely distributed under the MIT license./
*
* Date: 2017-09-09T11:03Z
*/
(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 ($) {
'use strict';
var isSupportAmd = typeof define === 'function' && define.amd;
/**
* returns whether font is installed or not.
*
* @param {String} fontName
* @return {Boolean}
*/
var isFontInstalled = function (fontName) {
var testFontName = fontName === 'Comic Sans MS' ? 'Courier New' : 'Comic Sans MS';
var $tester = $('<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') { // jshint ignore:line
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));
/**
* @class core.agent
*
* Object which check platform and agent
*
* @singleton
* @alternateClassName agent
*/
var agent = {
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($.fn.jquery),
isSupportAmd: isSupportAmd,
isSupportTouch: isSupportTouch,
hasCodeMirror: hasCodeMirror,
isFontInstalled: isFontInstalled,
isW3CRangeSupport: !!document.createRange
};
/**
* @class core.func
*
* func utils (for high-order func's arg)
*
* @singleton
* @alternateClassName func
*/
var func = (function () {
var eq = function (itemA) {
return function (itemB) {
return itemA === itemB;
};
};
var eq2 = function (itemA, itemB) {
return itemA === itemB;
};
var peq2 = function (propName) {
return function (itemA, itemB) {
return itemA[propName] === itemB[propName];
};
};
var ok = function () {
return true;
};
var fail = function () {
return false;
};
var not = function (f) {
return function () {
return !f.apply(f, arguments);
};
};
var and = function (fA, fB) {
return function (item) {
return fA(item) && fB(item);
};
};
var self = function (a) {
return a;
};
var invoke = function (obj, method) {
return function () {
return obj[method].apply(obj, arguments);
};
};
var idCounter = 0;
/**
* generate a globally-unique id
*
* @param {String} [prefix]
*/
var uniqueId = function (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
*/
var rect2bnd = function (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}
*/
var invertObject = function (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}
*/
var namespaceToCamel = function (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}
*/
var debounce = function (func, wait, immediate) {
var timeout;
return function () {
var context = this, 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);
}
};
};
return {
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
};
})();
/**
* @class core.list
*
* list utils
*
* @singleton
* @alternateClassName list
*/
var list = (function () {
/**
* returns the first item of an array.
*
* @param {Array} array
*/
var head = function (array) {
return array[0];
};
/**
* returns the last item of an array.
*
* @param {Array} array
*/
var last = function (array) {
return array[array.length - 1];
};
/**
* returns everything but the last entry of the array.
*
* @param {Array} array
*/
var initial = function (array) {
return array.slice(0, array.length - 1);
};
/**
* returns the rest of the items in an array.
*
* @param {Array} array
*/
var tail = function (array) {
return array.slice(1);
};
/**
* returns item of array
*/
var find = function (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.
*/
var all = function (array, pred) {
for (var idx = 0, len = array.length; idx < len; idx ++) {
if (!pred(array[idx])) {
return false;
}
}
return true;
};
/**
* returns index of item
*/
var indexOf = function (array, item) {
return $.inArray(item, array);
};
/**
* returns true if the value is present in the list.
*/
var contains = function (array, item) {
return indexOf(array, item) !== -1;
};
/**
* get sum from a list
*
* @param {Array} array - array
* @param {Function} fn - iterator
*/
var sum = function (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, ...
*/
var from = function (collection) {
var result = [], idx = -1, length = collection.length;
while (++idx < length) {
result[idx] = collection[idx];
}
return result;
};
/**
* returns whether list is empty or not
*/
var isEmpty = function (array) {
return !array || !array.length;
};
/**
* cluster elements by predicate function.
*
* @param {Array} array - array
* @param {Function} fn - predicate function for cluster rule
* @param {Array[]}
*/
var clusterBy = function (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
*/
var compact = function (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
*/
var unique = function (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
*/
var next = function (array, item) {
var idx = indexOf(array, item);
if (idx === -1) { return null; }
return array[idx + 1];
};
/**
* returns prev item.
* @param {Array} array
*/
var prev = function (array, item) {
var idx = indexOf(array, item);
if (idx === -1) { return null; }
return array[idx - 1];
};
return { 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 NBSP_CHAR = String.fromCharCode(160);
var ZERO_WIDTH_NBSP_CHAR = '\ufeff';
/**
* @class core.dom
*
* Dom functions
*
* @singleton
* @alternateClassName dom
*/
var dom = (function () {
/**
* @method isEditable
*
* returns whether node is `note-editable` or not.
*
* @param {Node} node
* @return {Boolean}
*/
var isEditable = function (node) {
return node && $(node).hasClass('note-editable');
};
/**
* @method isControlSizing
*
* returns whether node is `note-control-sizing` or not.
*
* @param {Node} node
* @return {Boolean}
*/
var isControlSizing = function (node) {
return node && $(node).hasClass('note-control-sizing');
};
/**
* @method makePredByNodeName
*
* returns predicate which judge whether nodeName is same
*
* @param {String} nodeName
* @return {Function}
*/
var makePredByNodeName = function (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)
*/
var isText = function (node) {
return node && node.nodeType === 3;
};
/**
* @method isElement
*
*
*
* @param {Node} node
* @return {Boolean} true if node's type is element(1)
*/
var isElement = function (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
*/
var isVoid = function (node) {
return node && /^BR|^IMG|^HR|^IFRAME|^BUTTON|^INPUT/.test(node.nodeName.toUpperCase());
};
var isPara = function (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());
};
var isHeading = function (node) {
return node && /^H[1-7]/.test(node.nodeName.toUpperCase());
};
var isPre = makePredByNodeName('PRE');
var isLi = makePredByNodeName('LI');
var isPurePara = function (node) {
return isPara(node) && !isLi(node);
};
var isTable = makePredByNodeName('TABLE');
var isData = makePredByNodeName('DATA');
var isInline = function (node) {
return !isBodyContainer(node) &&
!isList(node) &&
!isHr(node) &&
!isPara(node) &&
!isTable(node) &&
!isBlockquote(node) &&
!isData(node);
};
var isList = function (node) {
return node && /^UL|^OL/.test(node.nodeName.toUpperCase());
};
var isHr = makePredByNodeName('HR');
var isCell = function (node) {
return node && /^TD|^TH/.test(node.nodeName.toUpperCase());
};
var isBlockquote = makePredByNodeName('BLOCKQUOTE');
var isBodyContainer = function (node) {
return isCell(node) || isBlockquote(node) || isEditable(node);
};
var isAnchor = makePredByNodeName('A');
var isParaInline = function (node) {
return isInline(node) && !!ancestor(node, isPara);
};
var isBodyInline = function (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}
*/
var isClosestSibling = function (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[]}
*/
var withClosestSiblings = function (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
* - [workaround] IE11 and other browser works with bogus br
*/
var blankHTML = agent.isMSIE && agent.browserVersion < 11 ? ' ' : '<br>';
/**
* @method nodeLength
*
* returns #text's text size or element's childNodes size
*
* @param {Node} node
*/
var nodeLength = function (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}
*/
var isEmpty = function (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 (list.all(node.childNodes, isText) && node.innerHTML === '') {
// ex) <p></p>, <span></span>
return true;
}
return false;
};
/**
* padding blankHTML if node is empty (for cursor position)
*/
var paddingBlankHTML = function (node) {
if (!isVoid(node) && !nodeLength(node)) {
node.innerHTML = blankHTML;
}
};
/**
* find nearest ancestor predicate hit
*
* @param {Node} node
* @param {Function} pred - predicate function
*/
var ancestor = function (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
*/
var singleChildAncestor = function (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
*/
var listAncestor = function (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
*/
var lastAncestor = function (node, pred) {
var ancestors = listAncestor(node);
return list.last(ancestors.filter(pred));
};
/**
* returns common ancestor node between two nodes.
*
* @param {Node} nodeA
* @param {Node} nodeB
*/
var commonAncestor = function (nodeA, nodeB) {
var ancestors = listAncestor(nodeA);
for (var n = nodeB; n; n = n.parentNode) {
if ($.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
*/
var listPrev = function (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
*/
var listNext = function (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
*/
var listDescendant = function (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
*/
var wrap = function (node, wrapperName) {
var parent = node.parentNode;
var wrapper = $('<' + wrapperName + '>')[0];
parent.insertBefore(wrapper, node);
wrapper.appendChild(node);
return wrapper;
};
/**
* insert node after preceding
*
* @param {Node} node
* @param {Node} preceding - predicate function
*/
var insertAfter = function (node, preceding) {
var next = preceding.nextSibling, parent = preceding.parentNode;
if (next) {
parent.insertBefore(node, next);
} else {
parent.appendChild(node);
}
return node;
};
/**
* append elements.
*
* @param {Node} node
* @param {Collection} aChild
*/
var appendChildNodes = function (node, aChild) {
$.each(aChild, function (idx, child) {
node.appendChild(child);
});
return node;
};
/**
* returns whether boundaryPoint is left edge or not.
*
* @param {BoundaryPoint} point
* @return {Boolean}
*/
var isLeftEdgePoint = function (point) {
return point.offset === 0;
};
/**
* returns whether boundaryPoint is right edge or not.
*
* @param {BoundaryPoint} point
* @return {Boolean}
*/
var isRightEdgePoint = function (point) {
return point.offset === nodeLength(point.node);
};
/**
* returns whether boundaryPoint is edge or not.
*
* @param {BoundaryPoint} point
* @return {Boolean}
*/
var isEdgePoint = function (point) {
return isLeftEdgePoint(point) || isRightEdgePoint(point);
};
/**
* returns whether node is left edge of ancestor or not.
*
* @param {Node} node
* @param {Node} ancestor
* @return {Boolean}
*/
var isLeftEdgeOf = function (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}
*/
var isRightEdgeOf = function (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}
*/
var isLeftEdgePointOf = function (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}
*/
var isRightEdgePointOf = function (point, ancestor) {
return isRightEdgePoint(point) && isRightEdgeOf(point.node, ancestor);
};
/**
* returns offset from parent.
*
* @param {Node} node
*/
var position = function (node) {
var offset = 0;
while ((node = node.previousSibling)) {
offset += 1;
}
return offset;
};
var hasChildren = function (node) {
return !!(node && node.childNodes && node.childNodes.length);
};
/**
* returns previous boundaryPoint
*
* @param {BoundaryPoint} point
* @param {Boolean} isSkipInnerOffset
* @return {BoundaryPoint}
*/
var prevPoint = function (point, isSkipInnerOffset) {
var node, 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}
*/
var nextPoint = function (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}
*/
var isSamePoint = function (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}
*/
var isVisiblePoint = function (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}
*/
var prevPointUntil = function (point, pred) {
while (point) {
if (pred(point)) {
return point;
}
point = prevPoint(point);
}
return null;
};
/**
* @method nextPointUntil
*
* @param {BoundaryPoint} point
* @param {Function} pred
* @return {BoundaryPoint}
*/
var nextPointUntil = function (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}
*/
var isCharPoint = function (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
*/
var walkPoint = function (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
*/
var makeOffsetPath = function (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
*/
var fromOffsetPath = function (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
*/
var splitNode = function (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
*/
var splitTree = function (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 ? dom.position(node) : nodeLength(parent)
}, options);
});
};
/**
* split point
*
* @param {Point} point
* @param {Boolean} isInline
* @return {Object}
*/
var splitPoint = function (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 = list.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
};
};
var create = function (nodeName) {
return document.createElement(nodeName);
};
var createText = function (text) {
return document.createTextNode(text);
};
/**
* @method remove
*
* remove node, (isRemoveChild: remove child or not)
*
* @param {Node} node
* @param {Boolean} isRemoveChild
*/
var remove = function (node, isRemoveChild) {
if (!node || !node.parentNode) { return; }
if (node.removeNode) { return node.removeNode(isRemoveChild); }
var parent = node.parentNode;
if (!isRemoveChild) {
var nodes = [];
var i, len;
for (i = 0, len = node.childNodes.length; i < len; i++) {
nodes.push(node.childNodes[i]);
}
for (i = 0, len = nodes.length; i < len; i++) {
parent.insertBefore(nodes[i], node);
}
}
parent.removeChild(node);
};
/**
* @method removeWhile
*
* @param {Node} node
* @param {Function} pred
*/
var removeWhile = function (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
*/
var replace = function (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, list.from(node.childNodes));
insertAfter(newNode, node);
remove(node);
return newNode;
};
var isTextarea = makePredByNodeName('TEXTAREA');
/**
* @param {jQuery} $node
* @param {Boolean} [stripLinebreaks] - default: false
*/
var value = function ($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]
*/
var html = function ($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 = $.trim(markup);
}
return markup;
};
var posFromPlaceholder = function (placeholder) {
var $placeholder = $(placeholder);
var pos = $placeholder.offset();
var height = $placeholder.outerHeight(true); // include margin
return {
left: pos.left,
top: pos.top + height
};
};
var attachEvents = function ($node, events) {
Object.keys(events).forEach(function (key) {
$node.on(key, events[key]);
});
};
var detachEvents = function ($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
*/
var isCustomStyleTag = function (node) {
return node && !dom.isText(node) && list.contains(node.classList, 'note-styletag');
};
return {
/** @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
};
})();
/**
* @param {jQuery} $note
* @param {Object} options
* @return {Context}
*/
var Context = function ($note, options) {
var self = this;
var ui = $.summernote.ui;
this.memos = {};
this.modules = {};
this.layoutInfo = {};
this.options = options;
/**
* create layout and initialize modules and other resources
*/
this.initialize = function () {
this.layoutInfo = ui.createLayout($note, options);
this._initialize();
$note.hide();
return this;
};
/**
* destroy modules and other resources and remove layout
*/
this.destroy = function () {
this._destroy();
$note.removeData('summernote');
ui.removeLayout($note, this.layoutInfo);
};
/**
* destory modules and other resources and initialize it again
*/
this.reset = function () {
var disabled = self.isDisabled();
this.code(dom.emptyPara);
this._destroy();
this._initialize();
if (disabled) {
self.disable();
}
};
this._initialize = function () {
// add optional buttons
var buttons = $.extend({}, this.options.buttons);
Object.keys(buttons).forEach(function (key) {
self.memo('button.' + key, buttons[key]);
});
var modules = $.extend({}, this.options.modules, $.summernote.plugins || {});
// add and initialize modules
Object.keys(modules).forEach(function (key) {
self.module(key, modules[key], true);
});
Object.keys(this.modules).forEach(function (key) {
self.initializeModule(key);
});
};
this._destroy = function () {
// destroy modules with reversed order
Object.keys(this.modules).reverse().forEach(function (key) {
self.removeModule(key);
});
Object.keys(this.memos).forEach(function (key) {
self.removeMemo(key);
});
// trigger custom onDestroy callback
this.triggerEvent('destroy', this);
};
this.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);
}
$note.val(html);
this.triggerEvent('change', html);
}
};
this.isDisabled = function () {
return this.layoutInfo.editable.attr('contenteditable') === 'false';
};
this.enable = function () {
this.layoutInfo.editable.attr('contenteditable', true);
this.invoke('toolbar.activate', true);
this.triggerEvent('disable', false);
};
this.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);
};
this.triggerEvent = function () {
var namespace = list.head(arguments);
var args = list.tail(list.from(arguments));
var callback = this.options.callbacks[func.namespaceToCamel(namespace, 'on')];
if (callback) {
callback.apply($note[0], args);
}
$note.trigger('summernote.' + namespace, args);
};
this.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($note, module.events);
}
};
this.module = function (key, ModuleClass, withoutIntialize) {
if (arguments.length === 1) {
return this.modules[key];
}
this.modules[key] = new ModuleClass(this);
if (!withoutIntialize) {
this.initializeModule(key);
}
};
this.removeModule = function (key) {
var module = this.modules[key];
if (module.shouldInitialize()) {
if (module.events) {
dom.detachEvents($note, module.events);
}
if (module.destroy) {
module.destroy();
}
}
delete this.modules[key];
};
this.memo = function (key, obj) {
if (arguments.length === 1) {
return this.memos[key];
}
this.memos[key] = obj;
};
this.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
*/
this.createInvokeHandlerAndUpdateState = function (namespace, value) {
return function (event) {
self.createInvokeHandler(namespace, value)(event);
self.invoke('buttons.updateCurrentStyle');
};
};
this.createInvokeHandler = function (namespace, value) {
return function (event) {
event.preventDefault();
var $target = $(event.target);
self.invoke(namespace, value || $target.closest('[data-value]').data('value'), $target);
};
};
this.invoke = function () {
var namespace = list.head(arguments);
var args = list.tail(list.from(arguments));
var splits = namespace.split('.');
var hasSeparator = splits.length > 1;
var moduleName = hasSeparator && list.head(splits);
var methodName = hasSeparator ? list.last(splits) : list.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 this.initialize();
};
$.fn.extend({
/**
* Summernote API
*
* @param {Object|String}
* @return {this}
*/
summernote: function () {
var type = $.type(list.head(arguments));
var isExternalAPICalled = type === 'string';
var hasInitOptions = type === 'object';
var options = hasInitOptions ? list.head(arguments) : {};
options = $.extend({}, $.summernote.options, options);
// Update options
options.langInfo = $.extend(true, {}, $.summernote.lang['en-US'], $.summernote.lang[options.lang]);
options.icons = $.extend(true, {}, $.summernote.options.icons, options.icons);
options.tooltip = options.tooltip === 'auto' ? !agent.isSupportTouch : options.tooltip;
this.each(function (idx, note) {
var $note = $(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, list.from(arguments));
} else if (options.focus) {
context.invoke('editor.focus');
}
}
return this;
}
});
var Renderer = function (markup, children, options, callback) {
this.render = function ($parent) {
var $node = $(markup);
if (options && options.contents) {
$node.html(options.contents);
}
if (options && options.className) {
$node.addClass(options.className);
}
if (options && options.data) {
$.each(options.data, function (k, v) {
$node.attr('data-' + k, v);
});
}
if (options && options.click) {
$node.on('click', options.click);
}
if (children) {
var $container = $node.find('.note-children-container');
children.forEach(function (child) {
child.render($container.length ? $container : $node);
});
}
if (callback) {
callback($node, options);
}
if (options && options.callback) {
options.callback($node);
}
if ($parent) {
$parent.append($node);
}
return $node;
};
};
var renderer = {
create: function (markup, callback) {
return function () {
var children = $.isArray(arguments[0]) ? arguments[0] : [];
var options = typeof arguments[1] === 'object' ? arguments[1] : 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 panel-default"/>');
var toolbar = renderer.create('<div class="note-toolbar panel-heading"/>');
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 panel-body" 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 = $.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 = $.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: 'body',
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">×</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 && self.options.tooltip) {
$node.attr({
title: options.tooltip
}).tooltip({
container: 'body',
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) {
self.options = 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();
}
};
$.summernote = $.summernote || {
lang: {}
};
$.extend($.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'
},
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'
}
}
});
/**
* @class core.key
*
* Object for keycodes.
*
* @singleton
* @alternateClassName key
*/
var key = (function () {
var keyMap = {
'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
};
return {
/**
* @method isEdit
*
* @param {Number} keyCode
* @return {Boolean}
*/
isEdit: function (keyCode) {
return list.contains([
keyMap.BACKSPACE,
keyMap.TAB,
keyMap.ENTER,
keyMap.SPACE,
keyMap.DELETE
], keyCode);
},
/**
* @method isMove
*
* @param {Number} keyCode
* @return {Boolean}
*/
isMove: function (keyCode) {
return list.contains([
keyMap.LEFT,
keyMap.UP,
keyMap.RIGHT,
keyMap.DOWN
], keyCode);
},
/**
* @property {Object} nameFromCode
* @property {String} nameFromCode.8 "BACKSPACE"
*/
nameFromCode: func.invertObject(keyMap),
code: keyMap
};
})();
var range = (function () {
/**
* 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
*/
var textRangeToPoint = function (textRange, isStart) {
var container = textRange.parentElement(), offset;
var tester = document.body.createTextRange(), prevContainer;
var childNodes = list.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(), 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;
}
/* jshint ignore:start */
var dummy = curTextNode.nodeValue; // enforce IE to re-reference curTextNode, hack
/* jshint ignore:end */
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}
*/
var pointToTextRange = function (point) {
var textRangeInfo = function (container, offset) {
var node, isCollapseToStart;
if (dom.isText(container)) {
var prevTextNodes = dom.listPrev(container, func.not(dom.isText));
var prevContainer = list.last(prevTextNodes).previousSibling;
node = prevContainer || container.parentNode;
offset += list.sum(list.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 = function (sc, so, ec, eo) {
this.sc = sc;
this.so = so;
this.ec = ec;
this.eo = eo;
// nativeRange: get nativeRange from sc, so, ec, eo
var nativeRange = function () {
if (agent.isW3CRangeSupport) {
var w3cRange = document.createRange();
w3cRange.setStart(sc, so);
w3cRange.setEnd(ec, eo);
return w3cRange;
} else {
var textRange = pointToTextRange({
node: sc,
offset: so
});
textRange.setEndPoint('EndToEnd', pointToTextRange({
node: ec,
offset: eo
}));
return textRange;
}
};
this.getPoints = function () {
return {
sc: sc,
so: so,
ec: ec,
eo: eo
};
};
this.getStartPoint = function () {
return {
node: sc,
offset: so
};
};
this.getEndPoint = function () {
return {
node: ec,
offset: eo
};
};
/**
* select update visible range
*/
this.select = function () {
var nativeRng = nativeRange();
if (agent.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}
*/
this.scrollIntoView = function (container) {
var height = $(container).height();
if (container.scrollTop + height < this.sc.offsetTop) {
container.scrollTop += Math.abs(container.scrollTop + height - this.sc.offsetTop);
}
return this;
};
/**
* @return {WrappedRange}
*/
this.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[]}
*/
this.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) && list.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 list.unique(nodes);
};
/**
* returns commonAncestor of range
* @return {Element} - commonAncestor
*/
this.commonAncestor = function () {
return dom.commonAncestor(sc, ec);
};
/**
* returns expanded range by pred
*
* @param {Function} pred - predicate function
* @return {WrappedRange}
*/
this.expand = function (pred) {
var startAncestor = dom.ancestor(sc, pred);
var endAncestor = dom.ancestor(ec, pred);
if (!startAncestor && !endAncestor) {
return new WrappedRange(sc, so, ec, 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}
*/
this.collapse = function (isCollapseToStart) {
if (isCollapseToStart) {
return new WrappedRange(sc, so, sc, so);
} else {
return new WrappedRange(ec, eo, ec, eo);
}
};
/**
* splitText on range
*/
this.splitText = function () {
var isSameContainer = sc === ec;
var boundaryPoints = this.getPoints();
if (dom.isText(ec) && !dom.isEdgePoint(this.getEndPoint())) {
ec.splitText(eo);
}
if (dom.isText(sc) && !dom.isEdgePoint(this.getStartPoint())) {
boundaryPoints.sc = sc.splitText(so);
boundaryPoints.so = 0;
if (isSameContainer) {
boundaryPoints.ec = boundaryPoints.sc;
boundaryPoints.eo = eo - so;
}
}
return new WrappedRange(
boundaryPoints.sc,
boundaryPoints.so,
boundaryPoints.ec,
boundaryPoints.eo
);
};
/**
* delete contents on range
* @return {WrappedRange}
*/
this.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 !list.contains(nodes, point.node);
});
var emptyParents = [];
$.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
$.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
*/
var makeIsOn = function (pred) {
return function () {
var ancestor = dom.ancestor(sc, pred);
return !!ancestor && (ancestor === dom.ancestor(ec, pred));
};
};
// isOnEditable: judge whether range is on editable or not
this.isOnEditable = makeIsOn(dom.isEditable);
// isOnList: judge whether range is on list node or not
this.isOnList = makeIsOn(dom.isList);
// isOnAnchor: judge whether range is on anchor node or not
this.isOnAnchor = makeIsOn(dom.isAnchor);
// isOnCell: judge whether range is on cell node or not
this.isOnCell = makeIsOn(dom.isCell);
// isOnData: judge whether range is on data node or not
this.isOnData = makeIsOn(dom.isData);
/**
* @param {Function} pred
* @return {Boolean}
*/
this.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
*/
this.isCollapsed = function () {
return sc === ec && so === eo;
};
/**
* wrap inline nodes which children of body with paragraph
*
* @return {WrappedRange}
*/
this.wrapBodyInlineWithPara = function () {
if (dom.isBodyContainer(sc) && dom.isEmpty(sc)) {
sc.innerHTML = dom.emptyPara;
return new WrappedRange(sc.firstChild, 0, 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(sc) || dom.isPara(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 = list.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(list.head(inlineSiblings), 'p');
dom.appendChildNodes(para, list.tail(inlineSiblings));
}
return this.normalize();
};
/**
* insert node at current cursor
*
* @param {Node} node
* @return {Node}
*/
this.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
*/
this.pasteHTML = function (markup) {
var contentsContainer = $('<div></div>').html(markup)[0];
var childNodes = list.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}
*/
this.toString = function () {
var nativeRng = nativeRange();
return agent.isW3CRangeSupport ? nativeRng.toString() : nativeRng.text;
};
/**
* returns range for word before cursor
*
* @param {Boolean} [findAfter] - find after cursor, default: false
* @return {WrappedRange}
*/
this.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
*/
this.bookmark = function (editable) {
return {
s: {
path: dom.makeOffsetPath(editable, sc),
offset: so
},
e: {
path: dom.makeOffsetPath(editable, ec),
offset: eo
}
};
};
/**
* create offsetPath bookmark base on paragraph
*
* @param {Node[]} paras
*/
this.paraBookmark = function (paras) {
return {
s: {
path: list.tail(dom.makeOffsetPath(list.head(paras), sc)),
offset: so
},
e: {
path: list.tail(dom.makeOffsetPath(list.last(paras), ec)),
offset: eo
}
};
};
/**
* getClientRects
* @return {Rect[]}
*/
this.getClientRects = function () {
var nativeRng = nativeRange();
return nativeRng.getClientRects();
};
};
/**
* @class core.range
*
* 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
*
* @singleton
* @alternateClassName range
*/
return {
/**
* 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) { //collapsed
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 (agent.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 { // IE8: TextRange
var textRange = document.selection.createRange();
var textRangeEnd = textRange.duplicate();
textRangeEnd.collapse(false);
var textRangeStart = textRange;
textRangeStart.collapse(true);
var startPoint = textRangeToPoint(textRangeStart, true),
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(list.head(paras), bookmark.s.path);
var ec = dom.fromOffsetPath(list.last(paras), bookmark.e.path);
return new WrappedRange(sc, so, ec, eo);
}
};
})();
/**
* @class core.async
*
* Async functions which returns `Promise`
*
* @singleton
* @alternateClassName async
*/
var async = (function () {
/**
* @method readFileAsDataURL
*
* read contents of file as representing URL
*
* @param {File} file
* @return {Promise} - then: dataUrl
*/
var readFileAsDataURL = function (file) {
return $.Deferred(function (deferred) {
$.extend(new FileReader(), {
onload: function (e) {
var dataURL = e.target.result;
deferred.resolve(dataURL);
},
onerror: function () {
deferred.reject(this);
}
}).readAsDataURL(file);
}).promise();
};
/**
* @method createImage
*
* create `<image>` from url string
*
* @param {String} url
* @return {Promise} - then: $image
*/
var createImage = function (url) {
return $.Deferred(function (deferred) {
var $img = $('<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();
};
return {
readFileAsDataURL: readFileAsDataURL,
createImage: createImage
};
})();
/**
* @class editing.History
*
* Editor History
*
*/
var History = function ($editable) {
var stack = [], stackOffset = -1;
var editable = $editable[0];
var makeSnapshot = function () {
var rng = range.create(editable);
var emptyBookmark = {s: {path: [], offset: 0}, e: {path: [], offset: 0}};
return {
contents: $editable.html(),
bookmark: (rng ? rng.bookmark(editable) : emptyBookmark)
};
};
var applySnapshot = function (snapshot) {
if (snapshot.contents !== null) {
$editable.html(snapshot.contents);
}
if (snapshot.bookmark !== null) {
range.createFromBookmark(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.
*/
this.rewind = function () {
// Create snap shot if not yet recorded
if ($editable.html() !== stack[stackOffset].contents) {
this.recordUndo();
}
// Return to the first available snapshot.
stackOffset = 0;
// Apply that snapshot.
applySnapshot(stack[stackOffset]);
};
/**
* @method reset
* Resets the history stack completely; reverting to an empty editor.
*/
this.reset = function () {
// Clear the stack.
stack = [];
// Restore stackOffset to its original value.
stackOffset = -1;
// Clear the editable area.
$editable.html('');
// Record our first snapshot (of nothing).
this.recordUndo();
};
/**
* undo
*/
this.undo = function () {
// Create snap shot if not yet recorded
if ($editable.html() !== stack[stackOffset].contents) {
this.recordUndo();
}
if (0 < stackOffset) {
stackOffset--;
applySnapshot(stack[stackOffset]);
}
};
/**
* redo
*/
this.redo = function () {
if (stack.length - 1 > stackOffset) {
stackOffset++;
applySnapshot(stack[stackOffset]);
}
};
/**
* recorded undo
*/
this.recordUndo = function () {
stackOffset++;
// Wash out stack after stackOffset
if (stack.length > stackOffset) {
stack = stack.slice(0, stackOffset);
}
// Create new snapshot and push it to the end
stack.push(makeSnapshot());
};
};
/**
* @class editing.Style
*
* Style
*
*/
var Style = function () {
/**
* @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}
*/
var jQueryCSS = function ($obj, propertyNames) {
if (agent.jqueryVersion < 1.9) {
var result = {};
$.each(propertyNames, function (idx, propertyName) {
result[propertyName] = $obj.css(propertyName);
});
return result;
}
return $obj.css.call($obj, propertyNames);
};
/**
* returns style object from node
*
* @param {jQuery} $node
* @return {Object}
*/
this.fromNode = function ($node) {
var properties = ['font-family', 'font-size', 'text-align', 'list-style-type', 'line-height'];
var styleInfo = jQueryCSS($node, properties) || {};
styleInfo['font-size'] = parseInt(styleInfo['font-size'], 10);
return styleInfo;
};
/**
* paragraph level style
*
* @param {WrappedRange} rng
* @param {Object} styleInfo
*/
this.stylePara = function (rng, styleInfo) {
$.each(rng.nodes(dom.isPara, {
includeAncestor: true
}), function (idx, para) {
$(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[]}
*/
this.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 = rng.nodes();
// compose with partial contains predication
pred = func.and(pred, function (node) {
return list.contains(nodesInRange, node);
});
}
return nodes.map(function (node) {
var siblings = dom.withClosestSiblings(node, pred);
var head = list.head(siblings);
var tails = list.tail(siblings);
$.each(tails, function (idx, elem) {
dom.appendChildNodes(head, elem.childNodes);
dom.remove(elem);
});
return list.head(siblings);
});
} else {
return nodes;
}
};
/**
* get current style on cursor
*
* @param {WrappedRange} rng
* @return {Object} - object contains style properties.
*/
this.current = function (rng) {
var $cont = $(!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 = $.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 = $.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;
};
};
/**
* @class editing.Bullet
*
* @alternateClassName Bullet
*/
var Bullet = function () {
var self = this;
/**
* toggle ordered list
*/
this.insertOrderedList = function (editable) {
this.toggleList('OL', editable);
};
/**
* toggle unordered list
*/
this.insertUnorderedList = function (editable) {
this.toggleList('UL', editable);
};
/**
* indent
*/
this.indent = function (editable) {
var self = this;
var rng = range.create(editable).wrapBodyInlineWithPara();
var paras = rng.nodes(dom.isPara, { includeAncestor: true });
var clustereds = list.clusterBy(paras, func.peq2('parentNode'));
$.each(clustereds, function (idx, paras) {
var head = list.head(paras);
if (dom.isLi(head)) {
self.wrapList(paras, head.parentNode.nodeName);
} else {
$.each(paras, function (idx, para) {
$(para).css('marginLeft', function (idx, val) {
return (parseInt(val, 10) || 0) + 25;
});
});
}
});
rng.select();
};
/**
* outdent
*/
this.outdent = function (editable) {
var self = this;
var rng = range.create(editable).wrapBodyInlineWithPara();
var paras = rng.nodes(dom.isPara, { includeAncestor: true });
var clustereds = list.clusterBy(paras, func.peq2('parentNode'));
$.each(clustereds, function (idx, paras) {
var head = list.head(paras);
if (dom.isLi(head)) {
self.releaseList([paras]);
} else {
$.each(paras, function (idx, para) {
$(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
*/
this.toggleList = function (listName, editable) {
var rng = range.create(editable).wrapBodyInlineWithPara();
var paras = rng.nodes(dom.isPara, { includeAncestor: true });
var bookmark = rng.paraBookmark(paras);
var clustereds = list.clusterBy(paras, func.peq2('parentNode'));
// paragraph to list
if (list.find(paras, dom.isPurePara)) {
var wrappedParas = [];
$.each(clustereds, function (idx, paras) {
wrappedParas = wrappedParas.concat(self.wrapList(paras, listName));
});
paras = wrappedParas;
// list to paragraph or change list style
} else {
var diffLists = rng.nodes(dom.isList, {
includeAncestor: true
}).filter(function (listNode) {
return !$.nodeName(listNode, listName);
});
if (diffLists.length) {
$.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[]}
*/
this.wrapList = function (paras, listName) {
var head = list.head(paras);
var last = list.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, list.from(nextList.childNodes));
dom.remove(nextList);
}
return paras;
};
/**
* @method releaseList
*
* @param {Array[]} clustereds
* @param {Boolean} isEscapseToBody
* @return {Node[]}
*/
this.releaseList = function (clustereds, isEscapseToBody) {
var releasedParas = [];
$.each(clustereds, function (idx, paras) {
var head = list.head(paras);
var last = list.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) :
list.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');
});
}
$.each(list.from(paras).reverse(), function (idx, para) {
dom.insertAfter(para, headList);
});
// remove empty lists
var rootLists = list.compact([headList, middleList, lastList]);
$.each(rootLists, function (idx, rootList) {
var listNodes = [rootList].concat(dom.listDescendant(rootList, dom.isList));
$.each(listNodes.reverse(), function (idx, listNode) {
if (!dom.nodeLength(listNode)) {
dom.remove(listNode, true);
}
});
});
releasedParas = releasedParas.concat(paras);
});
return releasedParas;
};
};
/**
* @class editing.Typing
*
* Typing
*
*/
var Typing = function () {
// a Bullet instance to toggle lists off
var bullet = new Bullet();
/**
* insert tab
*
* @param {WrappedRange} rng
* @param {Number} tabsize
*/
this.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
*/
this.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
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));
$.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 = $(dom.emptyPara)[0];
if (next) {
rng.sc.insertBefore(nextPara, next);
} else {
rng.sc.appendChild(nextPara);
}
}
range.create(nextPara, 0).normalize().select().scrollIntoView(editable);
};
};
/**
* @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 = function () {
/**
* handle tab key
*
* @param {WrappedRange} rng
* @param {Boolean} isShift
*/
this.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 = list[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}
*/
this.addRow = function (rng, position) {
var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
var currentTr = $(cell).closest('tr');
var trAttributes = this.recoverAttributes(currentTr);
var html = $('<tr' + trAttributes + '></tr>');
var vTable = new TableResultAction(cell, TableResultAction.where.Row,
TableResultAction.requestAction.Add, $(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 = $('<div></div>').append($('<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);
$($(currentTr).parent().find('tr')[lastTrIndex]).after($(html));
return;
}
currentTr.after(html);
}
};
/**
* Add a new col
*
* @param {WrappedRange} rng
* @param {String} position (left/right)
* @return {Node}
*/
this.addCol = function (rng, position) {
var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
var row = $(cell).closest('tr');
var rowsGroup = $(row).siblings();
rowsGroup.push(row);
var vTable = new TableResultAction(cell, TableResultAction.where.Column,
TableResultAction.requestAction.Add, $(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') {
$(currentCell.baseCell).after('<td' + tdAttributes + '>' + dom.blank + '</td>');
} else {
$(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 {
$(currentCell.baseCell).before('<td' + tdAttributes + '>' + dom.blank + '</td>');
}
break;
}
}
};
/*
* Copy attributes from element.
*
* @param {object} Element to recover attributes.
* @return {string} Copied string elements.
*/
this.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}
*/
this.deleteRow = function (rng) {
var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
var row = $(cell).closest('tr');
var cellPos = row.children('td, th').index($(cell));
var rowPos = row[0].rowIndex;
var vTable = new TableResultAction(cell, TableResultAction.where.Row,
TableResultAction.requestAction.Delete, $(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}
*/
this.deleteCol = function (rng) {
var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
var row = $(cell).closest('tr');
var cellPos = row.children('td, th').index($(cell));
var vTable = new TableResultAction(cell, TableResultAction.where.Column,
TableResultAction.requestAction.Delete, $(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}
*/
this.createTable = function (colCount, rowCount, options) {
var tds = [], tdHTML;
for (var idxCol = 0; idxCol < colCount; idxCol++) {
tds.push('<td>' + dom.blank + '</td>');
}
tdHTML = tds.join('');
var trs = [], trHTML;
for (var idxRow = 0; idxRow < rowCount; idxRow++) {
trs.push('<tr>' + tdHTML + '</tr>');
}
trHTML = trs.join('');
var $table = $('<table>' + trHTML + '</table>');
if (options && options.tableClassName) {
$table.addClass(options.tableClassName);
}
return $table[0];
};
/**
* Delete current table
*
* @param {WrappedRange} rng
* @return {Node}
*/
this.deleteTable = function (rng) {
var cell = dom.ancestor(rng.commonAncestor(), dom.isCell);
$(cell).closest('table').remove();
};
};
var KEY_BOGUS = 'bogus';
/**
* @class Editor
*/
var Editor = function (context) {
var self = this;
var $note = context.layoutInfo.note;
var $editor = context.layoutInfo.editor;
var $editable = context.layoutInfo.editable;
var options = context.options;
var lang = options.langInfo;
var editable = $editable[0];
var lastRange = null;
var style = new Style();
var table = new Table();
var typing = new Typing();
var bullet = new Bullet();
var history = new History($editable);
this.initialize = function () {
// bind custom events
$editable.on('keydown', function (event) {
if (event.keyCode === key.code.ENTER) {
context.triggerEvent('enter', event);
}
context.triggerEvent('keydown', event);
if (!event.isDefaultPrevented()) {
if (options.shortcuts) {
self.handleKeyMap(event);
} else {
self.preventDefaultEditableShortCuts(event);
}
}
}).on('keyup', function (event) {
context.triggerEvent('keyup', event);
}).on('focus', function (event) {
context.triggerEvent('focus', event);
}).on('blur', function (event) {
context.triggerEvent('blur', event);
}).on('mousedown', function (event) {
context.triggerEvent('mousedown', event);
}).on('mouseup', function (event) {
context.triggerEvent('mouseup', event);
}).on('scroll', function (event) {
context.triggerEvent('scroll', event);
}).on('paste', function (event) {
context.triggerEvent('paste', event);
});
// init content before set event
$editable.html(dom.html($note) || dom.emptyPara);
// [workaround] IE doesn't have input events for contentEditable
// - see: https://goo.gl/4bfIvA
var changeEventName = agent.isMSIE ? 'DOMCharacterDataModified DOMSubtreeModified DOMNodeInserted' : 'input';
$editable.on(changeEventName, func.debounce(function () {
context.triggerEvent('change', $editable.html());
}, 100));
$editor.on('focusin', function (event) {
context.triggerEvent('focusin', event);
}).on('focusout', function (event) {
context.triggerEvent('focusout', event);
});
if (!options.airMode) {
if (options.width) {
$editor.outerWidth(options.width);
}
if (options.height) {
$editable.outerHeight(options.height);
}
if (options.maxHeight) {
$editable.css('max-height', options.maxHeight);
}
if (options.minHeight) {
$editable.css('min-height', options.minHeight);
}
}
history.recordUndo();
};
this.destroy = function () {
$editable.off();
};
this.handleKeyMap = function (event) {
var keyMap = options.keyMap[agent.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) {
event.preventDefault();
context.invoke(eventName);
} else if (key.isEdit(event.keyCode)) {
this.afterCommand();
}
};
this.preventDefaultEditableShortCuts = function (event) {
// B(Bold, 66) / I(Italic, 73) / U(Underline, 85)
if ((event.ctrlKey || event.metaKey) &&
list.contains([66, 73, 85], event.keyCode)) {
event.preventDefault();
}
};
/**
* create range
* @return {WrappedRange}
*/
this.createRange = function () {
this.focus();
return range.create(editable);
};
/**
* saveRange
*
* save current range
*
* @param {Boolean} [thenCollapse=false]
*/
this.saveRange = function (thenCollapse) {
lastRange = this.createRange();
if (thenCollapse) {
lastRange.collapse().select();
}
};
/**
* restoreRange
*
* restore lately range
*/
this.restoreRange = function () {
if (lastRange) {
lastRange.select();
this.focus();
}
};
this.saveTarget = function (node) {
$editable.data('target', node);
};
this.clearTarget = function () {
$editable.removeData('target');
};
this.restoreTarget = function () {
return $editable.data('target');
};
/**
* currentStyle
*
* current style
* @return {Object|Boolean} unfocus
*/
this.currentStyle = function () {
var rng = range.create();
if (rng) {
rng = rng.normalize();
}
return rng ? style.current(rng) : style.fromNode($editable);
};
/**
* style from node
*
* @param {jQuery} $node
* @return {Object}
*/
this.styleFromNode = function ($node) {
return style.fromNode($node);
};
/**
* undo
*/
this.undo = function () {
context.triggerEvent('before.command', $editable.html());
history.undo();
context.triggerEvent('change', $editable.html());
};
context.memo('help.undo', lang.help.undo);
/**
* redo
*/
this.redo = function () {
context.triggerEvent('before.command', $editable.html());
history.redo();
context.triggerEvent('change', $editable.html());
};
context.memo('help.redo', lang.help.redo);
/**
* before command
*/
var beforeCommand = this.beforeCommand = function () {
context.triggerEvent('before.command', $editable.html());
// keep focus on editable before command execution
self.focus();
};
/**
* after command
* @param {Boolean} isPreventTrigger
*/
var afterCommand = this.afterCommand = function (isPreventTrigger) {
history.recordUndo();
if (!isPreventTrigger) {
context.triggerEvent('change', $editable.html());
}
};
/* jshint ignore:start */
// native commands(with execCommand), generate function for execCommand
var commands = ['bold', 'italic', 'underline', 'strikethrough', 'superscript', 'subscript',
'justifyLeft', 'justifyCenter', 'justifyRight', 'justifyFull',
'formatBlock', 'removeFormat',
'backColor', 'fontName'];
for (var idx = 0, len = commands.length; idx < len; idx ++) {
this[commands[idx]] = (function (sCmd) {
return function (value) {
beforeCommand();
document.execCommand(sCmd, false, value);
afterCommand(true);
};
})(commands[idx]);
context.memo('help.' + commands[idx], lang.help[commands[idx]]);
}
/* jshint ignore:end */
/**
* handle tab key
*/
this.tab = function () {
var rng = this.createRange();
if (rng.isCollapsed() && rng.isOnCell()) {
table.tab(rng);
} else {
beforeCommand();
typing.insertTab(rng, options.tabSize);
afterCommand();
}
};
context.memo('help.tab', lang.help.tab);
/**
* handle shift+tab key
*/
this.untab = function () {
var rng = this.createRange();
if (rng.isCollapsed() && rng.isOnCell()) {
table.tab(rng, true);
}
};
context.memo('help.untab', lang.help.untab);
/**
* run given function between beforeCommand and afterCommand
*/
this.wrapCommand = function (fn) {
return function () {
beforeCommand();
fn.apply(self, arguments);
afterCommand();
};
};
/**
* insert paragraph
*/
this.insertParagraph = this.wrapCommand(function () {
typing.insertParagraph(editable);
});
context.memo('help.insertParagraph', lang.help.insertParagraph);
this.insertOrderedList = this.wrapCommand(function () {
bullet.insertOrderedList(editable);
});
context.memo('help.insertOrderedList', lang.help.insertOrderedList);
this.insertUnorderedList = this.wrapCommand(function () {
bullet.insertUnorderedList(editable);
});
context.memo('help.insertUnorderedList', lang.help.insertUnorderedList);
this.indent = this.wrapCommand(function () {
bullet.indent(editable);
});
context.memo('help.indent', lang.help.indent);
this.outdent = this.wrapCommand(function () {
bullet.outdent(editable);
});
context.memo('help.outdent', lang.help.outdent);
/**
* insert image
*
* @param {String} src
* @param {String|Function} param
* @return {Promise}
*/
this.insertImage = function (src, param) {
return async.createImage(src, param).then(function ($image) {
beforeCommand();
if (typeof param === 'function') {
param($image);
} else {
if (typeof param === 'string') {
$image.attr('data-filename', param);
}
$image.css('width', Math.min($editable.width(), $image.width()));
}
$image.show();
range.create(editable).insertNode($image[0]);
range.createFromNodeAfter($image[0]).select();
afterCommand();
}).fail(function (e) {
context.triggerEvent('image.upload.error', e);
});
};
/**
* insertImages
* @param {File[]} files
*/
this.insertImages = function (files) {
$.each(files, function (idx, file) {
var filename = file.name;
if (options.maximumImageFileSize && options.maximumImageFileSize < file.size) {
context.triggerEvent('image.upload.error', lang.image.maximumFileSizeError);
} else {
async.readFileAsDataURL(file).then(function (dataURL) {
return self.insertImage(dataURL, filename);
}).fail(function () {
context.triggerEvent('image.upload.error');
});
}
});
};
/**
* insertImagesOrCallback
* @param {File[]} files
*/
this.insertImagesOrCallback = function (files) {
var callbacks = options.callbacks;
// If onImageUpload options setted
if (callbacks.onImageUpload) {
context.triggerEvent('image.upload', files);
// else insert Image as dataURL
} else {
this.insertImages(files);
}
};
/**
* insertNode
* insert node
* @param {Node} node
*/
this.insertNode = this.wrapCommand(function (node) {
var rng = this.createRange();
rng.insertNode(node);
range.createFromNodeAfter(node).select();
});
/**
* insert text
* @param {String} text
*/
this.insertText = this.wrapCommand(function (text) {
var rng = this.createRange();
var textNode = rng.insertNode(dom.createText(text));
range.create(textNode, dom.nodeLength(textNode)).select();
});
/**
* return selected plain text
* @return {String} text
*/
this.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();
};
/**
* paste HTML
* @param {String} markup
*/
this.pasteHTML = this.wrapCommand(function (markup) {
var contents = this.createRange().pasteHTML(markup);
range.createFromNodeAfter(list.last(contents)).select();
});
/**
* formatBlock
*
* @param {String} tagName
*/
this.formatBlock = this.wrapCommand(function (tagName, $target) {
var onApplyCustomStyle = context.options.callbacks.onApplyCustomStyle;
if (onApplyCustomStyle) {
onApplyCustomStyle.call(this, $target, context, this.onFormatBlock);
} else {
this.onFormatBlock(tagName);
}
});
this.onFormatBlock = function (tagName) {
// [workaround] for MSIE, IE need `<`
tagName = agent.isMSIE ? '<' + tagName + '>' : tagName;
document.execCommand('FormatBlock', false, tagName);
};
this.formatPara = function () {
this.formatBlock('P');
};
context.memo('help.formatPara', lang.help.formatPara);
/* jshint ignore:start */
for (var idx = 1; idx <= 6; idx ++) {
this['formatH' + idx] = function (idx) {
return function () {
this.formatBlock('H' + idx);
};
}(idx);
context.memo('help.formatH'+idx, lang.help['formatH' + idx]);
};
/* jshint ignore:end */
/**
* fontSize
*
* @param {String} value - px
*/
this.fontSize = function (value) {
var rng = this.createRange();
if (rng && rng.isCollapsed()) {
var spans = style.styleNodes(rng);
var firstSpan = list.head(spans);
$(spans).css({
'font-size': value + 'px'
});
// [workaround] added styled bogus span for style
// - also bogus character needed for cursor position
if (firstSpan && !dom.nodeLength(firstSpan)) {
firstSpan.innerHTML = dom.ZERO_WIDTH_NBSP_CHAR;
range.createFromNodeAfter(firstSpan.firstChild).select();
$editable.data(KEY_BOGUS, firstSpan);
}
} else {
beforeCommand();
$(style.styleNodes(rng)).css({
'font-size': value + 'px'
});
afterCommand();
}
};
/**
* 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();
}
});
context.memo('help.insertHorizontalRule', lang.help.insertHorizontalRule);
/**
* remove bogus node and character
*/
this.removeBogus = function () {
var bogusNode = $editable.data(KEY_BOGUS);
if (!bogusNode) {
return;
}
var textNode = list.find(list.from(bogusNode.childNodes), dom.isText);
var bogusCharIdx = textNode.nodeValue.indexOf(dom.ZERO_WIDTH_NBSP_CHAR);
if (bogusCharIdx !== -1) {
textNode.deleteData(bogusCharIdx, 1);
}
if (dom.isEmpty(bogusNode)) {
dom.remove(bogusNode);
}
$editable.removeData(KEY_BOGUS);
};
/**
* lineHeight
* @param {String} value
*/
this.lineHeight = this.wrapCommand(function (value) {
style.stylePara(this.createRange(), {
lineHeight: value
});
});
/**
* unlink
*
* @type command
*/
this.unlink = function () {
var rng = this.createRange();
if (rng.isOnAnchor()) {
var anchor = dom.ancestor(rng.sc, dom.isAnchor);
rng = range.createFromNode(anchor);
rng.select();
beforeCommand();
document.execCommand('unlink');
afterCommand();
}
};
/**
* 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 (options.onCreateLink) {
linkUrl = 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($('<A>' + linkText + '</A>')[0]);
anchors.push(anchor);
} else {
anchors = style.styleNodes(rng, {
nodeName: 'A',
expandClosestSibling: true,
onlyPartialContains: true
});
}
$.each(anchors, function (idx, anchor) {
$(anchor).attr('href', linkUrl);
if (isNewWindow) {
$(anchor).attr('target', '_blank');
} else {
$(anchor).removeAttr('target');
}
});
var startRange = range.createFromNodeBefore(list.head(anchors));
var startPoint = startRange.getStartPoint();
var endRange = range.createFromNodeAfter(list.last(anchors));
var endPoint = endRange.getEndPoint();
range.create(
startPoint.node,
startPoint.offset,
endPoint.node,
endPoint.offset
).select();
});
/**
* returns link info
*
* @return {Object}
* @return {WrappedRange} return.range
* @return {String} return.text
* @return {Boolean} [return.isNewWindow=true]
* @return {String} [return.url=""]
*/
this.getLinkInfo = function () {
var rng = this.createRange().expand(dom.isAnchor);
// Get the first anchor on range(for edit).
var $anchor = $(list.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;
};
/**
* 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(table.createTable(dimension[0], dimension[1], options));
});
/**
* @method addRow
*
*
*/
this.addRow = function (position) {
var rng = this.createRange($editable);
if (rng.isCollapsed() && rng.isOnCell()) {
beforeCommand();
table.addRow(rng, position);
afterCommand();
}
};
/**
* @method addCol
*
*
*/
this.addCol = function (position) {
var rng = this.createRange($editable);
if (rng.isCollapsed() && rng.isOnCell()) {
beforeCommand();
table.addCol(rng, position);
afterCommand();
}
};
/**
* @method deleteRow
*
*
*/
this.deleteRow = function () {
var rng = this.createRange($editable);
if (rng.isCollapsed() && rng.isOnCell()) {
beforeCommand();
table.deleteRow(rng);
afterCommand();
}
};
/**
* @method deleteCol
*
*
*/
this.deleteCol = function () {
var rng = this.createRange($editable);
if (rng.isCollapsed() && rng.isOnCell()) {
beforeCommand();
table.deleteCol(rng);
afterCommand();
}
};
/**
* @method deleteTable
*
*
*/
this.deleteTable = function () {
var rng = this.createRange($editable);
if (rng.isCollapsed() && rng.isOnCell()) {
beforeCommand();
table.deleteTable(rng);
afterCommand();
}
};
/**
* float me
*
* @param {String} value
*/
this.floatMe = this.wrapCommand(function (value) {
var $target = $(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 = $(this.restoreTarget());
$target.css({
width: value * 100 + '%',
height: ''
});
});
/**
* @param {Position} pos
* @param {jQuery} $target - target element
* @param {Boolean} [bKeepRatio] - keep ratio
*/
this.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);
};
/**
* remove media object
*/
this.removeMedia = this.wrapCommand(function () {
var $target = $(this.restoreTarget()).detach();
context.triggerEvent('media.delete', $target, $editable);
});
/**
* returns whether editable area has focus or not.
*/
this.hasFocus = function () {
return $editable.is(':focus');
};
/**
* set focus
*/
this.focus = function () {
// [workaround] Screen will move when page is scolled in IE.
// - do focus when not focused
if (!this.hasFocus()) {
$editable.focus();
}
};
/**
* returns whether contents is empty or not.
* @return {Boolean}
*/
this.isEmpty = function () {
return dom.isEmpty($editable[0]) || dom.emptyPara === $editable.html();
};
/**
* Removes all contents and restores the editable instance to an _emptyPara_.
*/
this.empty = function () {
context.invoke('code', dom.emptyPara);
};
};
var Clipboard = function (context) {
var self = this;
var $editable = context.layoutInfo.editable;
this.events = {
'summernote.keydown': function (we, e) {
if (self.needKeydownHook()) {
if ((e.ctrlKey || e.metaKey) && e.keyCode === key.code.V) {
context.invoke('editor.saveRange');
self.$paste.focus();
setTimeout(function () {
self.pasteByHook();
}, 0);
}
}
}
};
this.needKeydownHook = function () {
return (agent.isMSIE && agent.browserVersion > 10) || agent.isFF;
};
this.initialize = function () {
// [workaround] getting image from clipboard
// - IE11 and Firefox: CTRL+v hook
// - Webkit: event.clipboardData
if (this.needKeydownHook()) {
this.$paste = $('<div tabindex="-1" />').attr('contenteditable', true).css({
position: 'absolute',
left: -100000,
opacity: 0
});
$editable.before(this.$paste);
this.$paste.on('paste', function (event) {
context.triggerEvent('paste', event);
});
} else {
$editable.on('paste', this.pasteByEvent);
}
};
this.destroy = function () {
if (this.needKeydownHook()) {
this.$paste.remove();
this.$paste = null;
}
};
this.pasteByHook = function () {
var node = this.$paste[0].firstChild;
var src = node && node.src;
if (dom.isImg(node) && src.indexOf('data:') === 0) {
var decodedData = atob(node.src.split(',')[1]);
var array = new Uint8Array(decodedData.length);
for (var i = 0; i < decodedData.length; i++) {
array[i] = decodedData.charCodeAt(i);
}
var blob = new Blob([array], { type: 'image/png' });
blob.name = 'clipboard.png';
context.invoke('editor.restoreRange');
context.invoke('editor.focus');
context.invoke('editor.insertImagesOrCallback', [blob]);
} else {
var pasteContent = $('<div />').html(this.$paste.html()).html();
context.invoke('editor.restoreRange');
context.invoke('editor.focus');
if (pasteContent) {
context.invoke('editor.pasteHTML', pasteContent);
}
}
this.$paste.empty();
};
/**
* paste by clipboard event
*
* @param {Event} event
*/
this.pasteByEvent = function (event) {
var clipboardData = event.originalEvent.clipboardData;
if (clipboardData && clipboardData.items && clipboardData.items.length) {
var item = list.head(clipboardData.items);
if (item.kind === 'file' && item.type.indexOf('image/') !== -1) {
context.invoke('editor.insertImagesOrCallback', [item.getAsFile()]);
}
context.invoke('editor.afterCommand');
}
};
};
var Dropzone = function (context) {
var $document = $(document);
var $editor = context.layoutInfo.editor;
var $editable = context.layoutInfo.editable;
var options = context.options;
var lang = options.langInfo;
var documentEventHandlers = {};
var $dropzone = $([
'<div class="note-dropzone">',
' <div class="note-dropzone-message"/>',
'</div>'
].join('')).prependTo($editor);
var detachDocumentEvent = function () {
Object.keys(documentEventHandlers).forEach(function (key) {
$document.off(key.substr(2).toLowerCase(), documentEventHandlers[key]);
});
documentEventHandlers = {};
};
/**
* attach Drag and Drop Events
*/
this.initialize = function () {
if (options.disableDragAndDrop) {
// prevent default drop event
documentEventHandlers.onDrop = function (e) {
e.preventDefault();
};
$document.on('drop', documentEventHandlers.onDrop);
} else {
this.attachDragAndDropEvent();
}
};
/**
* attach Drag and Drop Events
*/
this.attachDragAndDropEvent = function () {
var collection = $(),
$dropzoneMessage = $dropzone.find('.note-dropzone-message');
documentEventHandlers.onDragenter = function (e) {
var isCodeview = context.invoke('codeview.isActivated');
var hasEditorSize = $editor.width() > 0 && $editor.height() > 0;
if (!isCodeview && !collection.length && hasEditorSize) {
$editor.addClass('dragover');
$dropzone.width($editor.width());
$dropzone.height($editor.height());
$dropzoneMessage.text(lang.image.dragImageHere);
}
collection = collection.add(e.target);
};
documentEventHandlers.onDragleave = function (e) {
collection = collection.not(e.target);
if (!collection.length) {
$editor.removeClass('dragover');
}
};
documentEventHandlers.onDrop = function () {
collection = $();
$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
$document.on('dragenter', documentEventHandlers.onDragenter)
.on('dragleave', documentEventHandlers.onDragleave)
.on('drop', documentEventHandlers.onDrop);
// change dropzone's message on hover.
$dropzone.on('dragenter', function () {
$dropzone.addClass('hover');
$dropzoneMessage.text(lang.image.dropImage);
}).on('dragleave', function () {
$dropzone.removeClass('hover');
$dropzoneMessage.text(lang.image.dragImageHere);
});
// attach dropImage
$dropzone.on('drop', function (event) {
var dataTransfer = event.originalEvent.dataTransfer;
if (dataTransfer && dataTransfer.files && dataTransfer.files.length) {
event.preventDefault();
$editable.focus();
context.invoke('editor.insertImagesOrCallback', dataTransfer.files);
} else {
$.each(dataTransfer.types, function (idx, type) {
var content = dataTransfer.getData(type);
if (type.toLowerCase().indexOf('text') > -1) {
context.invoke('editor.pasteHTML', content);
} else {
$(content).each(function () {
context.invoke('editor.insertNode', this);
});
}
});
}
}).on('dragover', false); // prevent default dragover event
};
this.destroy = function () {
detachDocumentEvent();
};
};
var CodeMirror;
if (agent.hasCodeMirror) {
if (agent.isSupportAmd) {
require(['codemirror'], function (cm) {
CodeMirror = cm;
});
} else {
CodeMirror = window.CodeMirror;
}
}
/**
* @class Codeview
*/
var Codeview = function (context) {
var $editor = context.layoutInfo.editor;
var $editable = context.layoutInfo.editable;
var $codable = context.layoutInfo.codable;
var options = context.options;
this.sync = function () {
var isCodeview = this.isActivated();
if (isCodeview && agent.hasCodeMirror) {
$codable.data('cmEditor').save();
}
};
/**
* @return {Boolean}
*/
this.isActivated = function () {
return $editor.hasClass('codeview');
};
/**
* toggle codeview
*/
this.toggle = function () {
if (this.isActivated()) {
this.deactivate();
} else {
this.activate();
}
context.triggerEvent('codeview.toggled');
};
/**
* activate code view
*/
this.activate = function () {
$codable.val(dom.html($editable, options.prettifyHtml));
$codable.height($editable.height());
context.invoke('toolbar.updateCodeview', true);
$editor.addClass('codeview');
$codable.focus();
// activate CodeMirror as codable
if (agent.hasCodeMirror) {
var cmEditor = CodeMirror.fromTextArea($codable[0], options.codemirror);
// CodeMirror TernServer
if (options.codemirror.tern) {
var server = new CodeMirror.TernServer(options.codemirror.tern);
cmEditor.ternServer = server;
cmEditor.on('cursorActivity', function (cm) {
server.updateArgHints(cm);
});
}
// CodeMirror hasn't Padding.
cmEditor.setSize(null, $editable.outerHeight());
$codable.data('cmEditor', cmEditor);
}
};
/**
* deactivate code view
*/
this.deactivate = function () {
// deactivate CodeMirror as codable
if (agent.hasCodeMirror) {
var cmEditor = $codable.data('cmEditor');
$codable.val(cmEditor.getValue());
cmEditor.toTextArea();
}
var value = dom.value($codable, options.prettifyHtml) || dom.emptyPara;
var isChange = $editable.html() !== value;
$editable.html(value);
$editable.height(options.height ? $codable.height() : 'auto');
$editor.removeClass('codeview');
if (isChange) {
context.triggerEvent('change', $editable.html(), $editable);
}
$editable.focus();
context.invoke('toolbar.updateCodeview', false);
};
this.destroy = function () {
if (this.isActivated()) {
this.deactivate();
}
};
};
var EDITABLE_PADDING = 24;
var Statusbar = function (context) {
var $document = $(document);
var $statusbar = context.layoutInfo.statusbar;
var $editable = context.layoutInfo.editable;
var options = context.options;
this.initialize = function () {
if (options.airMode || options.disableResizeEditor) {
this.destroy();
return;
}
$statusbar.on('mousedown', function (event) {
event.preventDefault();
event.stopPropagation();
var editableTop = $editable.offset().top - $document.scrollTop();
var onMouseMove = function (event) {
var height = event.clientY - (editableTop + EDITABLE_PADDING);
height = (options.minheight > 0) ? Math.max(height, options.minheight) : height;
height = (options.maxHeight > 0) ? Math.min(height, options.maxHeight) : height;
$editable.height(height);
};
$document
.on('mousemove', onMouseMove)
.one('mouseup', function () {
$document.off('mousemove', onMouseMove);
});
});
};
this.destroy = function () {
$statusbar.off();
$statusbar.remove();
};
};
var Fullscreen = function (context) {
var self = this;
var $editor = context.layoutInfo.editor;
var $toolbar = context.layoutInfo.toolbar;
var $editable = context.layoutInfo.editable;
var $codable = context.layoutInfo.codable;
var $window = $(window);
var $scrollbar = $('html, body');
this.resizeTo = function (size) {
$editable.css('height', size.h);
$codable.css('height', size.h);
if ($codable.data('cmeditor')) {
$codable.data('cmeditor').setsize(null, size.h);
}
};
this.onResize = function () {
self.resizeTo({
h: $window.height() - $toolbar.outerHeight()
});
};
/**
* toggle fullscreen
*/
this.toggle = function () {
$editor.toggleClass('fullscreen');
if (this.isFullscreen()) {
$editable.data('orgHeight', $editable.css('height'));
$window.on('resize', this.onResize).trigger('resize');
$scrollbar.css('overflow', 'hidden');
} else {
$window.off('resize', this.onResize);
this.resizeTo({ h: $editable.data('orgHeight') });
$scrollbar.css('overflow', 'visible');
}
context.invoke('toolbar.updateFullscreen', this.isFullscreen());
};
this.isFullscreen = function () {
return $editor.hasClass('fullscreen');
};
};
var Handle = function (context) {
var self = this;
var $document = $(document);
var $editingArea = context.layoutInfo.editingArea;
var options = context.options;
this.events = {
'summernote.mousedown': function (we, e) {
if (self.update(e.target)) {
e.preventDefault();
}
},
'summernote.keyup summernote.scroll summernote.change summernote.dialog.shown': function () {
self.update();
},
'summernote.disable': function () {
self.hide();
},
'summernote.codeview.toggled': function () {
self.update();
}
};
this.initialize = function () {
this.$handle = $([
'<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="',
(options.disableResizeImage ? 'note-control-holder' : 'note-control-sizing'),
' note-control-se"></div>',
(options.disableResizeImage ? '' : '<div class="note-control-selection-info"></div>'),
'</div>',
'</div>'
].join('')).prependTo($editingArea);
this.$handle.on('mousedown', function (event) {
if (dom.isControlSizing(event.target)) {
event.preventDefault();
event.stopPropagation();
var $target = self.$handle.find('.note-control-selection').data('target'),
posStart = $target.offset(),
scrollTop = $document.scrollTop();
var onMouseMove = function (event) {
context.invoke('editor.resizeTo', {
x: event.clientX - posStart.left,
y: event.clientY - (posStart.top - scrollTop)
}, $target, !event.shiftKey);
self.update($target[0]);
};
$document
.on('mousemove', onMouseMove)
.one('mouseup', function (e) {
e.preventDefault();
$document.off('mousemove', onMouseMove);
context.invoke('editor.afterCommand');
});
if (!$target.data('ratio')) { // original ratio.
$target.data('ratio', $target.height() / $target.width());
}
}
});
// Listen for scrolling on the handle overlay.
this.$handle.on('wheel', function (e) {
e.preventDefault();
self.update();
});
};
this.destroy = function () {
this.$handle.remove();
};
this.update = function (target) {
if (context.isDisabled()) {
return false;
}
var isImage = dom.isImg(target);
var $selection = this.$handle.find('.note-control-selection');
context.invoke('imagePopover.update', target);
if (isImage) {
var $image = $(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 sizingText = imageSize.w + 'x' + imageSize.h;
$selection.find('.note-control-selection-info').text(sizingText);
context.invoke('editor.saveTarget', target);
} else {
this.hide();
}
return isImage;
};
/**
* hide
*
* @param {jQuery} $handle
*/
this.hide = function () {
context.invoke('editor.clearTarget');
this.$handle.children().hide();
};
};
var AutoLink = function (context) {
var self = this;
var defaultScheme = 'http://';
var linkPattern = /^([A-Za-z][A-Za-z0-9+-.]*\:[\/\/]?|mailto:[A-Z0-9._%+-]+@)?(www\.)?(.+)$/i;
this.events = {
'summernote.keyup': function (we, e) {
if (!e.isDefaultPrevented()) {
self.handleKeyup(e);
}
},
'summernote.keydown': function (we, e) {
self.handleKeydown(e);
}
};
this.initialize = function () {
this.lastWordRange = null;
};
this.destroy = function () {
this.lastWordRange = null;
};
this.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 = $('<a />').html(keyword).attr('href', link)[0];
this.lastWordRange.insertNode(node);
this.lastWordRange = null;
context.invoke('editor.focus');
}
};
this.handleKeydown = function (e) {
if (list.contains([key.code.ENTER, key.code.SPACE], e.keyCode)) {
var wordRange = context.invoke('editor.createRange').getWordRange();
this.lastWordRange = wordRange;
}
};
this.handleKeyup = function (e) {
if (list.contains([key.code.ENTER, key.code.SPACE], e.keyCode)) {
this.replace();
}
};
};
/**
* textarea auto sync.
*/
var AutoSync = function (context) {
var $note = context.layoutInfo.note;
this.events = {
'summernote.change': function () {
$note.val(context.invoke('code'));
}
};
this.shouldInitialize = function () {
return dom.isTextarea($note[0]);
};
};
var Placeholder = function (context) {
var self = this;
var $editingArea = context.layoutInfo.editingArea;
var options = context.options;
this.events = {
'summernote.init summernote.change': function () {
self.update();
},
'summernote.codeview.toggled': function () {
self.update();
}
};
this.shouldInitialize = function () {
return !!options.placeholder;
};
this.initialize = function () {
this.$placeholder = $('<div class="note-placeholder">');
this.$placeholder.on('click', function () {
context.invoke('focus');
}).text(options.placeholder).prependTo($editingArea);
this.update();
};
this.destroy = function () {
this.$placeholder.remove();
};
this.update = function () {
var isShow = !context.invoke('codeview.isActivated') && context.invoke('editor.isEmpty');
this.$placeholder.toggle(isShow);
};
};
var Buttons = function (context) {
var self = this;
var ui = $.summernote.ui;
var $toolbar = context.layoutInfo.toolbar;
var options = context.options;
var lang = options.langInfo;
var invertedKeyMap = func.invertObject(options.keyMap[agent.isMac ? 'mac' : 'pc']);
var representShortcut = this.representShortcut = function (editorMethod) {
var shortcut = invertedKeyMap[editorMethod];
if (!options.shortcuts || !shortcut) {
return '';
}
if (agent.isMac) {
shortcut = shortcut.replace('CMD', '⌘').replace('SHIFT', '⇧');
}
shortcut = shortcut.replace('BACKSLASH', '\\')
.replace('SLASH', '/')
.replace('LEFTBRACKET', '[')
.replace('RIGHTBRACKET', ']');
return ' (' + shortcut + ')';
};
this.initialize = function () {
this.addToolbarButtons();
this.addImagePopoverButtons();
this.addLinkPopoverButtons();
this.addTablePopoverButtons();
this.fontInstalledMap = {};
};
this.destroy = function () {
delete this.fontInstalledMap;
};
this.isFontInstalled = function (name) {
if (!self.fontInstalledMap.hasOwnProperty(name)) {
self.fontInstalledMap[name] = agent.isFontInstalled(name) ||
list.contains(options.fontNamesIgnoreCheck, name);
}
return self.fontInstalledMap[name];
};
this.addToolbarButtons = function () {
context.memo('button.style', function () {
return ui.buttonGroup([
ui.button({
className: 'dropdown-toggle',
contents: ui.dropdownButtonContents(ui.icon(options.icons.magic), options),
tooltip: lang.style.style,
data: {
toggle: 'dropdown'
}
}),
ui.dropdown({
className: 'dropdown-style',
items: context.options.styleTags,
template: function (item) {
if (typeof item === 'string') {
item = { tag: item, title: (lang.style.hasOwnProperty(item) ? 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: context.createInvokeHandler('editor.formatBlock')
})
]).render();
});
context.memo('button.bold', function () {
return ui.button({
className: 'note-btn-bold',
contents: ui.icon(options.icons.bold),
tooltip: lang.font.bold + representShortcut('bold'),
click: context.createInvokeHandlerAndUpdateState('editor.bold')
}).render();
});
context.memo('button.italic', function () {
return ui.button({
className: 'note-btn-italic',
contents: ui.icon(options.icons.italic),
tooltip: lang.font.italic + representShortcut('italic'),
click: context.createInvokeHandlerAndUpdateState('editor.italic')
}).render();
});
context.memo('button.underline', function () {
return ui.button({
className: 'note-btn-underline',
contents: ui.icon(options.icons.underline),
tooltip: lang.font.underline + representShortcut('underline'),
click: context.createInvokeHandlerAndUpdateState('editor.underline')
}).render();
});
context.memo('button.clear', function () {
return ui.button({
contents: ui.icon(options.icons.eraser),
tooltip: lang.font.clear + representShortcut('removeFormat'),
click: context.createInvokeHandler('editor.removeFormat')
}).render();
});
context.memo('button.strikethrough', function () {
return ui.button({
className: 'note-btn-strikethrough',
contents: ui.icon(options.icons.strikethrough),
tooltip: lang.font.strikethrough + representShortcut('strikethrough'),
click: context.createInvokeHandlerAndUpdateState('editor.strikethrough')
}).render();
});
context.memo('button.superscript', function () {
return ui.button({
className: 'note-btn-superscript',
contents: ui.icon(options.icons.superscript),
tooltip: lang.font.superscript,
click: context.createInvokeHandlerAndUpdateState('editor.superscript')
}).render();
});
context.memo('button.subscript', function () {
return ui.button({
className: 'note-btn-subscript',
contents: ui.icon(options.icons.subscript),
tooltip: lang.font.subscript,
click: context.createInvokeHandlerAndUpdateState('editor.subscript')
}).render();
});
context.memo('button.fontname', function () {
return ui.buttonGroup([
ui.button({
className: 'dropdown-toggle',
contents: ui.dropdownButtonContents('<span class="note-current-fontname"/>', options),
tooltip: lang.font.name,
data: {
toggle: 'dropdown'
}
}),
ui.dropdownCheck({
className: 'dropdown-fontname',
checkClassName: options.icons.menuCheck,
items: options.fontNames.filter(self.isFontInstalled),
template: function (item) {
return '<span style="font-family:' + item + '">' + item + '</span>';
},
click: context.createInvokeHandlerAndUpdateState('editor.fontName')
})
]).render();
});
context.memo('button.fontsize', function () {
return ui.buttonGroup([
ui.button({
className: 'dropdown-toggle',
contents: ui.dropdownButtonContents('<span class="note-current-fontsize"/>', options),
tooltip: lang.font.size,
data: {
toggle: 'dropdown'
}
}),
ui.dropdownCheck({
className: 'dropdown-fontsize',
checkClassName: options.icons.menuCheck,
items: options.fontSizes,
click: context.createInvokeHandlerAndUpdateState('editor.fontSize')
})
]).render();
});
context.memo('button.color', function () {
return ui.buttonGroup({
className: 'note-color',
children: [
ui.button({
className: 'note-current-color-button',
contents: ui.icon(options.icons.font + ' note-recent-color'),
tooltip: lang.color.recent,
click: function (e) {
var $button = $(e.currentTarget);
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');
}
}),
ui.button({
className: 'dropdown-toggle',
contents: ui.dropdownButtonContents('', options),
tooltip: lang.color.more,
data: {
toggle: 'dropdown'
}
}),
ui.dropdown({
items: [
'<div class="note-palette">',
' <div class="note-palette-title">' + lang.color.background + '</div>',
' <div>',
' <button type="button" class="note-color-reset btn btn-light" data-event="backColor" data-value="inherit">',
lang.color.transparent,
' </button>',
' </div>',
' <div class="note-holder" data-event="backColor"/>',
'</div>',
'<div class="note-palette">',
' <div class="note-palette-title">' + lang.color.foreground + '</div>',
' <div>',
' <button type="button" class="note-color-reset btn btn-light" data-event="removeFormat" data-value="foreColor">',
lang.color.resetToDefault,
' </button>',
' </div>',
' <div class="note-holder" data-event="foreColor"/>',
'</div>'
].join(''),
callback: function ($dropdown) {
$dropdown.find('.note-holder').each(function () {
var $holder = $(this);
$holder.append(ui.palette({
colors: options.colors,
eventName: $holder.data('event'),
tooltip: options.tooltip
}).render());
});
},
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);
context.invoke('editor.' + eventName, value);
}
}
})
]
}).render();
});
context.memo('button.ul', function () {
return ui.button({
contents: ui.icon(options.icons.unorderedlist),
tooltip: lang.lists.unordered + representShortcut('insertUnorderedList'),
click: context.createInvokeHandler('editor.insertUnorderedList')
}).render();
});
context.memo('button.ol', function () {
return ui.button({
contents: ui.icon(options.icons.orderedlist),
tooltip: lang.lists.ordered + representShortcut('insertOrderedList'),
click: context.createInvokeHandler('editor.insertOrderedList')
}).render();
});
var justifyLeft = ui.button({
contents: ui.icon(options.icons.alignLeft),
tooltip: lang.paragraph.left + representShortcut('justifyLeft'),
click: context.createInvokeHandler('editor.justifyLeft')
});
var justifyCenter = ui.button({
contents: ui.icon(options.icons.alignCenter),
tooltip: lang.paragraph.center + representShortcut('justifyCenter'),
click: context.createInvokeHandler('editor.justifyCenter')
});
var justifyRight = ui.button({
contents: ui.icon(options.icons.alignRight),
tooltip: lang.paragraph.right + representShortcut('justifyRight'),
click: context.createInvokeHandler('editor.justifyRight')
});
var justifyFull = ui.button({
contents: ui.icon(options.icons.alignJustify),
tooltip: lang.paragraph.justify + representShortcut('justifyFull'),
click: context.createInvokeHandler('editor.justifyFull')
});
var outdent = ui.button({
contents: ui.icon(options.icons.outdent),
tooltip: lang.paragraph.outdent + representShortcut('outdent'),
click: context.createInvokeHandler('editor.outdent')
});
var indent = ui.button({
contents: ui.icon(options.icons.indent),
tooltip: lang.paragraph.indent + representShortcut('indent'),
click: context.createInvokeHandler('editor.indent')
});
context.memo('button.justifyLeft', func.invoke(justifyLeft, 'render'));
context.memo('button.justifyCenter', func.invoke(justifyCenter, 'render'));
context.memo('button.justifyRight', func.invoke(justifyRight, 'render'));
context.memo('button.justifyFull', func.invoke(justifyFull, 'render'));
context.memo('button.outdent', func.invoke(outdent, 'render'));
context.memo('button.indent', func.invoke(indent, 'render'));
context.memo('button.paragraph', function () {
return ui.buttonGroup([
ui.button({
className: 'dropdown-toggle',
contents: ui.dropdownButtonContents(ui.icon(options.icons.alignLeft), options),
tooltip: lang.paragraph.paragraph,
data: {
toggle: 'dropdown'
}
}),
ui.dropdown([
ui.buttonGroup({
className: 'note-align',
children: [justifyLeft, justifyCenter, justifyRight, justifyFull]
}),
ui.buttonGroup({
className: 'note-list',
children: [outdent, indent]
})
])
]).render();
});
context.memo('button.height', function () {
return ui.buttonGroup([
ui.button({
className: 'dropdown-toggle',
contents: ui.dropdownButtonContents(ui.icon(options.icons.textHeight), options),
tooltip: lang.font.height,
data: {
toggle: 'dropdown'
}
}),
ui.dropdownCheck({
items: options.lineHeights,
checkClassName: options.icons.menuCheck,
className: 'dropdown-line-height',
click: context.createInvokeHandler('editor.lineHeight')
})
]).render();
});
context.memo('button.table', function () {
return ui.buttonGroup([
ui.button({
className: 'dropdown-toggle',
contents: ui.dropdownButtonContents(ui.icon(options.icons.table), options),
tooltip: lang.table.table,
data: {
toggle: 'dropdown'
}
}),
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: options.insertTableMaxSize.col + 'em',
height: options.insertTableMaxSize.row + 'em'
}).mousedown(context.createInvokeHandler('editor.insertTable'))
.on('mousemove', self.tableMoveHandler);
}
}).render();
});
context.memo('button.link', function () {
return ui.button({
contents: ui.icon(options.icons.link),
tooltip: lang.link.link + representShortcut('linkDialog.show'),
click: context.createInvokeHandler('linkDialog.show')
}).render();
});
context.memo('button.picture', function () {
return ui.button({
contents: ui.icon(options.icons.picture),
tooltip: lang.image.image,
click: context.createInvokeHandler('imageDialog.show')
}).render();
});
context.memo('button.video', function () {
return ui.button({
contents: ui.icon(options.icons.video),
tooltip: lang.video.video,
click: context.createInvokeHandler('videoDialog.show')
}).render();
});
context.memo('button.hr', function () {
return ui.button({
contents: ui.icon(options.icons.minus),
tooltip: lang.hr.insert + representShortcut('insertHorizontalRule'),
click: context.createInvokeHandler('editor.insertHorizontalRule')
}).render();
});
context.memo('button.fullscreen', function () {
return ui.button({
className: 'btn-fullscreen',
contents: ui.icon(options.icons.arrowsAlt),
tooltip: lang.options.fullscreen,
click: context.createInvokeHandler('fullscreen.toggle')
}).render();
});
context.memo('button.codeview', function () {
return ui.button({
className: 'btn-codeview',
contents: ui.icon(options.icons.code),
tooltip: lang.options.codeview,
click: context.createInvokeHandler('codeview.toggle')
}).render();
});
context.memo('button.redo', function () {
return ui.button({
contents: ui.icon(options.icons.redo),
tooltip: lang.history.redo + representShortcut('redo'),
click: context.createInvokeHandler('editor.redo')
}).render();
});
context.memo('button.undo', function () {
return ui.button({
contents: ui.icon(options.icons.undo),
tooltip: lang.history.undo + representShortcut('undo'),
click: context.createInvokeHandler('editor.undo')
}).render();
});
context.memo('button.help', function () {
return ui.button({
contents: ui.icon(options.icons.question),
tooltip: lang.options.help,
click: context.createInvokeHandler('helpDialog.show')
}).render();
});
};
/**
* image : [
* ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
* ['float', ['floatLeft', 'floatRight', 'floatNone' ]],
* ['remove', ['removeMedia']]
* ],
*/
this.addImagePopoverButtons = function () {
// Image Size Buttons
context.memo('button.imageSize100', 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.imageSize50', 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.imageSize25', function () {
return ui.button({
contents: '<span class="note-fontsize-10">25%</span>',
tooltip: lang.image.resizeQuarter,
click: context.createInvokeHandler('editor.resize', '0.25')
}).render();
});
// Float Buttons
context.memo('button.floatLeft', function () {
return ui.button({
contents: ui.icon(options.icons.alignLeft),
tooltip: lang.image.floatLeft,
click: context.createInvokeHandler('editor.floatMe', 'left')
}).render();
});
context.memo('button.floatRight', function () {
return ui.button({
contents: ui.icon(options.icons.alignRight),
tooltip: lang.image.floatRight,
click: context.createInvokeHandler('editor.floatMe', 'right')
}).render();
});
context.memo('button.floatNone', function () {
return ui.button({
contents: ui.icon(options.icons.alignJustify),
tooltip: lang.image.floatNone,
click: context.createInvokeHandler('editor.floatMe', 'none')
}).render();
});
// Remove Buttons
context.memo('button.removeMedia', function () {
return ui.button({
contents: ui.icon(options.icons.trash),
tooltip: lang.image.remove,
click: context.createInvokeHandler('editor.removeMedia')
}).render();
});
};
this.addLinkPopoverButtons = function () {
context.memo('button.linkDialogShow', function () {
return ui.button({
contents: ui.icon(options.icons.link),
tooltip: lang.link.edit,
click: context.createInvokeHandler('linkDialog.show')
}).render();
});
context.memo('button.unlink', function () {
return ui.button({
contents: ui.icon(options.icons.unlink),
tooltip: lang.link.unlink,
click: context.createInvokeHandler('editor.unlink')
}).render();
});
};
/**
* table : [
* ['add', ['addRowDown', 'addRowUp', 'addColLeft', 'addColRight']],
* ['delete', ['deleteRow', 'deleteCol', 'deleteTable']]
* ],
*/
this.addTablePopoverButtons = function () {
context.memo('button.addRowUp', function () {
return ui.button({
className: 'btn-md',
contents: ui.icon(options.icons.rowAbove),
tooltip: lang.table.addRowAbove,
click: context.createInvokeHandler('editor.addRow', 'top')
}).render();
});
context.memo('button.addRowDown', function () {
return ui.button({
className: 'btn-md',
contents: ui.icon(options.icons.rowBelow),
tooltip: lang.table.addRowBelow,
click: context.createInvokeHandler('editor.addRow', 'bottom')
}).render();
});
context.memo('button.addColLeft', function () {
return ui.button({
className: 'btn-md',
contents: ui.icon(options.icons.colBefore),
tooltip: lang.table.addColLeft,
click: context.createInvokeHandler('editor.addCol', 'left')
}).render();
});
context.memo('button.addColRight', function () {
return ui.button({
className: 'btn-md',
contents: ui.icon(options.icons.colAfter),
tooltip: lang.table.addColRight,
click: context.createInvokeHandler('editor.addCol', 'right')
}).render();
});
context.memo('button.deleteRow', function () {
return ui.button({
className: 'btn-md',
contents: ui.icon(options.icons.rowRemove),
tooltip: lang.table.delRow,
click: context.createInvokeHandler('editor.deleteRow')
}).render();
});
context.memo('button.deleteCol', function () {
return ui.button({
className: 'btn-md',
contents: ui.icon(options.icons.colRemove),
tooltip: lang.table.delCol,
click: context.createInvokeHandler('editor.deleteCol')
}).render();
});
context.memo('button.deleteTable', function () {
return ui.button({
className: 'btn-md',
contents: ui.icon(options.icons.trash),
tooltip: lang.table.delTable,
click: context.createInvokeHandler('editor.deleteTable')
}).render();
});
};
this.build = function ($container, groups) {
for (var groupIdx = 0, groupLen = groups.length; groupIdx < groupLen; groupIdx++) {
var group = groups[groupIdx];
var groupName = group[0];
var buttons = group[1];
var $group = ui.buttonGroup({
className: 'note-' + groupName
}).render();
for (var idx = 0, len = buttons.length; idx < len; idx++) {
var button = context.memo('button.' + buttons[idx]);
if (button) {
$group.append(typeof button === 'function' ? button(context) : button);
}
}
$group.appendTo($container);
}
};
/**
* @param {jQuery} [$container]
*/
this.updateCurrentStyle = function ($container) {
var $cont = $container || $toolbar;
var styleInfo = 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 = list.find(fontNames, self.isFontInstalled);
$cont.find('.dropdown-fontname a').each(function () {
var $item = $(this);
// always compare string to avoid creating another func.
var isChecked = ($item.data('value') + '') === (fontName + '');
$item.toggleClass('checked', isChecked);
});
$cont.find('.note-current-fontname').text(fontName);
}
if (styleInfo['font-size']) {
var fontSize = styleInfo['font-size'];
$cont.find('.dropdown-fontsize a').each(function () {
var $item = $(this);
// always compare with string to avoid creating another func.
var isChecked = ($item.data('value') + '') === (fontSize + '');
$item.toggleClass('checked', isChecked);
});
$cont.find('.note-current-fontsize').text(fontSize);
}
if (styleInfo['line-height']) {
var lineHeight = styleInfo['line-height'];
$cont.find('.dropdown-line-height li a').each(function () {
// always compare with string to avoid creating another func.
var isChecked = ($(this).data('value') + '') === (lineHeight + '');
this.className = isChecked ? 'checked' : '';
});
}
};
this.updateBtnStates = function ($container, infos) {
$.each(infos, function (selector, pred) {
ui.toggleBtnActive($container.find(selector), pred());
});
};
this.tableMoveHandler = function (event) {
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 (3 < dim.c && dim.c < options.insertTableMaxSize.col) {
$unhighlighted.css({ width: dim.c + 1 + 'em'});
}
if (3 < dim.r && dim.r < options.insertTableMaxSize.row) {
$unhighlighted.css({ height: dim.r + 1 + 'em'});
}
$dimensionDisplay.html(dim.c + ' x ' + dim.r);
};
};
var Toolbar = function (context) {
var ui = $.summernote.ui;
var $note = context.layoutInfo.note;
var $editor = context.layoutInfo.editor;
var $toolbar = context.layoutInfo.toolbar;
var options = context.options;
this.shouldInitialize = function () {
return !options.airMode;
};
this.initialize = function () {
options.toolbar = options.toolbar || [];
if (!options.toolbar.length) {
$toolbar.hide();
} else {
context.invoke('buttons.build', $toolbar, options.toolbar);
}
if (options.toolbarContainer) {
$toolbar.appendTo(options.toolbarContainer);
}
this.changeContainer(false);
$note.on('summernote.keyup summernote.mouseup summernote.change', function () {
context.invoke('buttons.updateCurrentStyle');
});
context.invoke('buttons.updateCurrentStyle');
};
this.destroy = function () {
$toolbar.children().remove();
};
this.changeContainer = function (isFullscreen) {
if (isFullscreen) {
$toolbar.prependTo($editor);
} else {
if (options.toolbarContainer) {
$toolbar.appendTo(options.toolbarContainer);
}
}
};
this.updateFullscreen = function (isFullscreen) {
ui.toggleBtnActive($toolbar.find('.btn-fullscreen'), isFullscreen);
this.changeContainer(isFullscreen);
};
this.updateCodeview = function (isCodeview) {
ui.toggleBtnActive($toolbar.find('.btn-codeview'), isCodeview);
if (isCodeview) {
this.deactivate();
} else {
this.activate();
}
};
this.activate = function (isIncludeCodeview) {
var $btn = $toolbar.find('button');
if (!isIncludeCodeview) {
$btn = $btn.not('.btn-codeview');
}
ui.toggleBtn($btn, true);
};
this.deactivate = function (isIncludeCodeview) {
var $btn = $toolbar.find('button');
if (!isIncludeCodeview) {
$btn = $btn.not('.btn-codeview');
}
ui.toggleBtn($btn, false);
};
};
var LinkDialog = function (context) {
var self = this;
var ui = $.summernote.ui;
var $editor = context.layoutInfo.editor;
var options = context.options;
var lang = options.langInfo;
this.initialize = function () {
var $container = options.dialogsInBody ? $(document.body) : $editor;
var body = '<div class="form-group note-form-group">' +
'<label class="note-form-label">' + 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">' + lang.link.url + '</label>' +
'<input class="note-link-url form-control note-form-control ' +
'note-input" type="text" value="http://" />' +
'</div>' +
(!options.disableLinkTarget ?
$('<div/>').append(ui.checkbox({ id: 'sn-checkbox-open-in-new-window', text: lang.link.openInNewWindow, checked: true }).render())
.html()
: '');
var footer = '<button href="#" class="btn btn-primary note-btn note-btn-primary ' +
'note-link-btn disabled" disabled>' + lang.link.insert + '</button>';
this.$dialog = ui.dialog({
className: 'link-dialog',
title: lang.link.insert,
fade: options.dialogsFade,
body: body,
footer: footer
}).render().appendTo($container);
};
this.destroy = function () {
ui.hideDialog(this.$dialog);
this.$dialog.remove();
};
this.bindEnterKey = function ($input, $btn) {
$input.on('keypress', function (event) {
if (event.keyCode === key.code.ENTER) {
$btn.trigger('click');
}
});
};
/**
* toggle update button
*/
this.toggleLinkBtn = function ($linkBtn, $linkText, $linkUrl) {
ui.toggleBtn($linkBtn, $linkText.val() && $linkUrl.val());
};
/**
* Show link dialog and set event handlers on dialog controls.
*
* @param {Object} linkInfo
* @return {Promise}
*/
this.showLinkDialog = function (linkInfo) {
return $.Deferred(function (deferred) {
var $linkText = self.$dialog.find('.note-link-text'),
$linkUrl = self.$dialog.find('.note-link-url'),
$linkBtn = self.$dialog.find('.note-link-btn'),
$openInNewWindow = self.$dialog.find('input[type=checkbox]');
ui.onDialogShown(self.$dialog, function () {
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 () {
self.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 () {
self.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).trigger('focus');
self.toggleLinkBtn($linkBtn, $linkText, $linkUrl);
self.bindEnterKey($linkUrl, $linkBtn);
self.bindEnterKey($linkText, $linkBtn);
var isChecked = linkInfo.isNewWindow !== undefined ?
linkInfo.isNewWindow : 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')
});
ui.hideDialog(self.$dialog);
});
});
ui.onDialogHidden(self.$dialog, function () {
// detach events
$linkText.off('input paste keypress');
$linkUrl.off('input paste keypress');
$linkBtn.off('click');
if (deferred.state() === 'pending') {
deferred.reject();
}
});
ui.showDialog(self.$dialog);
}).promise();
};
/**
* @param {Object} layoutInfo
*/
this.show = function () {
var linkInfo = context.invoke('editor.getLinkInfo');
context.invoke('editor.saveRange');
this.showLinkDialog(linkInfo).then(function (linkInfo) {
context.invoke('editor.restoreRange');
context.invoke('editor.createLink', linkInfo);
}).fail(function () {
context.invoke('editor.restoreRange');
});
};
context.memo('help.linkDialog.show', options.langInfo.help['linkDialog.show']);
};
var LinkPopover = function (context) {
var self = this;
var ui = $.summernote.ui;
var options = context.options;
this.events = {
'summernote.keyup summernote.mouseup summernote.change summernote.scroll': function () {
self.update();
},
'summernote.disable summernote.dialog.shown': function () {
self.hide();
}
};
this.shouldInitialize = function () {
return !list.isEmpty(options.popover.link);
};
this.initialize = function () {
this.$popover = 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> </span>');
}
}).render().appendTo('body');
var $content = this.$popover.find('.popover-content,.note-popover-content');
context.invoke('buttons.build', $content, options.popover.link);
};
this.destroy = function () {
this.$popover.remove();
};
this.update = function () {
// Prevent focusing on editable when invoke('code') is executed
if (!context.invoke('editor.hasFocus')) {
this.hide();
return;
}
var rng = context.invoke('editor.createRange');
if (rng.isCollapsed() && rng.isOnAnchor()) {
var anchor = dom.ancestor(rng.sc, dom.isAnchor);
var href = $(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();
}
};
this.hide = function () {
this.$popover.hide();
};
};
var ImageDialog = function (context) {
var self = this;
var ui = $.summernote.ui;
var $editor = context.layoutInfo.editor;
var options = context.options;
var lang = options.langInfo;
this.initialize = function () {
var $container = options.dialogsInBody ? $(document.body) : $editor;
var imageLimitation = '';
if (options.maximumImageFileSize) {
var unit = Math.floor(Math.log(options.maximumImageFileSize) / Math.log(1024));
var readableSize = (options.maximumImageFileSize / Math.pow(1024, unit)).toFixed(2) * 1 +
' ' + ' KMGTP'[unit] + 'B';
imageLimitation = '<small>' + lang.image.maximumFileSize + ' : ' + readableSize + '</small>';
}
var body = '<div class="form-group note-form-group note-group-select-from-files">' +
'<label class="note-form-label">' + lang.image.selectFromFiles + '</label>' +
'<input class="note-image-input form-control 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">' + lang.image.url + '</label>' +
'<input class="note-image-url form-control note-form-control note-input ' +
' col-md-12" type="text" />' +
'</div>';
var footer = '<button href="#" class="btn btn-primary note-btn note-btn-primary ' +
'note-image-btn disabled" disabled>' + lang.image.insert + '</button>';
this.$dialog = ui.dialog({
title: lang.image.insert,
fade: options.dialogsFade,
body: body,
footer: footer
}).render().appendTo($container);
};
this.destroy = function () {
ui.hideDialog(this.$dialog);
this.$dialog.remove();
};
this.bindEnterKey = function ($input, $btn) {
$input.on('keypress', function (event) {
if (event.keyCode === key.code.ENTER) {
$btn.trigger('click');
}
});
};
this.show = function () {
context.invoke('editor.saveRange');
this.showImageDialog().then(function (data) {
// [workaround] hide dialog before restore range for IE range focus
ui.hideDialog(self.$dialog);
context.invoke('editor.restoreRange');
if (typeof data === 'string') { // image url
context.invoke('editor.insertImage', data);
} else { // array of files
context.invoke('editor.insertImagesOrCallback', data);
}
}).fail(function () {
context.invoke('editor.restoreRange');
});
};
/**
* show image dialog
*
* @param {jQuery} $dialog
* @return {Promise}
*/
this.showImageDialog = function () {
return $.Deferred(function (deferred) {
var $imageInput = self.$dialog.find('.note-image-input'),
$imageUrl = self.$dialog.find('.note-image-url'),
$imageBtn = self.$dialog.find('.note-image-btn');
ui.onDialogShown(self.$dialog, function () {
context.triggerEvent('dialog.shown');
// Cloning imageInput to clear element.
$imageInput.replaceWith($imageInput.clone()
.on('change', function () {
deferred.resolve(this.files || this.value);
})
.val('')
);
$imageBtn.click(function (event) {
event.preventDefault();
deferred.resolve($imageUrl.val());
});
$imageUrl.on('keyup paste', function () {
var url = $imageUrl.val();
ui.toggleBtn($imageBtn, url);
}).val('').trigger('focus');
self.bindEnterKey($imageUrl, $imageBtn);
});
ui.onDialogHidden(self.$dialog, function () {
$imageInput.off('change');
$imageUrl.off('keyup paste keypress');
$imageBtn.off('click');
if (deferred.state() === 'pending') {
deferred.reject();
}
});
ui.showDialog(self.$dialog);
});
};
};
/**
* 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 = function (context) {
var self = this;
var ui = $.summernote.ui;
var $editable = context.layoutInfo.editable;
var editable = $editable[0];
var options = context.options;
this.events = {
'summernote.disable': function () {
self.hide();
}
};
this.shouldInitialize = function () {
return !list.isEmpty(options.popover.image);
};
this.initialize = function () {
this.$popover = ui.popover({
className: 'note-image-popover'
}).render().appendTo('body');
var $content = this.$popover.find('.popover-content,.note-popover-content');
context.invoke('buttons.build', $content, options.popover.image);
};
this.destroy = function () {
this.$popover.remove();
};
this.update = function (target) {
if (dom.isImg(target)) {
var pos = dom.posFromPlaceholder(target);
var posEditor = dom.posFromPlaceholder(editable);
this.$popover.css({
display: 'block',
left: pos.left,
top: Math.min(pos.top, posEditor.top)
});
} else {
this.hide();
}
};
this.hide = function () {
this.$popover.hide();
};
};
var TablePopover = function (context) {
var self = this;
var ui = $.summernote.ui;
var options = context.options;
this.events = {
'summernote.mousedown': function (we, e) {
self.update(e.target);
},
'summernote.keyup summernote.scroll summernote.change': function () {
self.update();
},
'summernote.disable': function () {
self.hide();
}
};
this.shouldInitialize = function () {
return !list.isEmpty(options.popover.table);
};
this.initialize = function () {
this.$popover = ui.popover({
className: 'note-table-popover'
}).render().appendTo('body');
var $content = this.$popover.find('.popover-content,.note-popover-content');
context.invoke('buttons.build', $content, options.popover.table);
// [workaround] Disable Firefox's default table editor
if (agent.isFF) {
document.execCommand('enableInlineTableEditing', false, false);
}
};
this.destroy = function () {
this.$popover.remove();
};
this.update = function (target) {
if (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;
};
this.hide = function () {
this.$popover.hide();
};
};
var VideoDialog = function (context) {
var self = this;
var ui = $.summernote.ui;
var $editor = context.layoutInfo.editor;
var options = context.options;
var lang = options.langInfo;
this.initialize = function () {
var $container = options.dialogsInBody ? $(document.body) : $editor;
var body = '<div class="form-group note-form-group row-fluid">' +
'<label class="note-form-label">' + lang.video.url + ' <small class="text-muted">' + lang.video.providers + '</small></label>' +
'<input class="note-video-url form-control note-form-control note-input span12" ' +
' type="text" />' +
'</div>';
var footer = '<button href="#" class="btn btn-primary note-btn note-btn-primary ' +
' note-video-btn disabled" disabled>' + lang.video.insert + '</button>';
this.$dialog = ui.dialog({
title: lang.video.insert,
fade: options.dialogsFade,
body: body,
footer: footer
}).render().appendTo($container);
};
this.destroy = function () {
ui.hideDialog(this.$dialog);
this.$dialog.remove();
};
this.bindEnterKey = function ($input, $btn) {
$input.on('keypress', function (event) {
if (event.keyCode === key.code.ENTER) {
$btn.trigger('click');
}
});
};
this.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 = $('<iframe>')
.attr('frameborder', 0)
.attr('src', '//www.youtube.com/embed/' + youtubeId)
.attr('width', '640').attr('height', '360');
} else if (igMatch && igMatch[0].length) {
$video = $('<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 = $('<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 = $('<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 = $('<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 = $('<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 = $('<iframe webkitallowfullscreen mozallowfullscreen allowfullscreen>')
.attr('frameborder', 0)
.attr('height', '310')
.attr('width', '500')
.attr('src', 'http://v.qq.com/iframe/player.html?vid=' + vid + '&auto=0');
} else if (mp4Match || oggMatch || webmMatch) {
$video = $('<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];
};
this.show = function () {
var text = context.invoke('editor.getSelectedText');
context.invoke('editor.saveRange');
this.showVideoDialog(text).then(function (url) {
// [workaround] hide dialog before restore range for IE range focus
ui.hideDialog(self.$dialog);
context.invoke('editor.restoreRange');
// build node
var $node = self.createVideoNode(url);
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.showVideoDialog = function (text) {
return $.Deferred(function (deferred) {
var $videoUrl = self.$dialog.find('.note-video-url'),
$videoBtn = self.$dialog.find('.note-video-btn');
ui.onDialogShown(self.$dialog, function () {
context.triggerEvent('dialog.shown');
$videoUrl.val(text).on('input', function () {
ui.toggleBtn($videoBtn, $videoUrl.val());
}).trigger('focus');
$videoBtn.click(function (event) {
event.preventDefault();
deferred.resolve($videoUrl.val());
});
self.bindEnterKey($videoUrl, $videoBtn);
});
ui.onDialogHidden(self.$dialog, function () {
$videoUrl.off('input');
$videoBtn.off('click');
if (deferred.state() === 'pending') {
deferred.reject();
}
});
ui.showDialog(self.$dialog);
});
};
};
var HelpDialog = function (context) {
var self = this;
var ui = $.summernote.ui;
var $editor = context.layoutInfo.editor;
var options = context.options;
var lang = options.langInfo;
this.createShortCutList = function () {
var keyMap = options.keyMap[agent.isMac ? 'mac' : 'pc'];
return Object.keys(keyMap).map(function (key) {
var command = keyMap[key];
var $row = $('<div><div class="help-list-item"/></div>');
$row.append($('<label><kbd>' + key + '</kdb></label>').css({
'width': 180,
'margin-right': 10
})).append($('<span/>').html(context.memo('help.' + command) || command));
return $row.html();
}).join('');
};
this.initialize = function () {
var $container = options.dialogsInBody ? $(document.body) : $editor;
var body = [
'<p class="text-center">',
'<a href="http://summernote.org/" target="_blank">Summernote 0.8.8</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 = ui.dialog({
title: lang.options.help,
fade: 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);
};
this.destroy = function () {
ui.hideDialog(this.$dialog);
this.$dialog.remove();
};
/**
* show help dialog
*
* @return {Promise}
*/
this.showHelpDialog = function () {
return $.Deferred(function (deferred) {
ui.onDialogShown(self.$dialog, function () {
context.triggerEvent('dialog.shown');
deferred.resolve();
});
ui.showDialog(self.$dialog);
}).promise();
};
this.show = function () {
context.invoke('editor.saveRange');
this.showHelpDialog().then(function () {
context.invoke('editor.restoreRange');
});
};
};
var AirPopover = function (context) {
var self = this;
var ui = $.summernote.ui;
var options = context.options;
var AIR_MODE_POPOVER_X_OFFSET = 20;
this.events = {
'summernote.keyup summernote.mouseup summernote.scroll': function () {
self.update();
},
'summernote.disable summernote.change summernote.dialog.shown': function () {
self.hide();
},
'summernote.focusout': function (we, e) {
// [workaround] Firefox doesn't support relatedTarget on focusout
// - Ignore hide action on focus out in FF.
if (agent.isFF) {
return;
}
if (!e.relatedTarget || !dom.ancestor(e.relatedTarget, func.eq(self.$popover[0]))) {
self.hide();
}
}
};
this.shouldInitialize = function () {
return options.airMode && !list.isEmpty(options.popover.air);
};
this.initialize = function () {
this.$popover = ui.popover({
className: 'note-air-popover'
}).render().appendTo('body');
var $content = this.$popover.find('.popover-content');
context.invoke('buttons.build', $content, options.popover.air);
};
this.destroy = function () {
this.$popover.remove();
};
this.update = function () {
var styleInfo = context.invoke('editor.currentStyle');
if (styleInfo.range && !styleInfo.range.isCollapsed()) {
var rect = list.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
});
context.invoke('buttons.updateCurrentStyle', this.$popover);
}
} else {
this.hide();
}
};
this.hide = function () {
this.$popover.hide();
};
};
var HintPopover = function (context) {
var self = this;
var ui = $.summernote.ui;
var POPOVER_DIST = 5;
var hint = context.options.hint || [];
var direction = context.options.hintDirection || 'bottom';
var hints = $.isArray(hint) ? hint : [hint];
this.events = {
'summernote.keyup': function (we, e) {
if (!e.isDefaultPrevented()) {
self.handleKeyup(e);
}
},
'summernote.keydown': function (we, e) {
self.handleKeydown(e);
},
'summernote.disable summernote.dialog.shown': function () {
self.hide();
}
};
this.shouldInitialize = function () {
return hints.length > 0;
};
this.initialize = function () {
this.lastWordRange = null;
this.$popover = ui.popover({
className: 'note-hint-popover',
hideArrow: true,
direction: ''
}).render().appendTo('body');
this.$popover.hide();
this.$content = this.$popover.find('.popover-content,.note-popover-content');
this.$content.on('click', '.note-hint-item', function () {
self.$content.find('.active').removeClass('active');
$(this).addClass('active');
self.replace();
});
};
this.destroy = function () {
this.$popover.remove();
};
this.selectItem = function ($item) {
this.$content.find('.active').removeClass('active');
$item.addClass('active');
this.$content[0].scrollTop = $item[0].offsetTop - (this.$content.innerHeight() / 2);
};
this.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());
}
};
this.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());
}
};
this.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();
context.triggerEvent('change', context.layoutInfo.editable.html(), context.layoutInfo.editable);
context.invoke('editor.focus');
}
};
this.nodeFromItem = function ($item) {
var hint = 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;
};
this.createItemTemplates = function (hintIdx, items) {
var hint = hints[hintIdx];
return items.map(function (item, idx) {
var $item = $('<div class="note-hint-item"/>');
$item.append(hint.template ? hint.template(item) : item + '');
$item.data({
'index': hintIdx,
'item': item
});
if (hintIdx === 0 && idx === 0) {
$item.addClass('active');
}
return $item;
});
};
this.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();
}
};
this.searchKeyword = function (index, keyword, callback) {
var hint = hints[index];
if (hint && hint.match.test(keyword) && hint.search) {
var matches = hint.match.exec(keyword);
hint.search(matches[1], callback);
} else {
callback();
}
};
this.createGroup = function (idx, keyword) {
var $group = $('<div class="note-hint-group note-hint-group-' + idx + '"/>');
this.searchKeyword(idx, keyword, function (items) {
items = items || [];
if (items.length) {
$group.html(self.createItemTemplates(idx, items));
self.show();
}
});
return $group;
};
this.handleKeyup = function (e) {
if (list.contains([key.code.ENTER, key.code.UP, key.code.DOWN], e.keyCode)) {
if (e.keyCode === key.code.ENTER) {
if (this.$popover.is(':visible')) {
return;
}
}
} else {
var wordRange = context.invoke('editor.createRange').getWordRange();
var keyword = wordRange.toString();
if (hints.length && keyword) {
this.$content.empty();
var bnd = func.rect2bnd(list.last(wordRange.getClientRects()));
if (bnd) {
this.$popover.hide();
this.lastWordRange = wordRange;
hints.forEach(function (hint, idx) {
if (hint.match.test(keyword)) {
self.createGroup(idx, keyword).appendTo(self.$content);
}
});
// set position for popover after group is created
if (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();
}
}
};
this.show = function () {
this.$popover.show();
};
this.hide = function () {
this.$popover.hide();
};
};
$.summernote = $.extend($.summernote, {
version: '0.8.8',
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',
// 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
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,
direction: null,
tooltip: 'auto',
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,
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'
}
}
});
}));
summernote-zh-CN.js
(function ($) {
$.extend($.summernote.lang, {
'zh-CN': {
font: {
bold: '粗体',
italic: '斜体',
underline: '下划线',
strikethrough: '删除线',
clear: '清除格式',
height: '行高',
name: '字体',
size: '字号'
},
image: {
image: '图片',
insert: '插入图片',
resizeFull: '调整至 100%',
resizeHalf: '调整至 50%',
resizeQuarter: '调整至 25%',
floatLeft: '左浮动',
floatRight: '右浮动',
floatNone: '不浮动',
dragImageHere: '将图片拖至此处',
selectFromFiles: '从本地上传',
url: '图片地址'
},
link: {
link: '链接',
insert: '插入链接',
unlink: '去除链接',
edit: '编辑链接',
textToDisplay: '显示文本',
url: '链接地址',
openInNewWindow: '在新窗口打开'
},
video: {
video: '视频',
videoLink: '视频链接',
insert: '插入视频',
url: '视频地址',
providers: '(优酷, Instagram, DailyMotion, Youtube等)'
},
table: {
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: '源代码'
},
paragraph: {
paragraph: '段落',
outdent: '减少缩进',
indent: '增加缩进',
left: '左对齐',
center: '居中对齐',
right: '右对齐',
justify: '两端对齐'
},
color: {
recent: '最近使用',
more: '更多',
background: '背景',
foreground: '前景',
transparent: '透明',
setTransparent: '透明',
reset: '重置',
resetToDefault: '默认'
},
shortcut: {
shortcuts: '快捷键',
close: '关闭',
textFormatting: '文本格式',
action: '动作',
paragraphFormatting: '段落格式',
documentStyle: '文档样式'
},
history: {
undo: '撤销',
redo: '重做'
}
}
});
})(jQuery);
summernote.css
.note-editor {
height: 300px;
}
.note-editor .note-dropzone {
position: absolute;
z-index: 1;
display: none;
color: #87cefa;
background-color: white;
border: 2px dashed #87cefa;
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;
border: 2px dashed #098ddf
}
.note-editor.dragover .note-dropzone {
display: table
}
.note-editor.fullscreen {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
width: 100%
}
.note-editor.fullscreen .note-editable {
background-color: white
}
.note-editor.fullscreen .note-resizebar {
display: none
}
.note-editor.codeview .note-editable {
display: none
}
.note-editor.codeview .note-codable {
display: block
}
.note-editor .note-toolbar {
padding-bottom: 5px;
padding-left: 10px;
padding-top: 5px;
margin: 0;
background-color: #f5f5f5;
border-bottom: 1px solid #E7EAEC
}
.note-editor .note-toolbar > .btn-group {
margin-top: 5px;
margin-right: 5px;
margin-left: 0
}
.note-editor .note-toolbar .note-table .dropdown-menu {
min-width: 0;
padding: 5px
}
.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker {
font-size: 18px
}
.note-editor .note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
position: absolute !important;
z-index: 3;
width: 10em;
height: 10em;
cursor: pointer
}
.note-editor .note-toolbar .note-table .dropdown-menu .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-editor .note-toolbar .note-table .dropdown-menu .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-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6, .note-editor .note-toolbar .note-style blockquote {
margin: 0
}
.note-editor .note-toolbar .note-color .dropdown-toggle {
width: 20px;
padding-left: 5px
}
.note-editor .note-toolbar .note-color .dropdown-menu {
min-width: 290px
}
.note-editor .note-toolbar .note-color .dropdown-menu .btn-group {
margin: 0
}
.note-editor .note-toolbar .note-color .dropdown-menu .btn-group:first-child {
margin: 0 5px
}
.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
margin: 2px 7px;
font-size: 12px;
text-align: center;
border-bottom: 1px solid #eee
}
.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
padding: 0 3px;
margin: 5px;
font-size: 12px;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px
}
.note-editor .note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
background: #eee
}
.note-editor .note-toolbar .note-para .dropdown-menu {
min-width: 216px;
padding: 5px
}
.note-editor .note-toolbar .note-para .dropdown-menu > div:first-child {
margin-right: 5px
}
.note-editor .note-statusbar {
background-color: #f5f5f5
}
.note-editor .note-statusbar .note-resizebar {
width: 100%;
height: 8px;
cursor: s-resize;
border-top: 1px solid #a9a9a9
}
.note-editor .note-statusbar .note-resizebar .note-icon-bar {
width: 20px;
margin: 1px auto;
border-top: 1px solid #a9a9a9
}
.note-editor .note-popover .popover {
max-width: none
}
.note-editor .note-popover .popover .popover-content {
padding: 5px
}
.note-editor .note-popover .popover .popover-content a {
display: inline-block;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle
}
.note-editor .note-popover .popover .popover-content .btn-group + .btn-group {
margin-left: 5px
}
.note-editor .note-popover .popover .arrow {
left: 20px
}
.note-editor .note-handle .note-control-selection {
position: absolute;
display: none;
border: 1px solid black
}
.note-editor .note-handle .note-control-selection > div {
position: absolute
}
.note-editor .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-editor .note-handle .note-control-selection .note-control-handle {
width: 7px;
height: 7px;
border: 1px solid black
}
.note-editor .note-handle .note-control-selection .note-control-holder {
width: 7px;
height: 7px;
border: 1px solid black
}
.note-editor .note-handle .note-control-selection .note-control-sizing {
width: 7px;
height: 7px;
background-color: white;
border: 1px solid black
}
.note-editor .note-handle .note-control-selection .note-control-nw {
top: -5px;
left: -5px;
border-right: 0;
border-bottom: 0
}
.note-editor .note-handle .note-control-selection .note-control-ne {
top: -5px;
right: -5px;
border-bottom: 0;
border-left: none
}
.note-editor .note-handle .note-control-selection .note-control-sw {
bottom: -5px;
left: -5px;
border-top: 0;
border-right: 0
}
.note-editor .note-handle .note-control-selection .note-control-se {
right: -5px;
bottom: -5px;
cursor: se-resize
}
.note-editor .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-editor .note-dialog > div {
display: none
}
.note-editor .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
}
.note-editor .note-dialog .note-help-dialog {
font-size: 12px;
color: #ccc;
background: transparent;
background-color: #222 !important;
border: 0;
-webkit-opacity: .9;
-khtml-opacity: .9;
-moz-opacity: .9;
opacity: .9;
-ms-filter: alpha(opacity=90);
filter: alpha(opacity=90)
}
.note-editor .note-dialog .note-help-dialog .modal-content {
background: transparent;
border: 1px solid white;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.note-editor .note-dialog .note-help-dialog a {
font-size: 12px;
color: white
}
.note-editor .note-dialog .note-help-dialog .title {
padding-bottom: 5px;
font-size: 14px;
font-weight: bold;
color: white;
border-bottom: white 1px solid
}
.note-editor .note-dialog .note-help-dialog .modal-close {
font-size: 14px;
color: #dd0;
cursor: pointer
}
.note-editor .note-dialog .note-help-dialog .note-shortcut-layout {
width: 100%
}
.note-editor .note-dialog .note-help-dialog .note-shortcut-layout td {
vertical-align: top
}
.note-editor .note-dialog .note-help-dialog .note-shortcut {
margin-top: 8px
}
.note-editor .note-dialog .note-help-dialog .note-shortcut th {
font-size: 13px;
color: #dd0;
text-align: left
}
.note-editor .note-dialog .note-help-dialog .note-shortcut td:first-child {
min-width: 110px;
padding-right: 10px;
font-family: "Courier New";
color: #dd0;
text-align: right
}
.note-editor .note-editable {
padding: 20px;
overflow: auto;
outline: 0
}
.note-editor .note-editable[contenteditable="false"] {
background-color: #e5e5e5
}
.note-editor .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 .dropdown-menu {
min-width: 90px
}
.note-editor .dropdown-menu.right {
right: 0;
left: auto
}
.note-editor .dropdown-menu.right::before {
right: 9px;
left: auto !important
}
.note-editor .dropdown-menu.right::after {
right: 10px;
left: auto !important
}
.note-editor .dropdown-menu li a i {
color: deepskyblue;
visibility: hidden
}
.note-editor .dropdown-menu li a.checked i {
visibility: visible
}
.note-editor .note-fontsize-10 {
font-size: 10px
}
.note-editor .note-color-palette {
line-height: 1
}
.note-editor .note-color-palette div .note-color-btn {
width: 17px;
height: 17px;
padding: 0;
margin: 0;
border: 1px solid #fff
}
.note-editor .note-color-palette div .note-color-btn:hover {
border: 1px solid #000
}
summernote-bs3.css
.note-editor {
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
}
.note-editor article,
.note-editor aside,
.note-editor details,
.note-editor figcaption,
.note-editor figure,
.note-editor footer,
.note-editor header,
.note-editor hgroup,
.note-editor main,
.note-editor nav,
.note-editor section,
.note-editor summary {
display: block;
}
.note-editor audio,
.note-editor canvas,
.note-editor video {
display: inline-block;
}
.note-editor audio:not([controls]) {
display: none;
height: 0;
}
.note-editor [hidden],
.note-editor template {
display: none;
}
.note-editor html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
.note-editor body {
margin: 0;
}
.note-editor a {
background: transparent;
}
.note-editor a:focus {
outline: thin dotted;
}
.note-editor a:active,
.note-editor a:hover {
outline: 0;
}
.note-editor h1 {
font-size: 2em;
margin: 0.67em 0;
}
.note-editor abbr[title] {
border-bottom: 1px dotted;
}
.note-editor b,
.note-editor strong {
font-weight: bold;
}
.note-editor dfn {
font-style: italic;
}
.note-editor hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
.note-editor mark {
background: #ff0;
color: #000;
}
.note-editor code,
.note-editor kbd,
.note-editor pre,
.note-editor samp {
font-family: monospace, serif;
font-size: 1em;
}
.note-editor pre {
white-space: pre-wrap;
}
.note-editor q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
.note-editor small {
font-size: 80%;
}
.note-editor sub,
.note-editor sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
.note-editor sup {
top: -0.5em;
}
.note-editor sub {
bottom: -0.25em;
}
.note-editor img {
border: 0;
}
.note-editor svg:not(:root) {
overflow: hidden;
}
.note-editor figure {
margin: 0;
}
.note-editor fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
.note-editor legend {
border: 0;
padding: 0;
}
.note-editor button,
.note-editor input,
.note-editor select,
.note-editor textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
.note-editor button,
.note-editor input {
line-height: normal;
}
.note-editor button,
.note-editor select {
text-transform: none;
}
.note-editor button,
.note-editor html input[type="button"],
.note-editor input[type="reset"],
.note-editor input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
.note-editor button[disabled],
.note-editor html input[disabled] {
cursor: default;
}
.note-editor input[type="checkbox"],
.note-editor input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
.note-editor input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.note-editor input[type="search"]::-webkit-search-cancel-button,
.note-editor input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
.note-editor button::-moz-focus-inner,
.note-editor input::-moz-focus-inner {
border: 0;
padding: 0;
}
.note-editor textarea {
overflow: auto;
vertical-align: top;
}
.note-editor table {
border-collapse: collapse;
border-spacing: 0;
}
@media print {
.note-editor * {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
.note-editor a,
.note-editor a:visited {
text-decoration: underline;
}
.note-editor a[href]:after {
content: " (" attr(href) ")";
}
.note-editor abbr[title]:after {
content: " (" attr(title) ")";
}
.note-editor .ir a:after,
.note-editor a[href^="javascript:"]:after,
.note-editor a[href^="#"]:after {
content: "";
}
.note-editor pre,
.note-editor blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
.note-editor thead {
display: table-header-group;
}
.note-editor tr,
.note-editor img {
page-break-inside: avoid;
}
.note-editor img {
max-width: 100% !important;
}
@page {
margin: 2cm .5cm;
}
.note-editor p,
.note-editor h2,
.note-editor h3 {
orphans: 3;
widows: 3;
}
.note-editor h2,
.note-editor h3 {
page-break-after: avoid;
}
.note-editor .navbar {
display: none;
}
.note-editor .table td,
.note-editor .table th {
background-color: #fff !important;
}
.note-editor .btn > .caret,
.note-editor .dropup > .btn > .caret {
border-top-color: #000 !important;
}
.note-editor .label {
border: 1px solid #000;
}
.note-editor .table {
border-collapse: collapse !important;
}
.note-editor .table-bordered th,
.note-editor .table-bordered td {
border: 1px solid #ddd !important;
}
}
.note-editor *,
.note-editor *:before,
.note-editor *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.note-editor html {
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.note-editor body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.428571429;
color: #333333;
background-color: #ffffff;
}
.note-editor input,
.note-editor button,
.note-editor select,
.note-editor textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.note-editor a {
color: #428bca;
text-decoration: none;
}
.note-editor a:hover,
.note-editor a:focus {
color: #2a6496;
text-decoration: underline;
}
.note-editor a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.note-editor img {
vertical-align: middle;
}
.note-editor .img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.note-editor .img-rounded {
border-radius: 6px;
}
.note-editor .img-thumbnail {
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.note-editor .img-circle {
border-radius: 50%;
}
.note-editor hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eeeeee;
}
.note-editor .sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.note-editor p {
margin: 0 0 10px;
}
.note-editor .lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 200;
line-height: 1.4;
}
@media (min-width: 768px) {
.note-editor .lead {
font-size: 21px;
}
}
.note-editor small,
.note-editor .small {
font-size: 85%;
}
.note-editor cite {
font-style: normal;
}
.note-editor .text-muted {
color: #999999;
}
.note-editor .text-primary {
color: #428bca;
}
.note-editor .text-primary:hover {
color: #3071a9;
}
.note-editor .text-warning {
color: #c09853;
}
.note-editor .text-warning:hover {
color: #a47e3c;
}
.note-editor .text-danger {
color: #b94a48;
}
.note-editor .text-danger:hover {
color: #953b39;
}
.note-editor .text-success {
color: #468847;
}
.note-editor .text-success:hover {
color: #356635;
}
.note-editor .text-info {
color: #3a87ad;
}
.note-editor .text-info:hover {
color: #2d6987;
}
.note-editor .text-left {
text-align: left;
}
.note-editor .text-right {
text-align: right;
}
.note-editor .text-center {
text-align: center;
}
.note-editor h1,
.note-editor h2,
.note-editor h3,
.note-editor h4,
.note-editor h5,
.note-editor h6,
.note-editor .h1,
.note-editor .h2,
.note-editor .h3,
.note-editor .h4,
.note-editor .h5,
.note-editor .h6 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
.note-editor h1 small,
.note-editor h2 small,
.note-editor h3 small,
.note-editor h4 small,
.note-editor h5 small,
.note-editor h6 small,
.note-editor .h1 small,
.note-editor .h2 small,
.note-editor .h3 small,
.note-editor .h4 small,
.note-editor .h5 small,
.note-editor .h6 small,
.note-editor h1 .small,
.note-editor h2 .small,
.note-editor h3 .small,
.note-editor h4 .small,
.note-editor h5 .small,
.note-editor h6 .small,
.note-editor .h1 .small,
.note-editor .h2 .small,
.note-editor .h3 .small,
.note-editor .h4 .small,
.note-editor .h5 .small,
.note-editor .h6 .small {
font-weight: normal;
line-height: 1;
color: #999999;
}
.note-editor h1,
.note-editor h2,
.note-editor h3 {
margin-top: 20px;
margin-bottom: 10px;
}
.note-editor h1 small,
.note-editor h2 small,
.note-editor h3 small,
.note-editor h1 .small,
.note-editor h2 .small,
.note-editor h3 .small {
font-size: 65%;
}
.note-editor h4,
.note-editor h5,
.note-editor h6 {
margin-top: 10px;
margin-bottom: 10px;
}
.note-editor h4 small,
.note-editor h5 small,
.note-editor h6 small,
.note-editor h4 .small,
.note-editor h5 .small,
.note-editor h6 .small {
font-size: 75%;
}
.note-editor h1,
.note-editor .h1 {
font-size: 36px;
}
.note-editor h2,
.note-editor .h2 {
font-size: 30px;
}
.note-editor h3,
.note-editor .h3 {
font-size: 24px;
}
.note-editor h4,
.note-editor .h4 {
font-size: 18px;
}
.note-editor h5,
.note-editor .h5 {
font-size: 14px;
}
.note-editor h6,
.note-editor .h6 {
font-size: 12px;
}
.note-editor .page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eeeeee;
}
.note-editor ul,
.note-editor ol {
margin-top: 0;
margin-bottom: 10px;
}
.note-editor ul ul,
.note-editor ol ul,
.note-editor ul ol,
.note-editor ol ol {
margin-bottom: 0;
}
.note-editor .list-unstyled {
padding-left: 0;
list-style: none;
}
.note-editor .list-inline {
padding-left: 0;
list-style: none;
}
.note-editor .list-inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
.note-editor dl {
margin-bottom: 20px;
}
.note-editor dt,
.note-editor dd {
line-height: 1.428571429;
}
.note-editor dt {
font-weight: bold;
}
.note-editor dd {
margin-left: 0;
}
@media (min-width: 768px) {
.note-editor .dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.note-editor .dl-horizontal dd {
margin-left: 180px;
}
.note-editor .dl-horizontal dd:before,
.note-editor .dl-horizontal dd:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .dl-horizontal dd:after {
clear: both;
}
.note-editor .dl-horizontal dd:before,
.note-editor .dl-horizontal dd:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .dl-horizontal dd:after {
clear: both;
}
}
.note-editor abbr[title],
.note-editor abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999999;
}
.note-editor abbr.initialism {
font-size: 90%;
text-transform: uppercase;
}
.note-editor blockquote {
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee;
}
.note-editor blockquote p {
font-size: 17.5px;
font-weight: 300;
line-height: 1.25;
}
.note-editor blockquote p:last-child {
margin-bottom: 0;
}
.note-editor blockquote small {
display: block;
line-height: 1.428571429;
color: #999999;
}
.note-editor blockquote small:before {
content: '\2014 \00A0';
}
.note-editor blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0;
}
.note-editor blockquote.pull-right p,
.note-editor blockquote.pull-right small,
.note-editor blockquote.pull-right .small {
text-align: right;
}
.note-editor blockquote.pull-right small:before,
.note-editor blockquote.pull-right .small:before {
content: '';
}
.note-editor blockquote.pull-right small:after,
.note-editor blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
.note-editor blockquote:before,
.note-editor blockquote:after {
content: "";
}
.note-editor address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.428571429;
}
.note-editor code,
.note-editor kdb,
.note-editor pre,
.note-editor samp {
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.note-editor code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
white-space: nowrap;
border-radius: 4px;
}
.note-editor pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
word-break: break-all;
word-wrap: break-word;
color: #333333;
background-color: #f5f5f5;
border: 1px solid #cccccc;
border-radius: 4px;
}
.note-editor pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.note-editor .pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.note-editor .container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.note-editor .container:before,
.note-editor .container:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .container:after {
clear: both;
}
.note-editor .container:before,
.note-editor .container:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .container:after {
clear: both;
}
.note-editor .row {
margin-left: -15px;
margin-right: -15px;
}
.note-editor .row:before,
.note-editor .row:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .row:after {
clear: both;
}
.note-editor .row:before,
.note-editor .row:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .row:after {
clear: both;
}
.note-editor .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.note-editor .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11 {
float: left;
}
.note-editor .col-xs-12 {
width: 100%;
}
.note-editor .col-xs-11 {
width: 91.66666666666666%;
}
.note-editor .col-xs-10 {
width: 83.33333333333334%;
}
.note-editor .col-xs-9 {
width: 75%;
}
.note-editor .col-xs-8 {
width: 66.66666666666666%;
}
.note-editor .col-xs-7 {
width: 58.333333333333336%;
}
.note-editor .col-xs-6 {
width: 50%;
}
.note-editor .col-xs-5 {
width: 41.66666666666667%;
}
.note-editor .col-xs-4 {
width: 33.33333333333333%;
}
.note-editor .col-xs-3 {
width: 25%;
}
.note-editor .col-xs-2 {
width: 16.666666666666664%;
}
.note-editor .col-xs-1 {
width: 8.333333333333332%;
}
.note-editor .col-xs-pull-12 {
right: 100%;
}
.note-editor .col-xs-pull-11 {
right: 91.66666666666666%;
}
.note-editor .col-xs-pull-10 {
right: 83.33333333333334%;
}
.note-editor .col-xs-pull-9 {
right: 75%;
}
.note-editor .col-xs-pull-8 {
right: 66.66666666666666%;
}
.note-editor .col-xs-pull-7 {
right: 58.333333333333336%;
}
.note-editor .col-xs-pull-6 {
right: 50%;
}
.note-editor .col-xs-pull-5 {
right: 41.66666666666667%;
}
.note-editor .col-xs-pull-4 {
right: 33.33333333333333%;
}
.note-editor .col-xs-pull-3 {
right: 25%;
}
.note-editor .col-xs-pull-2 {
right: 16.666666666666664%;
}
.note-editor .col-xs-pull-1 {
right: 8.333333333333332%;
}
.note-editor .col-xs-push-12 {
left: 100%;
}
.note-editor .col-xs-push-11 {
left: 91.66666666666666%;
}
.note-editor .col-xs-push-10 {
left: 83.33333333333334%;
}
.note-editor .col-xs-push-9 {
left: 75%;
}
.note-editor .col-xs-push-8 {
left: 66.66666666666666%;
}
.note-editor .col-xs-push-7 {
left: 58.333333333333336%;
}
.note-editor .col-xs-push-6 {
left: 50%;
}
.note-editor .col-xs-push-5 {
left: 41.66666666666667%;
}
.note-editor .col-xs-push-4 {
left: 33.33333333333333%;
}
.note-editor .col-xs-push-3 {
left: 25%;
}
.note-editor .col-xs-push-2 {
left: 16.666666666666664%;
}
.note-editor .col-xs-push-1 {
left: 8.333333333333332%;
}
.note-editor .col-xs-offset-12 {
margin-left: 100%;
}
.note-editor .col-xs-offset-11 {
margin-left: 91.66666666666666%;
}
.note-editor .col-xs-offset-10 {
margin-left: 83.33333333333334%;
}
.note-editor .col-xs-offset-9 {
margin-left: 75%;
}
.note-editor .col-xs-offset-8 {
margin-left: 66.66666666666666%;
}
.note-editor .col-xs-offset-7 {
margin-left: 58.333333333333336%;
}
.note-editor .col-xs-offset-6 {
margin-left: 50%;
}
.note-editor .col-xs-offset-5 {
margin-left: 41.66666666666667%;
}
.note-editor .col-xs-offset-4 {
margin-left: 33.33333333333333%;
}
.note-editor .col-xs-offset-3 {
margin-left: 25%;
}
.note-editor .col-xs-offset-2 {
margin-left: 16.666666666666664%;
}
.note-editor .col-xs-offset-1 {
margin-left: 8.333333333333332%;
}
@media (min-width: 768px) {
.note-editor .container {
width: 750px;
}
.note-editor .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11 {
float: left;
}
.note-editor .col-sm-12 {
width: 100%;
}
.note-editor .col-sm-11 {
width: 91.66666666666666%;
}
.note-editor .col-sm-10 {
width: 83.33333333333334%;
}
.note-editor .col-sm-9 {
width: 75%;
}
.note-editor .col-sm-8 {
width: 66.66666666666666%;
}
.note-editor .col-sm-7 {
width: 58.333333333333336%;
}
.note-editor .col-sm-6 {
width: 50%;
}
.note-editor .col-sm-5 {
width: 41.66666666666667%;
}
.note-editor .col-sm-4 {
width: 33.33333333333333%;
}
.note-editor .col-sm-3 {
width: 25%;
}
.note-editor .col-sm-2 {
width: 16.666666666666664%;
}
.note-editor .col-sm-1 {
width: 8.333333333333332%;
}
.note-editor .col-sm-pull-12 {
right: 100%;
}
.note-editor .col-sm-pull-11 {
right: 91.66666666666666%;
}
.note-editor .col-sm-pull-10 {
right: 83.33333333333334%;
}
.note-editor .col-sm-pull-9 {
right: 75%;
}
.note-editor .col-sm-pull-8 {
right: 66.66666666666666%;
}
.note-editor .col-sm-pull-7 {
right: 58.333333333333336%;
}
.note-editor .col-sm-pull-6 {
right: 50%;
}
.note-editor .col-sm-pull-5 {
right: 41.66666666666667%;
}
.note-editor .col-sm-pull-4 {
right: 33.33333333333333%;
}
.note-editor .col-sm-pull-3 {
right: 25%;
}
.note-editor .col-sm-pull-2 {
right: 16.666666666666664%;
}
.note-editor .col-sm-pull-1 {
right: 8.333333333333332%;
}
.note-editor .col-sm-push-12 {
left: 100%;
}
.note-editor .col-sm-push-11 {
left: 91.66666666666666%;
}
.note-editor .col-sm-push-10 {
left: 83.33333333333334%;
}
.note-editor .col-sm-push-9 {
left: 75%;
}
.note-editor .col-sm-push-8 {
left: 66.66666666666666%;
}
.note-editor .col-sm-push-7 {
left: 58.333333333333336%;
}
.note-editor .col-sm-push-6 {
left: 50%;
}
.note-editor .col-sm-push-5 {
left: 41.66666666666667%;
}
.note-editor .col-sm-push-4 {
left: 33.33333333333333%;
}
.note-editor .col-sm-push-3 {
left: 25%;
}
.note-editor .col-sm-push-2 {
left: 16.666666666666664%;
}
.note-editor .col-sm-push-1 {
left: 8.333333333333332%;
}
.note-editor .col-sm-offset-12 {
margin-left: 100%;
}
.note-editor .col-sm-offset-11 {
margin-left: 91.66666666666666%;
}
.note-editor .col-sm-offset-10 {
margin-left: 83.33333333333334%;
}
.note-editor .col-sm-offset-9 {
margin-left: 75%;
}
.note-editor .col-sm-offset-8 {
margin-left: 66.66666666666666%;
}
.note-editor .col-sm-offset-7 {
margin-left: 58.333333333333336%;
}
.note-editor .col-sm-offset-6 {
margin-left: 50%;
}
.note-editor .col-sm-offset-5 {
margin-left: 41.66666666666667%;
}
.note-editor .col-sm-offset-4 {
margin-left: 33.33333333333333%;
}
.note-editor .col-sm-offset-3 {
margin-left: 25%;
}
.note-editor .col-sm-offset-2 {
margin-left: 16.666666666666664%;
}
.note-editor .col-sm-offset-1 {
margin-left: 8.333333333333332%;
}
}
@media (min-width: 992px) {
.note-editor .container {
width: 970px;
}
.note-editor .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11 {
float: left;
}
.note-editor .col-md-12 {
width: 100%;
}
.note-editor .col-md-11 {
width: 91.66666666666666%;
}
.note-editor .col-md-10 {
width: 83.33333333333334%;
}
.note-editor .col-md-9 {
width: 75%;
}
.note-editor .col-md-8 {
width: 66.66666666666666%;
}
.note-editor .col-md-7 {
width: 58.333333333333336%;
}
.note-editor .col-md-6 {
width: 50%;
}
.note-editor .col-md-5 {
width: 41.66666666666667%;
}
.note-editor .col-md-4 {
width: 33.33333333333333%;
}
.note-editor .col-md-3 {
width: 25%;
}
.note-editor .col-md-2 {
width: 16.666666666666664%;
}
.note-editor .col-md-1 {
width: 8.333333333333332%;
}
.note-editor .col-md-pull-12 {
right: 100%;
}
.note-editor .col-md-pull-11 {
right: 91.66666666666666%;
}
.note-editor .col-md-pull-10 {
right: 83.33333333333334%;
}
.note-editor .col-md-pull-9 {
right: 75%;
}
.note-editor .col-md-pull-8 {
right: 66.66666666666666%;
}
.note-editor .col-md-pull-7 {
right: 58.333333333333336%;
}
.note-editor .col-md-pull-6 {
right: 50%;
}
.note-editor .col-md-pull-5 {
right: 41.66666666666667%;
}
.note-editor .col-md-pull-4 {
right: 33.33333333333333%;
}
.note-editor .col-md-pull-3 {
right: 25%;
}
.note-editor .col-md-pull-2 {
right: 16.666666666666664%;
}
.note-editor .col-md-pull-1 {
right: 8.333333333333332%;
}
.note-editor .col-md-push-12 {
left: 100%;
}
.note-editor .col-md-push-11 {
left: 91.66666666666666%;
}
.note-editor .col-md-push-10 {
left: 83.33333333333334%;
}
.note-editor .col-md-push-9 {
left: 75%;
}
.note-editor .col-md-push-8 {
left: 66.66666666666666%;
}
.note-editor .col-md-push-7 {
left: 58.333333333333336%;
}
.note-editor .col-md-push-6 {
left: 50%;
}
.note-editor .col-md-push-5 {
left: 41.66666666666667%;
}
.note-editor .col-md-push-4 {
left: 33.33333333333333%;
}
.note-editor .col-md-push-3 {
left: 25%;
}
.note-editor .col-md-push-2 {
left: 16.666666666666664%;
}
.note-editor .col-md-push-1 {
left: 8.333333333333332%;
}
.note-editor .col-md-offset-12 {
margin-left: 100%;
}
.note-editor .col-md-offset-11 {
margin-left: 91.66666666666666%;
}
.note-editor .col-md-offset-10 {
margin-left: 83.33333333333334%;
}
.note-editor .col-md-offset-9 {
margin-left: 75%;
}
.note-editor .col-md-offset-8 {
margin-left: 66.66666666666666%;
}
.note-editor .col-md-offset-7 {
margin-left: 58.333333333333336%;
}
.note-editor .col-md-offset-6 {
margin-left: 50%;
}
.note-editor .col-md-offset-5 {
margin-left: 41.66666666666667%;
}
.note-editor .col-md-offset-4 {
margin-left: 33.33333333333333%;
}
.note-editor .col-md-offset-3 {
margin-left: 25%;
}
.note-editor .col-md-offset-2 {
margin-left: 16.666666666666664%;
}
.note-editor .col-md-offset-1 {
margin-left: 8.333333333333332%;
}
}
@media (min-width: 1200px) {
.note-editor .container {
width: 1170px;
}
.note-editor .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11 {
float: left;
}
.note-editor .col-lg-12 {
width: 100%;
}
.note-editor .col-lg-11 {
width: 91.66666666666666%;
}
.note-editor .col-lg-10 {
width: 83.33333333333334%;
}
.note-editor .col-lg-9 {
width: 75%;
}
.note-editor .col-lg-8 {
width: 66.66666666666666%;
}
.note-editor .col-lg-7 {
width: 58.333333333333336%;
}
.note-editor .col-lg-6 {
width: 50%;
}
.note-editor .col-lg-5 {
width: 41.66666666666667%;
}
.note-editor .col-lg-4 {
width: 33.33333333333333%;
}
.note-editor .col-lg-3 {
width: 25%;
}
.note-editor .col-lg-2 {
width: 16.666666666666664%;
}
.note-editor .col-lg-1 {
width: 8.333333333333332%;
}
.note-editor .col-lg-pull-12 {
right: 100%;
}
.note-editor .col-lg-pull-11 {
right: 91.66666666666666%;
}
.note-editor .col-lg-pull-10 {
right: 83.33333333333334%;
}
.note-editor .col-lg-pull-9 {
right: 75%;
}
.note-editor .col-lg-pull-8 {
right: 66.66666666666666%;
}
.note-editor .col-lg-pull-7 {
right: 58.333333333333336%;
}
.note-editor .col-lg-pull-6 {
right: 50%;
}
.note-editor .col-lg-pull-5 {
right: 41.66666666666667%;
}
.note-editor .col-lg-pull-4 {
right: 33.33333333333333%;
}
.note-editor .col-lg-pull-3 {
right: 25%;
}
.note-editor .col-lg-pull-2 {
right: 16.666666666666664%;
}
.note-editor .col-lg-pull-1 {
right: 8.333333333333332%;
}
.note-editor .col-lg-push-12 {
left: 100%;
}
.note-editor .col-lg-push-11 {
left: 91.66666666666666%;
}
.note-editor .col-lg-push-10 {
left: 83.33333333333334%;
}
.note-editor .col-lg-push-9 {
left: 75%;
}
.note-editor .col-lg-push-8 {
left: 66.66666666666666%;
}
.note-editor .col-lg-push-7 {
left: 58.333333333333336%;
}
.note-editor .col-lg-push-6 {
left: 50%;
}
.note-editor .col-lg-push-5 {
left: 41.66666666666667%;
}
.note-editor .col-lg-push-4 {
left: 33.33333333333333%;
}
.note-editor .col-lg-push-3 {
left: 25%;
}
.note-editor .col-lg-push-2 {
left: 16.666666666666664%;
}
.note-editor .col-lg-push-1 {
left: 8.333333333333332%;
}
.note-editor .col-lg-offset-12 {
margin-left: 100%;
}
.note-editor .col-lg-offset-11 {
margin-left: 91.66666666666666%;
}
.note-editor .col-lg-offset-10 {
margin-left: 83.33333333333334%;
}
.note-editor .col-lg-offset-9 {
margin-left: 75%;
}
.note-editor .col-lg-offset-8 {
margin-left: 66.66666666666666%;
}
.note-editor .col-lg-offset-7 {
margin-left: 58.333333333333336%;
}
.note-editor .col-lg-offset-6 {
margin-left: 50%;
}
.note-editor .col-lg-offset-5 {
margin-left: 41.66666666666667%;
}
.note-editor .col-lg-offset-4 {
margin-left: 33.33333333333333%;
}
.note-editor .col-lg-offset-3 {
margin-left: 25%;
}
.note-editor .col-lg-offset-2 {
margin-left: 16.666666666666664%;
}
.note-editor .col-lg-offset-1 {
margin-left: 8.333333333333332%;
}
}
.note-editor table {
max-width: 100%;
background-color: transparent;
}
.note-editor th {
text-align: left;
}
.note-editor .table {
width: 100%;
margin-bottom: 20px;
}
.note-editor .table > thead > tr > th,
.note-editor .table > tbody > tr > th,
.note-editor .table > tfoot > tr > th,
.note-editor .table > thead > tr > td,
.note-editor .table > tbody > tr > td,
.note-editor .table > tfoot > tr > td {
padding: 8px;
line-height: 1.428571429;
vertical-align: top;
border-top: 1px solid #dddddd;
}
.note-editor .table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #dddddd;
}
.note-editor .table > caption + thead > tr:first-child > th,
.note-editor .table > colgroup + thead > tr:first-child > th,
.note-editor .table > thead:first-child > tr:first-child > th,
.note-editor .table > caption + thead > tr:first-child > td,
.note-editor .table > colgroup + thead > tr:first-child > td,
.note-editor .table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.note-editor .table > tbody + tbody {
border-top: 2px solid #dddddd;
}
.note-editor .table .table {
background-color: #ffffff;
}
.note-editor .table-condensed > thead > tr > th,
.note-editor .table-condensed > tbody > tr > th,
.note-editor .table-condensed > tfoot > tr > th,
.note-editor .table-condensed > thead > tr > td,
.note-editor .table-condensed > tbody > tr > td,
.note-editor .table-condensed > tfoot > tr > td {
padding: 5px;
}
.note-editor .table-bordered {
border: 1px solid #dddddd;
}
.note-editor .table-bordered > thead > tr > th,
.note-editor .table-bordered > tbody > tr > th,
.note-editor .table-bordered > tfoot > tr > th,
.note-editor .table-bordered > thead > tr > td,
.note-editor .table-bordered > tbody > tr > td,
.note-editor .table-bordered > tfoot > tr > td {
border: 1px solid #dddddd;
}
.note-editor .table-bordered > thead > tr > th,
.note-editor .table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.note-editor .table-striped > tbody > tr:nth-child(odd) > td,
.note-editor .table-striped > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.note-editor .table-hover > tbody > tr:hover > td,
.note-editor .table-hover > tbody > tr:hover > th {
background-color: #f5f5f5;
}
.note-editor table col[class*="col-"] {
float: none;
display: table-column;
}
.note-editor table td[class*="col-"],
.note-editor table th[class*="col-"] {
float: none;
display: table-cell;
}
.note-editor .table > thead > tr > td.active,
.note-editor .table > tbody > tr > td.active,
.note-editor .table > tfoot > tr > td.active,
.note-editor .table > thead > tr > th.active,
.note-editor .table > tbody > tr > th.active,
.note-editor .table > tfoot > tr > th.active,
.note-editor .table > thead > tr.active > td,
.note-editor .table > tbody > tr.active > td,
.note-editor .table > tfoot > tr.active > td,
.note-editor .table > thead > tr.active > th,
.note-editor .table > tbody > tr.active > th,
.note-editor .table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.note-editor .table > thead > tr > td.success,
.note-editor .table > tbody > tr > td.success,
.note-editor .table > tfoot > tr > td.success,
.note-editor .table > thead > tr > th.success,
.note-editor .table > tbody > tr > th.success,
.note-editor .table > tfoot > tr > th.success,
.note-editor .table > thead > tr.success > td,
.note-editor .table > tbody > tr.success > td,
.note-editor .table > tfoot > tr.success > td,
.note-editor .table > thead > tr.success > th,
.note-editor .table > tbody > tr.success > th,
.note-editor .table > tfoot > tr.success > th {
background-color: #dff0d8;
border-color: #d6e9c6;
}
.note-editor .table-hover > tbody > tr > td.success:hover,
.note-editor .table-hover > tbody > tr > th.success:hover,
.note-editor .table-hover > tbody > tr.success:hover > td,
.note-editor .table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
border-color: #c9e2b3;
}
.note-editor .table > thead > tr > td.danger,
.note-editor .table > tbody > tr > td.danger,
.note-editor .table > tfoot > tr > td.danger,
.note-editor .table > thead > tr > th.danger,
.note-editor .table > tbody > tr > th.danger,
.note-editor .table > tfoot > tr > th.danger,
.note-editor .table > thead > tr.danger > td,
.note-editor .table > tbody > tr.danger > td,
.note-editor .table > tfoot > tr.danger > td,
.note-editor .table > thead > tr.danger > th,
.note-editor .table > tbody > tr.danger > th,
.note-editor .table > tfoot > tr.danger > th {
background-color: #f2dede;
border-color: #ebccd1;
}
.note-editor .table-hover > tbody > tr > td.danger:hover,
.note-editor .table-hover > tbody > tr > th.danger:hover,
.note-editor .table-hover > tbody > tr.danger:hover > td,
.note-editor .table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
border-color: #e4b9c0;
}
.note-editor .table > thead > tr > td.warning,
.note-editor .table > tbody > tr > td.warning,
.note-editor .table > tfoot > tr > td.warning,
.note-editor .table > thead > tr > th.warning,
.note-editor .table > tbody > tr > th.warning,
.note-editor .table > tfoot > tr > th.warning,
.note-editor .table > thead > tr.warning > td,
.note-editor .table > tbody > tr.warning > td,
.note-editor .table > tfoot > tr.warning > td,
.note-editor .table > thead > tr.warning > th,
.note-editor .table > tbody > tr.warning > th,
.note-editor .table > tfoot > tr.warning > th {
background-color: #fcf8e3;
border-color: #faebcc;
}
.note-editor .table-hover > tbody > tr > td.warning:hover,
.note-editor .table-hover > tbody > tr > th.warning:hover,
.note-editor .table-hover > tbody > tr.warning:hover > td,
.note-editor .table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
border-color: #f7e1b5;
}
@media (max-width: 767px) {
.note-editor .table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #dddddd;
-webkit-overflow-scrolling: touch;
}
.note-editor .table-responsive > .table {
margin-bottom: 0;
}
.note-editor .table-responsive > .table > thead > tr > th,
.note-editor .table-responsive > .table > tbody > tr > th,
.note-editor .table-responsive > .table > tfoot > tr > th,
.note-editor .table-responsive > .table > thead > tr > td,
.note-editor .table-responsive > .table > tbody > tr > td,
.note-editor .table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.note-editor .table-responsive > .table-bordered {
border: 0;
}
.note-editor .table-responsive > .table-bordered > thead > tr > th:first-child,
.note-editor .table-responsive > .table-bordered > tbody > tr > th:first-child,
.note-editor .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.note-editor .table-responsive > .table-bordered > thead > tr > td:first-child,
.note-editor .table-responsive > .table-bordered > tbody > tr > td:first-child,
.note-editor .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.note-editor .table-responsive > .table-bordered > thead > tr > th:last-child,
.note-editor .table-responsive > .table-bordered > tbody > tr > th:last-child,
.note-editor .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.note-editor .table-responsive > .table-bordered > thead > tr > td:last-child,
.note-editor .table-responsive > .table-bordered > tbody > tr > td:last-child,
.note-editor .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.note-editor .table-responsive > .table-bordered > tbody > tr:last-child > th,
.note-editor .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.note-editor .table-responsive > .table-bordered > tbody > tr:last-child > td,
.note-editor .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
.note-editor fieldset {
padding: 0;
margin: 0;
border: 0;
}
.note-editor legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
.note-editor label {
display: inline-block;
margin-bottom: 5px;
font-weight: bold;
}
.note-editor input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.note-editor input[type="radio"],
.note-editor input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
/* IE8-9 */
line-height: normal;
}
.note-editor input[type="file"] {
display: block;
}
.note-editor select[multiple],
.note-editor select[size] {
height: auto;
}
.note-editor select optgroup {
font-size: inherit;
font-style: inherit;
font-family: inherit;
}
.note-editor input[type="file"]:focus,
.note-editor input[type="radio"]:focus,
.note-editor input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.note-editor input[type="number"]::-webkit-outer-spin-button,
.note-editor input[type="number"]::-webkit-inner-spin-button {
height: auto;
}
.note-editor output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
}
.note-editor .form-control:-moz-placeholder {
color: #999999;
}
.note-editor .form-control::-moz-placeholder {
color: #999999;
}
.note-editor .form-control:-ms-input-placeholder {
color: #999999;
}
.note-editor .form-control::-webkit-input-placeholder {
color: #999999;
}
.note-editor .form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555555;
vertical-align: middle;
background-color: #ffffff;
background-image: none;
border: 1px solid #cccccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.note-editor .form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.note-editor .form-control[disabled],
.note-editor .form-control[readonly],
fieldset[disabled] .note-editor .form-control {
cursor: not-allowed;
background-color: #eeeeee;
}
textarea.note-editor .form-control {
height: auto;
}
.note-editor .form-group {
margin-bottom: 15px;
}
.note-editor .radio,
.note-editor .checkbox {
display: block;
min-height: 20px;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
vertical-align: middle;
}
.note-editor .radio label,
.note-editor .checkbox label {
display: inline;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.note-editor .radio input[type="radio"],
.note-editor .radio-inline input[type="radio"],
.note-editor .checkbox input[type="checkbox"],
.note-editor .checkbox-inline input[type="checkbox"] {
float: left;
margin-left: -20px;
}
.note-editor .radio + .radio,
.note-editor .checkbox + .checkbox {
margin-top: -5px;
}
.note-editor .radio-inline,
.note-editor .checkbox-inline {
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.note-editor .radio-inline + .radio-inline,
.note-editor .checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
.note-editor input[type="radio"][disabled],
.note-editor input[type="checkbox"][disabled],
.note-editor .radio[disabled],
.note-editor .radio-inline[disabled],
.note-editor .checkbox[disabled],
.note-editor .checkbox-inline[disabled],
fieldset[disabled] .note-editor input[type="radio"],
fieldset[disabled] .note-editor input[type="checkbox"],
fieldset[disabled] .note-editor .radio,
fieldset[disabled] .note-editor .radio-inline,
fieldset[disabled] .note-editor .checkbox,
fieldset[disabled] .note-editor .checkbox-inline {
cursor: not-allowed;
}
.note-editor .input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.note-editor .input-sm {
height: 30px;
line-height: 30px;
}
textarea.note-editor .input-sm {
height: auto;
}
.note-editor .input-lg {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
select.note-editor .input-lg {
height: 45px;
line-height: 45px;
}
textarea.note-editor .input-lg {
height: auto;
}
.note-editor .has-warning .help-block,
.note-editor .has-warning .control-label {
color: #c09853;
}
.note-editor .has-warning .form-control {
border-color: #c09853;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.note-editor .has-warning .form-control:focus {
border-color: #a47e3c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
.note-editor .has-warning .input-group-addon {
color: #c09853;
border-color: #c09853;
background-color: #fcf8e3;
}
.note-editor .has-error .help-block,
.note-editor .has-error .control-label {
color: #b94a48;
}
.note-editor .has-error .form-control {
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.note-editor .has-error .form-control:focus {
border-color: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
.note-editor .has-error .input-group-addon {
color: #b94a48;
border-color: #b94a48;
background-color: #f2dede;
}
.note-editor .has-success .help-block,
.note-editor .has-success .control-label {
color: #468847;
}
.note-editor .has-success .form-control {
border-color: #468847;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.note-editor .has-success .form-control:focus {
border-color: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
.note-editor .has-success .input-group-addon {
color: #468847;
border-color: #468847;
background-color: #dff0d8;
}
.note-editor .form-control-static {
margin-bottom: 0;
}
.note-editor .help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.note-editor .form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.note-editor .form-inline .form-control {
display: inline-block;
}
.note-editor .form-inline .radio,
.note-editor .form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.note-editor .form-inline .radio input[type="radio"],
.note-editor .form-inline .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
}
.note-editor .form-horizontal .control-label,
.note-editor .form-horizontal .radio,
.note-editor .form-horizontal .checkbox,
.note-editor .form-horizontal .radio-inline,
.note-editor .form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.note-editor .form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
.note-editor .form-horizontal .form-group:before,
.note-editor .form-horizontal .form-group:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .form-horizontal .form-group:after {
clear: both;
}
.note-editor .form-horizontal .form-group:before,
.note-editor .form-horizontal .form-group:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .form-horizontal .form-group:after {
clear: both;
}
.note-editor .form-horizontal .form-control-static {
padding-top: 7px;
}
@media (min-width: 768px) {
.note-editor .form-horizontal .control-label {
text-align: right;
}
}
.note-editor .btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.note-editor .btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.note-editor .btn:hover,
.note-editor .btn:focus {
color: #333333;
text-decoration: none;
}
.note-editor .btn:active,
.note-editor .btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.note-editor .btn.disabled,
.note-editor .btn[disabled],
fieldset[disabled] .note-editor .btn {
cursor: not-allowed;
pointer-events: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.note-editor .btn-default {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.note-editor .btn-default:hover,
.note-editor .btn-default:focus,
.note-editor .btn-default:active,
.note-editor .btn-default.active,
.open .dropdown-toggle.note-editor .btn-default {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.note-editor .btn-default:active,
.note-editor .btn-default.active,
.open .dropdown-toggle.note-editor .btn-default {
background-image: none;
}
.note-editor .btn-default.disabled,
.note-editor .btn-default[disabled],
fieldset[disabled] .note-editor .btn-default,
.note-editor .btn-default.disabled:hover,
.note-editor .btn-default[disabled]:hover,
fieldset[disabled] .note-editor .btn-default:hover,
.note-editor .btn-default.disabled:focus,
.note-editor .btn-default[disabled]:focus,
fieldset[disabled] .note-editor .btn-default:focus,
.note-editor .btn-default.disabled:active,
.note-editor .btn-default[disabled]:active,
fieldset[disabled] .note-editor .btn-default:active,
.note-editor .btn-default.disabled.active,
.note-editor .btn-default[disabled].active,
fieldset[disabled] .note-editor .btn-default.active {
background-color: #ffffff;
border-color: #cccccc;
}
.note-editor .btn-primary {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}
.note-editor .btn-primary:hover,
.note-editor .btn-primary:focus,
.note-editor .btn-primary:active,
.note-editor .btn-primary.active,
.open .dropdown-toggle.note-editor .btn-primary {
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
}
.note-editor .btn-primary:active,
.note-editor .btn-primary.active,
.open .dropdown-toggle.note-editor .btn-primary {
background-image: none;
}
.note-editor .btn-primary.disabled,
.note-editor .btn-primary[disabled],
fieldset[disabled] .note-editor .btn-primary,
.note-editor .btn-primary.disabled:hover,
.note-editor .btn-primary[disabled]:hover,
fieldset[disabled] .note-editor .btn-primary:hover,
.note-editor .btn-primary.disabled:focus,
.note-editor .btn-primary[disabled]:focus,
fieldset[disabled] .note-editor .btn-primary:focus,
.note-editor .btn-primary.disabled:active,
.note-editor .btn-primary[disabled]:active,
fieldset[disabled] .note-editor .btn-primary:active,
.note-editor .btn-primary.disabled.active,
.note-editor .btn-primary[disabled].active,
fieldset[disabled] .note-editor .btn-primary.active {
background-color: #428bca;
border-color: #357ebd;
}
.note-editor .btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #eea236;
}
.note-editor .btn-warning:hover,
.note-editor .btn-warning:focus,
.note-editor .btn-warning:active,
.note-editor .btn-warning.active,
.open .dropdown-toggle.note-editor .btn-warning {
color: #ffffff;
background-color: #ed9c28;
border-color: #d58512;
}
.note-editor .btn-warning:active,
.note-editor .btn-warning.active,
.open .dropdown-toggle.note-editor .btn-warning {
background-image: none;
}
.note-editor .btn-warning.disabled,
.note-editor .btn-warning[disabled],
fieldset[disabled] .note-editor .btn-warning,
.note-editor .btn-warning.disabled:hover,
.note-editor .btn-warning[disabled]:hover,
fieldset[disabled] .note-editor .btn-warning:hover,
.note-editor .btn-warning.disabled:focus,
.note-editor .btn-warning[disabled]:focus,
fieldset[disabled] .note-editor .btn-warning:focus,
.note-editor .btn-warning.disabled:active,
.note-editor .btn-warning[disabled]:active,
fieldset[disabled] .note-editor .btn-warning:active,
.note-editor .btn-warning.disabled.active,
.note-editor .btn-warning[disabled].active,
fieldset[disabled] .note-editor .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.note-editor .btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.note-editor .btn-danger:hover,
.note-editor .btn-danger:focus,
.note-editor .btn-danger:active,
.note-editor .btn-danger.active,
.open .dropdown-toggle.note-editor .btn-danger {
color: #ffffff;
background-color: #d2322d;
border-color: #ac2925;
}
.note-editor .btn-danger:active,
.note-editor .btn-danger.active,
.open .dropdown-toggle.note-editor .btn-danger {
background-image: none;
}
.note-editor .btn-danger.disabled,
.note-editor .btn-danger[disabled],
fieldset[disabled] .note-editor .btn-danger,
.note-editor .btn-danger.disabled:hover,
.note-editor .btn-danger[disabled]:hover,
fieldset[disabled] .note-editor .btn-danger:hover,
.note-editor .btn-danger.disabled:focus,
.note-editor .btn-danger[disabled]:focus,
fieldset[disabled] .note-editor .btn-danger:focus,
.note-editor .btn-danger.disabled:active,
.note-editor .btn-danger[disabled]:active,
fieldset[disabled] .note-editor .btn-danger:active,
.note-editor .btn-danger.disabled.active,
.note-editor .btn-danger[disabled].active,
fieldset[disabled] .note-editor .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.note-editor .btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.note-editor .btn-success:hover,
.note-editor .btn-success:focus,
.note-editor .btn-success:active,
.note-editor .btn-success.active,
.open .dropdown-toggle.note-editor .btn-success {
color: #ffffff;
background-color: #47a447;
border-color: #398439;
}
.note-editor .btn-success:active,
.note-editor .btn-success.active,
.open .dropdown-toggle.note-editor .btn-success {
background-image: none;
}
.note-editor .btn-success.disabled,
.note-editor .btn-success[disabled],
fieldset[disabled] .note-editor .btn-success,
.note-editor .btn-success.disabled:hover,
.note-editor .btn-success[disabled]:hover,
fieldset[disabled] .note-editor .btn-success:hover,
.note-editor .btn-success.disabled:focus,
.note-editor .btn-success[disabled]:focus,
fieldset[disabled] .note-editor .btn-success:focus,
.note-editor .btn-success.disabled:active,
.note-editor .btn-success[disabled]:active,
fieldset[disabled] .note-editor .btn-success:active,
.note-editor .btn-success.disabled.active,
.note-editor .btn-success[disabled].active,
fieldset[disabled] .note-editor .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.note-editor .btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.note-editor .btn-info:hover,
.note-editor .btn-info:focus,
.note-editor .btn-info:active,
.note-editor .btn-info.active,
.open .dropdown-toggle.note-editor .btn-info {
color: #ffffff;
background-color: #39b3d7;
border-color: #269abc;
}
.note-editor .btn-info:active,
.note-editor .btn-info.active,
.open .dropdown-toggle.note-editor .btn-info {
background-image: none;
}
.note-editor .btn-info.disabled,
.note-editor .btn-info[disabled],
fieldset[disabled] .note-editor .btn-info,
.note-editor .btn-info.disabled:hover,
.note-editor .btn-info[disabled]:hover,
fieldset[disabled] .note-editor .btn-info:hover,
.note-editor .btn-info.disabled:focus,
.note-editor .btn-info[disabled]:focus,
fieldset[disabled] .note-editor .btn-info:focus,
.note-editor .btn-info.disabled:active,
.note-editor .btn-info[disabled]:active,
fieldset[disabled] .note-editor .btn-info:active,
.note-editor .btn-info.disabled.active,
.note-editor .btn-info[disabled].active,
fieldset[disabled] .note-editor .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.note-editor .btn-link {
color: #428bca;
font-weight: normal;
cursor: pointer;
border-radius: 0;
}
.note-editor .btn-link,
.note-editor .btn-link:active,
.note-editor .btn-link[disabled],
fieldset[disabled] .note-editor .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.note-editor .btn-link,
.note-editor .btn-link:hover,
.note-editor .btn-link:focus,
.note-editor .btn-link:active {
border-color: transparent;
}
.note-editor .btn-link:hover,
.note-editor .btn-link:focus {
color: #2a6496;
text-decoration: underline;
background-color: transparent;
}
.note-editor .btn-link[disabled]:hover,
fieldset[disabled] .note-editor .btn-link:hover,
.note-editor .btn-link[disabled]:focus,
fieldset[disabled] .note-editor .btn-link:focus {
color: #999999;
text-decoration: none;
}
.note-editor .btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.note-editor .btn-sm,
.note-editor .btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.note-editor .btn-xs {
padding: 1px 5px;
}
.note-editor .btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.note-editor .btn-block + .btn-block {
margin-top: 5px;
}
.note-editor input[type="submit"].btn-block,
.note-editor input[type="reset"].btn-block,
.note-editor input[type="button"].btn-block {
width: 100%;
}
.note-editor .fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.note-editor .fade.in {
opacity: 1;
}
.note-editor .collapse {
display: none;
}
.note-editor .collapse.in {
display: block;
}
.note-editor .collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url('../../../fonts/glyphicons-halflings-regular.eot');
src: url('../../../fonts/glyphicons-halflings-regular.eot?') format('embedded-opentype'), url('../../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../fonts/glyphicons-halflings-regular.svg') format('svg');
}
.note-editor .glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
.note-editor .glyphicon:empty {
width: 1em;
}
.note-editor .glyphicon-asterisk:before {
content: "\2a";
}
.note-editor .glyphicon-plus:before {
content: "\2b";
}
.note-editor .glyphicon-euro:before {
content: "\20ac";
}
.note-editor .glyphicon-minus:before {
content: "\2212";
}
.note-editor .glyphicon-cloud:before {
content: "\2601";
}
.note-editor .glyphicon-envelope:before {
content: "\2709";
}
.note-editor .glyphicon-pencil:before {
content: "\270f";
}
.note-editor .glyphicon-glass:before {
content: "\e001";
}
.note-editor .glyphicon-music:before {
content: "\e002";
}
.note-editor .glyphicon-search:before {
content: "\e003";
}
.note-editor .glyphicon-heart:before {
content: "\e005";
}
.note-editor .glyphicon-star:before {
content: "\e006";
}
.note-editor .glyphicon-star-empty:before {
content: "\e007";
}
.note-editor .glyphicon-user:before {
content: "\e008";
}
.note-editor .glyphicon-film:before {
content: "\e009";
}
.note-editor .glyphicon-th-large:before {
content: "\e010";
}
.note-editor .glyphicon-th:before {
content: "\e011";
}
.note-editor .glyphicon-th-list:before {
content: "\e012";
}
.note-editor .glyphicon-ok:before {
content: "\e013";
}
.note-editor .glyphicon-remove:before {
content: "\e014";
}
.note-editor .glyphicon-zoom-in:before {
content: "\e015";
}
.note-editor .glyphicon-zoom-out:before {
content: "\e016";
}
.note-editor .glyphicon-off:before {
content: "\e017";
}
.note-editor .glyphicon-signal:before {
content: "\e018";
}
.note-editor .glyphicon-cog:before {
content: "\e019";
}
.note-editor .glyphicon-trash:before {
content: "\e020";
}
.note-editor .glyphicon-home:before {
content: "\e021";
}
.note-editor .glyphicon-file:before {
content: "\e022";
}
.note-editor .glyphicon-time:before {
content: "\e023";
}
.note-editor .glyphicon-road:before {
content: "\e024";
}
.note-editor .glyphicon-download-alt:before {
content: "\e025";
}
.note-editor .glyphicon-download:before {
content: "\e026";
}
.note-editor .glyphicon-upload:before {
content: "\e027";
}
.note-editor .glyphicon-inbox:before {
content: "\e028";
}
.note-editor .glyphicon-play-circle:before {
content: "\e029";
}
.note-editor .glyphicon-repeat:before {
content: "\e030";
}
.note-editor .glyphicon-refresh:before {
content: "\e031";
}
.note-editor .glyphicon-list-alt:before {
content: "\e032";
}
.note-editor .glyphicon-lock:before {
content: "\e033";
}
.note-editor .glyphicon-flag:before {
content: "\e034";
}
.note-editor .glyphicon-headphones:before {
content: "\e035";
}
.note-editor .glyphicon-volume-off:before {
content: "\e036";
}
.note-editor .glyphicon-volume-down:before {
content: "\e037";
}
.note-editor .glyphicon-volume-up:before {
content: "\e038";
}
.note-editor .glyphicon-qrcode:before {
content: "\e039";
}
.note-editor .glyphicon-barcode:before {
content: "\e040";
}
.note-editor .glyphicon-tag:before {
content: "\e041";
}
.note-editor .glyphicon-tags:before {
content: "\e042";
}
.note-editor .glyphicon-book:before {
content: "\e043";
}
.note-editor .glyphicon-bookmark:before {
content: "\e044";
}
.note-editor .glyphicon-print:before {
content: "\e045";
}
.note-editor .glyphicon-camera:before {
content: "\e046";
}
.note-editor .glyphicon-font:before {
content: "\e047";
}
.note-editor .glyphicon-bold:before {
content: "\e048";
}
.note-editor .glyphicon-italic:before {
content: "\e049";
}
.note-editor .glyphicon-text-height:before {
content: "\e050";
}
.note-editor .glyphicon-text-width:before {
content: "\e051";
}
.note-editor .glyphicon-align-left:before {
content: "\e052";
}
.note-editor .glyphicon-align-center:before {
content: "\e053";
}
.note-editor .glyphicon-align-right:before {
content: "\e054";
}
.note-editor .glyphicon-align-justify:before {
content: "\e055";
}
.note-editor .glyphicon-list:before {
content: "\e056";
}
.note-editor .glyphicon-indent-left:before {
content: "\e057";
}
.note-editor .glyphicon-indent-right:before {
content: "\e058";
}
.note-editor .glyphicon-facetime-video:before {
content: "\e059";
}
.note-editor .glyphicon-picture:before {
content: "\e060";
}
.note-editor .glyphicon-map-marker:before {
content: "\e062";
}
.note-editor .glyphicon-adjust:before {
content: "\e063";
}
.note-editor .glyphicon-tint:before {
content: "\e064";
}
.note-editor .glyphicon-edit:before {
content: "\e065";
}
.note-editor .glyphicon-share:before {
content: "\e066";
}
.note-editor .glyphicon-check:before {
content: "\e067";
}
.note-editor .glyphicon-move:before {
content: "\e068";
}
.note-editor .glyphicon-step-backward:before {
content: "\e069";
}
.note-editor .glyphicon-fast-backward:before {
content: "\e070";
}
.note-editor .glyphicon-backward:before {
content: "\e071";
}
.note-editor .glyphicon-play:before {
content: "\e072";
}
.note-editor .glyphicon-pause:before {
content: "\e073";
}
.note-editor .glyphicon-stop:before {
content: "\e074";
}
.note-editor .glyphicon-forward:before {
content: "\e075";
}
.note-editor .glyphicon-fast-forward:before {
content: "\e076";
}
.note-editor .glyphicon-step-forward:before {
content: "\e077";
}
.note-editor .glyphicon-eject:before {
content: "\e078";
}
.note-editor .glyphicon-chevron-left:before {
content: "\e079";
}
.note-editor .glyphicon-chevron-right:before {
content: "\e080";
}
.note-editor .glyphicon-plus-sign:before {
content: "\e081";
}
.note-editor .glyphicon-minus-sign:before {
content: "\e082";
}
.note-editor .glyphicon-remove-sign:before {
content: "\e083";
}
.note-editor .glyphicon-ok-sign:before {
content: "\e084";
}
.note-editor .glyphicon-question-sign:before {
content: "\e085";
}
.note-editor .glyphicon-info-sign:before {
content: "\e086";
}
.note-editor .glyphicon-screenshot:before {
content: "\e087";
}
.note-editor .glyphicon-remove-circle:before {
content: "\e088";
}
.note-editor .glyphicon-ok-circle:before {
content: "\e089";
}
.note-editor .glyphicon-ban-circle:before {
content: "\e090";
}
.note-editor .glyphicon-arrow-left:before {
content: "\e091";
}
.note-editor .glyphicon-arrow-right:before {
content: "\e092";
}
.note-editor .glyphicon-arrow-up:before {
content: "\e093";
}
.note-editor .glyphicon-arrow-down:before {
content: "\e094";
}
.note-editor .glyphicon-share-alt:before {
content: "\e095";
}
.note-editor .glyphicon-resize-full:before {
content: "\e096";
}
.note-editor .glyphicon-resize-small:before {
content: "\e097";
}
.note-editor .glyphicon-exclamation-sign:before {
content: "\e101";
}
.note-editor .glyphicon-gift:before {
content: "\e102";
}
.note-editor .glyphicon-leaf:before {
content: "\e103";
}
.note-editor .glyphicon-fire:before {
content: "\e104";
}
.note-editor .glyphicon-eye-open:before {
content: "\e105";
}
.note-editor .glyphicon-eye-close:before {
content: "\e106";
}
.note-editor .glyphicon-warning-sign:before {
content: "\e107";
}
.note-editor .glyphicon-plane:before {
content: "\e108";
}
.note-editor .glyphicon-calendar:before {
content: "\e109";
}
.note-editor .glyphicon-random:before {
content: "\e110";
}
.note-editor .glyphicon-comment:before {
content: "\e111";
}
.note-editor .glyphicon-magnet:before {
content: "\e112";
}
.note-editor .glyphicon-chevron-up:before {
content: "\e113";
}
.note-editor .glyphicon-chevron-down:before {
content: "\e114";
}
.note-editor .glyphicon-retweet:before {
content: "\e115";
}
.note-editor .glyphicon-shopping-cart:before {
content: "\e116";
}
.note-editor .glyphicon-folder-close:before {
content: "\e117";
}
.note-editor .glyphicon-folder-open:before {
content: "\e118";
}
.note-editor .glyphicon-resize-vertical:before {
content: "\e119";
}
.note-editor .glyphicon-resize-horizontal:before {
content: "\e120";
}
.note-editor .glyphicon-hdd:before {
content: "\e121";
}
.note-editor .glyphicon-bullhorn:before {
content: "\e122";
}
.note-editor .glyphicon-bell:before {
content: "\e123";
}
.note-editor .glyphicon-certificate:before {
content: "\e124";
}
.note-editor .glyphicon-thumbs-up:before {
content: "\e125";
}
.note-editor .glyphicon-thumbs-down:before {
content: "\e126";
}
.note-editor .glyphicon-hand-right:before {
content: "\e127";
}
.note-editor .glyphicon-hand-left:before {
content: "\e128";
}
.note-editor .glyphicon-hand-up:before {
content: "\e129";
}
.note-editor .glyphicon-hand-down:before {
content: "\e130";
}
.note-editor .glyphicon-circle-arrow-right:before {
content: "\e131";
}
.note-editor .glyphicon-circle-arrow-left:before {
content: "\e132";
}
.note-editor .glyphicon-circle-arrow-up:before {
content: "\e133";
}
.note-editor .glyphicon-circle-arrow-down:before {
content: "\e134";
}
.note-editor .glyphicon-globe:before {
content: "\e135";
}
.note-editor .glyphicon-wrench:before {
content: "\e136";
}
.note-editor .glyphicon-tasks:before {
content: "\e137";
}
.note-editor .glyphicon-filter:before {
content: "\e138";
}
.note-editor .glyphicon-briefcase:before {
content: "\e139";
}
.note-editor .glyphicon-fullscreen:before {
content: "\e140";
}
.note-editor .glyphicon-dashboard:before {
content: "\e141";
}
.note-editor .glyphicon-paperclip:before {
content: "\e142";
}
.note-editor .glyphicon-heart-empty:before {
content: "\e143";
}
.note-editor .glyphicon-link:before {
content: "\e144";
}
.note-editor .glyphicon-phone:before {
content: "\e145";
}
.note-editor .glyphicon-pushpin:before {
content: "\e146";
}
.note-editor .glyphicon-usd:before {
content: "\e148";
}
.note-editor .glyphicon-gbp:before {
content: "\e149";
}
.note-editor .glyphicon-sort:before {
content: "\e150";
}
.note-editor .glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.note-editor .glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.note-editor .glyphicon-sort-by-order:before {
content: "\e153";
}
.note-editor .glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.note-editor .glyphicon-sort-by-attributes:before {
content: "\e155";
}
.note-editor .glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.note-editor .glyphicon-unchecked:before {
content: "\e157";
}
.note-editor .glyphicon-expand:before {
content: "\e158";
}
.note-editor .glyphicon-collapse-down:before {
content: "\e159";
}
.note-editor .glyphicon-collapse-up:before {
content: "\e160";
}
.note-editor .glyphicon-log-in:before {
content: "\e161";
}
.note-editor .glyphicon-flash:before {
content: "\e162";
}
.note-editor .glyphicon-log-out:before {
content: "\e163";
}
.note-editor .glyphicon-new-window:before {
content: "\e164";
}
.note-editor .glyphicon-record:before {
content: "\e165";
}
.note-editor .glyphicon-save:before {
content: "\e166";
}
.note-editor .glyphicon-open:before {
content: "\e167";
}
.note-editor .glyphicon-saved:before {
content: "\e168";
}
.note-editor .glyphicon-import:before {
content: "\e169";
}
.note-editor .glyphicon-export:before {
content: "\e170";
}
.note-editor .glyphicon-send:before {
content: "\e171";
}
.note-editor .glyphicon-floppy-disk:before {
content: "\e172";
}
.note-editor .glyphicon-floppy-saved:before {
content: "\e173";
}
.note-editor .glyphicon-floppy-remove:before {
content: "\e174";
}
.note-editor .glyphicon-floppy-save:before {
content: "\e175";
}
.note-editor .glyphicon-floppy-open:before {
content: "\e176";
}
.note-editor .glyphicon-credit-card:before {
content: "\e177";
}
.note-editor .glyphicon-transfer:before {
content: "\e178";
}
.note-editor .glyphicon-cutlery:before {
content: "\e179";
}
.note-editor .glyphicon-header:before {
content: "\e180";
}
.note-editor .glyphicon-compressed:before {
content: "\e181";
}
.note-editor .glyphicon-earphone:before {
content: "\e182";
}
.note-editor .glyphicon-phone-alt:before {
content: "\e183";
}
.note-editor .glyphicon-tower:before {
content: "\e184";
}
.note-editor .glyphicon-stats:before {
content: "\e185";
}
.note-editor .glyphicon-sd-video:before {
content: "\e186";
}
.note-editor .glyphicon-hd-video:before {
content: "\e187";
}
.note-editor .glyphicon-subtitles:before {
content: "\e188";
}
.note-editor .glyphicon-sound-stereo:before {
content: "\e189";
}
.note-editor .glyphicon-sound-dolby:before {
content: "\e190";
}
.note-editor .glyphicon-sound-5-1:before {
content: "\e191";
}
.note-editor .glyphicon-sound-6-1:before {
content: "\e192";
}
.note-editor .glyphicon-sound-7-1:before {
content: "\e193";
}
.note-editor .glyphicon-copyright-mark:before {
content: "\e194";
}
.note-editor .glyphicon-registration-mark:before {
content: "\e195";
}
.note-editor .glyphicon-cloud-download:before {
content: "\e197";
}
.note-editor .glyphicon-cloud-upload:before {
content: "\e198";
}
.note-editor .glyphicon-tree-conifer:before {
content: "\e199";
}
.note-editor .glyphicon-tree-deciduous:before {
content: "\e200";
}
.note-editor .caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px solid #000000;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
border-bottom: 0 dotted;
}
.note-editor .dropdown {
position: relative;
}
.note-editor .dropdown-toggle:focus {
outline: 0;
}
.note-editor .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
background-color: #ffffff;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.note-editor .dropdown-menu.pull-right {
right: 0;
left: auto;
}
.note-editor .dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.note-editor .dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333333;
white-space: nowrap;
}
.note-editor .dropdown-menu > li > a:hover,
.note-editor .dropdown-menu > li > a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.note-editor .dropdown-menu > .active > a,
.note-editor .dropdown-menu > .active > a:hover,
.note-editor .dropdown-menu > .active > a:focus {
color: #ffffff;
text-decoration: none;
outline: 0;
background-color: #428bca;
}
.note-editor .dropdown-menu > .disabled > a,
.note-editor .dropdown-menu > .disabled > a:hover,
.note-editor .dropdown-menu > .disabled > a:focus {
color: #999999;
}
.note-editor .dropdown-menu > .disabled > a:hover,
.note-editor .dropdown-menu > .disabled > a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.note-editor .open > .dropdown-menu {
display: block;
left:0!important;
right:auto!important;
}
.note-editor .open > a {
outline: 0;
}
.note-editor .dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.428571429;
color: #999999;
}
.note-editor .dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.note-editor .pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.note-editor .dropup .caret,
.note-editor .navbar-fixed-bottom .dropdown .caret {
border-top: 0 dotted;
border-bottom: 4px solid #000000;
content: "";
}
.note-editor .dropup .dropdown-menu,
.note-editor .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
@media (min-width: 768px) {
.note-editor .navbar-right .dropdown-menu {
right: 0;
left: auto;
}
}
.btn-default .note-editor .caret {
border-top-color: #333333;
}
.btn-primary .note-editor .caret,
.btn-success .note-editor .caret,
.btn-warning .note-editor .caret,
.btn-danger .note-editor .caret,
.btn-info .note-editor .caret {
border-top-color: #fff;
}
.note-editor .dropup .btn-default .caret {
border-bottom-color: #333333;
}
.note-editor .dropup .btn-primary .caret,
.note-editor .dropup .btn-success .caret,
.note-editor .dropup .btn-warning .caret,
.note-editor .dropup .btn-danger .caret,
.note-editor .dropup .btn-info .caret {
border-bottom-color: #fff;
}
.note-editor .btn-group,
.note-editor .btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.note-editor .btn-group > .btn,
.note-editor .btn-group-vertical > .btn {
position: relative;
float: left;
}
.note-editor .btn-group > .btn:hover,
.note-editor .btn-group-vertical > .btn:hover,
.note-editor .btn-group > .btn:focus,
.note-editor .btn-group-vertical > .btn:focus,
.note-editor .btn-group > .btn:active,
.note-editor .btn-group-vertical > .btn:active,
.note-editor .btn-group > .btn.active,
.note-editor .btn-group-vertical > .btn.active {
z-index: 2;
}
.note-editor .btn-group > .btn:focus,
.note-editor .btn-group-vertical > .btn:focus {
outline: none;
}
.note-editor .btn-group .btn + .btn,
.note-editor .btn-group .btn + .btn-group,
.note-editor .btn-group .btn-group + .btn,
.note-editor .btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.note-editor .btn-toolbar:before,
.note-editor .btn-toolbar:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .btn-toolbar:after {
clear: both;
}
.note-editor .btn-toolbar:before,
.note-editor .btn-toolbar:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .btn-toolbar:after {
clear: both;
}
.note-editor .btn-toolbar .btn-group {
float: left;
}
.note-editor .btn-toolbar > .btn + .btn,
.note-editor .btn-toolbar > .btn-group + .btn,
.note-editor .btn-toolbar > .btn + .btn-group,
.note-editor .btn-toolbar > .btn-group + .btn-group {
margin-left: 5px;
}
.note-editor .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.note-editor .btn-group > .btn:first-child {
margin-left: 0;
}
.note-editor .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.note-editor .btn-group > .btn:last-child:not(:first-child),
.note-editor .btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.note-editor .btn-group > .btn-group {
float: left;
}
.note-editor .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.note-editor .btn-group > .btn-group:first-child > .btn:last-child,
.note-editor .btn-group > .btn-group:first-child > .dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.note-editor .btn-group > .btn-group:last-child > .btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.note-editor .btn-group .dropdown-toggle:active,
.note-editor .btn-group.open .dropdown-toggle {
outline: 0;
}
.note-editor .btn-group-xs > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
padding: 1px 5px;
}
.note-editor .btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.note-editor .btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.note-editor .btn-group > .btn + .dropdown-toggle {
padding-left: 5px;
padding-right: 5px;
}
.note-editor .btn-group > .btn-lg + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.note-editor .btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.note-editor .btn .caret {
margin-left: 0;
}
.note-editor .btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.note-editor .dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.note-editor .btn-group-vertical > .btn,
.note-editor .btn-group-vertical > .btn-group {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.note-editor .btn-group-vertical > .btn-group:before,
.note-editor .btn-group-vertical > .btn-group:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .btn-group-vertical > .btn-group:after {
clear: both;
}
.note-editor .btn-group-vertical > .btn-group:before,
.note-editor .btn-group-vertical > .btn-group:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .btn-group-vertical > .btn-group:after {
clear: both;
}
.note-editor .btn-group-vertical > .btn-group > .btn {
float: none;
}
.note-editor .btn-group-vertical > .btn + .btn,
.note-editor .btn-group-vertical > .btn + .btn-group,
.note-editor .btn-group-vertical > .btn-group + .btn,
.note-editor .btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.note-editor .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.note-editor .btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.note-editor .btn-group-vertical > .btn:last-child:not(:first-child) {
border-bottom-left-radius: 4px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.note-editor .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.note-editor .btn-group-vertical > .btn-group:first-child > .btn:last-child,
.note-editor .btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.note-editor .btn-group-vertical > .btn-group:last-child > .btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.note-editor .btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.note-editor .btn-group-justified .btn {
float: none;
display: table-cell;
width: 1%;
}
.note-editor [data-toggle="buttons"] > .btn > input[type="radio"],
.note-editor [data-toggle="buttons"] > .btn > input[type="checkbox"] {
display: none;
}
.note-editor .input-group {
position: relative;
display: table;
border-collapse: separate;
}
.note-editor .input-group.col {
float: none;
padding-left: 0;
padding-right: 0;
}
.note-editor .input-group .form-control {
width: 100%;
margin-bottom: 0;
}
.note-editor .input-group-lg > .form-control,
.note-editor .input-group-lg > .input-group-addon,
.note-editor .input-group-lg > .input-group-btn > .btn {
height: 45px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
select.note-editor .input-group-lg > .form-control,
select.note-editor .input-group-lg > .input-group-addon,
select.note-editor .input-group-lg > .input-group-btn > .btn {
height: 45px;
line-height: 45px;
}
textarea.note-editor .input-group-lg > .form-control,
textarea.note-editor .input-group-lg > .input-group-addon,
textarea.note-editor .input-group-lg > .input-group-btn > .btn {
height: auto;
}
.note-editor .input-group-sm > .form-control,
.note-editor .input-group-sm > .input-group-addon,
.note-editor .input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.note-editor .input-group-sm > .form-control,
select.note-editor .input-group-sm > .input-group-addon,
select.note-editor .input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.note-editor .input-group-sm > .form-control,
textarea.note-editor .input-group-sm > .input-group-addon,
textarea.note-editor .input-group-sm > .input-group-btn > .btn {
height: auto;
}
.note-editor .input-group-addon,
.note-editor .input-group-btn,
.note-editor .input-group .form-control {
display: table-cell;
}
.note-editor .input-group-addon:not(:first-child):not(:last-child),
.note-editor .input-group-btn:not(:first-child):not(:last-child),
.note-editor .input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.note-editor .input-group-addon,
.note-editor .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.note-editor .input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555555;
text-align: center;
background-color: #eeeeee;
border: 1px solid #cccccc;
border-radius: 4px;
}
.note-editor .input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.note-editor .input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.note-editor .input-group-addon input[type="radio"],
.note-editor .input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.note-editor .input-group .form-control:first-child,
.note-editor .input-group-addon:first-child,
.note-editor .input-group-btn:first-child > .btn,
.note-editor .input-group-btn:first-child > .dropdown-toggle,
.note-editor .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.note-editor .input-group-addon:first-child {
border-right: 0;
}
.note-editor .input-group .form-control:last-child,
.note-editor .input-group-addon:last-child,
.note-editor .input-group-btn:last-child > .btn,
.note-editor .input-group-btn:last-child > .dropdown-toggle,
.note-editor .input-group-btn:first-child > .btn:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.note-editor .input-group-addon:last-child {
border-left: 0;
}
.note-editor .input-group-btn {
position: relative;
white-space: nowrap;
}
.note-editor .input-group-btn:first-child > .btn {
margin-right: -1px;
}
.note-editor .input-group-btn:last-child > .btn {
margin-left: -1px;
}
.note-editor .input-group-btn > .btn {
position: relative;
}
.note-editor .input-group-btn > .btn + .btn {
margin-left: -4px;
}
.note-editor .input-group-btn > .btn:hover,
.note-editor .input-group-btn > .btn:active {
z-index: 2;
}
.note-editor .nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.note-editor .nav:before,
.note-editor .nav:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .nav:after {
clear: both;
}
.note-editor .nav:before,
.note-editor .nav:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .nav:after {
clear: both;
}
.note-editor .nav > li {
position: relative;
display: block;
}
.note-editor .nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.note-editor .nav > li > a:hover,
.note-editor .nav > li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.note-editor .nav > li.disabled > a {
color: #999999;
}
.note-editor .nav > li.disabled > a:hover,
.note-editor .nav > li.disabled > a:focus {
color: #999999;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.note-editor .nav .open > a,
.note-editor .nav .open > a:hover,
.note-editor .nav .open > a:focus {
background-color: #eeeeee;
border-color: #428bca;
}
.note-editor .nav .open > a .caret,
.note-editor .nav .open > a:hover .caret,
.note-editor .nav .open > a:focus .caret {
border-top-color: #2a6496;
border-bottom-color: #2a6496;
}
.note-editor .nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.note-editor .nav > li > a > img {
max-width: none;
}
.note-editor .nav-tabs {
border-bottom: 1px solid #dddddd;
}
.note-editor .nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.note-editor .nav-tabs > li > a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.note-editor .nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd;
}
.note-editor .nav-tabs > li.active > a,
.note-editor .nav-tabs > li.active > a:hover,
.note-editor .nav-tabs > li.active > a:focus {
color: #555555;
background-color: #ffffff;
border: 1px solid #dddddd;
border-bottom-color: transparent;
cursor: default;
}
.note-editor .nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.note-editor .nav-tabs.nav-justified > li {
float: none;
}
.note-editor .nav-tabs.nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.note-editor .nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.note-editor .nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.note-editor .nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.note-editor .nav-tabs.nav-justified > .active > a,
.note-editor .nav-tabs.nav-justified > .active > a:hover,
.note-editor .nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.note-editor .nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #dddddd;
border-radius: 4px 4px 0 0;
}
.note-editor .nav-tabs.nav-justified > .active > a,
.note-editor .nav-tabs.nav-justified > .active > a:hover,
.note-editor .nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #ffffff;
}
}
.note-editor .nav-pills > li {
float: left;
}
.note-editor .nav-pills > li > a {
border-radius: 4px;
}
.note-editor .nav-pills > li + li {
margin-left: 2px;
}
.note-editor .nav-pills > li.active > a,
.note-editor .nav-pills > li.active > a:hover,
.note-editor .nav-pills > li.active > a:focus {
color: #ffffff;
background-color: #428bca;
}
.note-editor .nav-pills > li.active > a .caret,
.note-editor .nav-pills > li.active > a:hover .caret,
.note-editor .nav-pills > li.active > a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.note-editor .nav-stacked > li {
float: none;
}
.note-editor .nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.note-editor .nav-justified {
width: 100%;
}
.note-editor .nav-justified > li {
float: none;
}
.note-editor .nav-justified > li > a {
text-align: center;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.note-editor .nav-justified > li {
display: table-cell;
width: 1%;
}
.note-editor .nav-justified > li > a {
margin-bottom: 0;
}
}
.note-editor .nav-tabs-justified {
border-bottom: 0;
}
.note-editor .nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.note-editor .nav-tabs-justified > .active > a,
.note-editor .nav-tabs-justified > .active > a:hover,
.note-editor .nav-tabs-justified > .active > a:focus {
border: 1px solid #dddddd;
}
@media (min-width: 768px) {
.note-editor .nav-tabs-justified > li > a {
border-bottom: 1px solid #dddddd;
border-radius: 4px 4px 0 0;
}
.note-editor .nav-tabs-justified > .active > a,
.note-editor .nav-tabs-justified > .active > a:hover,
.note-editor .nav-tabs-justified > .active > a:focus {
border-bottom-color: #ffffff;
}
}
.note-editor .tab-content > .tab-pane {
display: none;
}
.note-editor .tab-content > .active {
display: block;
}
.note-editor .nav .caret {
border-top-color: #428bca;
border-bottom-color: #428bca;
}
.note-editor .nav a:hover .caret {
border-top-color: #2a6496;
border-bottom-color: #2a6496;
}
.note-editor .nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.note-editor .navbar {
position: relative;
z-index: 1000;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
.note-editor .navbar:before,
.note-editor .navbar:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .navbar:after {
clear: both;
}
.note-editor .navbar:before,
.note-editor .navbar:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .navbar:after {
clear: both;
}
@media (min-width: 768px) {
.note-editor .navbar {
border-radius: 4px;
}
}
.note-editor .navbar-header:before,
.note-editor .navbar-header:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .navbar-header:after {
clear: both;
}
.note-editor .navbar-header:before,
.note-editor .navbar-header:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .navbar-header:after {
clear: both;
}
@media (min-width: 768px) {
.note-editor .navbar-header {
float: left;
}
}
.note-editor .navbar-collapse {
max-height: 340px;
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.note-editor .navbar-collapse:before,
.note-editor .navbar-collapse:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .navbar-collapse:after {
clear: both;
}
.note-editor .navbar-collapse:before,
.note-editor .navbar-collapse:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .navbar-collapse:after {
clear: both;
}
.note-editor .navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.note-editor .navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.note-editor .navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.note-editor .navbar-collapse.in {
overflow-y: visible;
}
.note-editor .navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -15px;
}
.note-editor .navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
.note-editor .navbar-collapse .navbar-text:last-child {
margin-right: 0;
}
}
.note-editor .container > .navbar-header,
.note-editor .container > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.note-editor .container > .navbar-header,
.note-editor .container > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.note-editor .navbar-static-top {
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.note-editor .navbar-static-top {
border-radius: 0;
}
}
.note-editor .navbar-fixed-top,
.note-editor .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.note-editor .navbar-fixed-top,
.note-editor .navbar-fixed-bottom {
border-radius: 0;
}
}
.note-editor .navbar-fixed-top {
z-index: 1030;
top: 0;
}
.note-editor .navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
}
.note-editor .navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.note-editor .navbar-brand:hover,
.note-editor .navbar-brand:focus {
text-decoration: none;
}
@media (min-width: 768px) {
.navbar > .container .note-editor .navbar-brand {
margin-left: -15px;
}
}
.note-editor .navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 4px;
}
.note-editor .navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.note-editor .navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.note-editor .navbar-toggle {
display: none;
}
}
.note-editor .navbar-nav {
margin: 7.5px -15px;
}
.note-editor .navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.note-editor .navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.note-editor .navbar-nav .open .dropdown-menu > li > a,
.note-editor .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.note-editor .navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.note-editor .navbar-nav .open .dropdown-menu > li > a:hover,
.note-editor .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.note-editor .navbar-nav {
float: left;
margin: 0;
}
.note-editor .navbar-nav > li {
float: left;
}
.note-editor .navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
@media (min-width: 768px) {
.note-editor .navbar-left {
float: left !important;
}
.note-editor .navbar-right {
float: right !important;
}
}
.note-editor .navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {
.note-editor .navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.note-editor .navbar-form .form-control {
display: inline-block;
}
.note-editor .navbar-form .radio,
.note-editor .navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
}
.note-editor .navbar-form .radio input[type="radio"],
.note-editor .navbar-form .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
}
@media (max-width: 767px) {
.note-editor .navbar-form .form-group {
margin-bottom: 5px;
}
}
@media (min-width: 768px) {
.note-editor .navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.note-editor .navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.note-editor .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.note-editor .navbar-nav.pull-right > li > .dropdown-menu,
.note-editor .navbar-nav > li > .dropdown-menu.pull-right {
left: auto;
right: 0;
}
.note-editor .navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.note-editor .navbar-text {
float: left;
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.note-editor .navbar-text {
margin-left: 15px;
margin-right: 15px;
}
}
.note-editor .navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.note-editor .navbar-default .navbar-brand {
color: #777777;
}
.note-editor .navbar-default .navbar-brand:hover,
.note-editor .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.note-editor .navbar-default .navbar-text {
color: #777777;
}
.note-editor .navbar-default .navbar-nav > li > a {
color: #777777;
}
.note-editor .navbar-default .navbar-nav > li > a:hover,
.note-editor .navbar-default .navbar-nav > li > a:focus {
color: #333333;
background-color: transparent;
}
.note-editor .navbar-default .navbar-nav > .active > a,
.note-editor .navbar-default .navbar-nav > .active > a:hover,
.note-editor .navbar-default .navbar-nav > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.note-editor .navbar-default .navbar-nav > .disabled > a,
.note-editor .navbar-default .navbar-nav > .disabled > a:hover,
.note-editor .navbar-default .navbar-nav > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
.note-editor .navbar-default .navbar-toggle {
border-color: #dddddd;
}
.note-editor .navbar-default .navbar-toggle:hover,
.note-editor .navbar-default .navbar-toggle:focus {
background-color: #dddddd;
}
.note-editor .navbar-default .navbar-toggle .icon-bar {
background-color: #cccccc;
}
.note-editor .navbar-default .navbar-collapse,
.note-editor .navbar-default .navbar-form {
border-color: #e7e7e7;
}
.note-editor .navbar-default .navbar-nav > .dropdown > a:hover .caret,
.note-editor .navbar-default .navbar-nav > .dropdown > a:focus .caret {
border-top-color: #333333;
border-bottom-color: #333333;
}
.note-editor .navbar-default .navbar-nav > .open > a,
.note-editor .navbar-default .navbar-nav > .open > a:hover,
.note-editor .navbar-default .navbar-nav > .open > a:focus {
background-color: #e7e7e7;
color: #555555;
}
.note-editor .navbar-default .navbar-nav > .open > a .caret,
.note-editor .navbar-default .navbar-nav > .open > a:hover .caret,
.note-editor .navbar-default .navbar-nav > .open > a:focus .caret {
border-top-color: #555555;
border-bottom-color: #555555;
}
.note-editor .navbar-default .navbar-nav > .dropdown > a .caret {
border-top-color: #777777;
border-bottom-color: #777777;
}
@media (max-width: 767px) {
.note-editor .navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777777;
}
.note-editor .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.note-editor .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333333;
background-color: transparent;
}
.note-editor .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.note-editor .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.note-editor .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555555;
background-color: #e7e7e7;
}
.note-editor .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.note-editor .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.note-editor .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #cccccc;
background-color: transparent;
}
}
.note-editor .navbar-default .navbar-link {
color: #777777;
}
.note-editor .navbar-default .navbar-link:hover {
color: #333333;
}
.note-editor .navbar-inverse {
background-color: #222222;
border-color: #080808;
}
.note-editor .navbar-inverse .navbar-brand {
color: #999999;
}
.note-editor .navbar-inverse .navbar-brand:hover,
.note-editor .navbar-inverse .navbar-brand:focus {
color: #ffffff;
background-color: transparent;
}
.note-editor .navbar-inverse .navbar-text {
color: #999999;
}
.note-editor .navbar-inverse .navbar-nav > li > a {
color: #999999;
}
.note-editor .navbar-inverse .navbar-nav > li > a:hover,
.note-editor .navbar-inverse .navbar-nav > li > a:focus {
color: #ffffff;
background-color: transparent;
}
.note-editor .navbar-inverse .navbar-nav > .active > a,
.note-editor .navbar-inverse .navbar-nav > .active > a:hover,
.note-editor .navbar-inverse .navbar-nav > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
.note-editor .navbar-inverse .navbar-nav > .disabled > a,
.note-editor .navbar-inverse .navbar-nav > .disabled > a:hover,
.note-editor .navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
.note-editor .navbar-inverse .navbar-toggle {
border-color: #333333;
}
.note-editor .navbar-inverse .navbar-toggle:hover,
.note-editor .navbar-inverse .navbar-toggle:focus {
background-color: #333333;
}
.note-editor .navbar-inverse .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.note-editor .navbar-inverse .navbar-collapse,
.note-editor .navbar-inverse .navbar-form {
border-color: #101010;
}
.note-editor .navbar-inverse .navbar-nav > .open > a,
.note-editor .navbar-inverse .navbar-nav > .open > a:hover,
.note-editor .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #080808;
color: #ffffff;
}
.note-editor .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
.note-editor .navbar-inverse .navbar-nav > .dropdown > a .caret {
border-top-color: #999999;
border-bottom-color: #999999;
}
.note-editor .navbar-inverse .navbar-nav > .open > a .caret,
.note-editor .navbar-inverse .navbar-nav > .open > a:hover .caret,
.note-editor .navbar-inverse .navbar-nav > .open > a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
@media (max-width: 767px) {
.note-editor .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.note-editor .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #999999;
}
.note-editor .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.note-editor .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #ffffff;
background-color: transparent;
}
.note-editor .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.note-editor .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.note-editor .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #ffffff;
background-color: #080808;
}
.note-editor .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.note-editor .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.note-editor .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444444;
background-color: transparent;
}
}
.note-editor .navbar-inverse .navbar-link {
color: #999999;
}
.note-editor .navbar-inverse .navbar-link:hover {
color: #ffffff;
}
.note-editor .breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.note-editor .breadcrumb > li {
display: inline-block;
}
.note-editor .breadcrumb > li + li:before {
content: "/\00a0";
padding: 0 5px;
color: #cccccc;
}
.note-editor .breadcrumb > .active {
color: #999999;
}
.note-editor .pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.note-editor .pagination > li {
display: inline;
}
.note-editor .pagination > li > a,
.note-editor .pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.428571429;
text-decoration: none;
background-color: #ffffff;
border: 1px solid #dddddd;
margin-left: -1px;
}
.note-editor .pagination > li:first-child > a,
.note-editor .pagination > li:first-child > span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.note-editor .pagination > li:last-child > a,
.note-editor .pagination > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.note-editor .pagination > li > a:hover,
.note-editor .pagination > li > span:hover,
.note-editor .pagination > li > a:focus,
.note-editor .pagination > li > span:focus {
background-color: #eeeeee;
}
.note-editor .pagination > .active > a,
.note-editor .pagination > .active > span,
.note-editor .pagination > .active > a:hover,
.note-editor .pagination > .active > span:hover,
.note-editor .pagination > .active > a:focus,
.note-editor .pagination > .active > span:focus {
z-index: 2;
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
cursor: default;
}
.note-editor .pagination > .disabled > span,
.note-editor .pagination > .disabled > span:hover,
.note-editor .pagination > .disabled > span:focus,
.note-editor .pagination > .disabled > a,
.note-editor .pagination > .disabled > a:hover,
.note-editor .pagination > .disabled > a:focus {
color: #999999;
background-color: #ffffff;
border-color: #dddddd;
cursor: not-allowed;
}
.note-editor .pagination-lg > li > a,
.note-editor .pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
}
.note-editor .pagination-lg > li:first-child > a,
.note-editor .pagination-lg > li:first-child > span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.note-editor .pagination-lg > li:last-child > a,
.note-editor .pagination-lg > li:last-child > span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.note-editor .pagination-sm > li > a,
.note-editor .pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
}
.note-editor .pagination-sm > li:first-child > a,
.note-editor .pagination-sm > li:first-child > span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.note-editor .pagination-sm > li:last-child > a,
.note-editor .pagination-sm > li:last-child > span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.note-editor .pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center;
}
.note-editor .pager:before,
.note-editor .pager:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .pager:after {
clear: both;
}
.note-editor .pager:before,
.note-editor .pager:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .pager:after {
clear: both;
}
.note-editor .pager li {
display: inline;
}
.note-editor .pager li > a,
.note-editor .pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 15px;
}
.note-editor .pager li > a:hover,
.note-editor .pager li > a:focus {
text-decoration: none;
background-color: #eeeeee;
}
.note-editor .pager .next > a,
.note-editor .pager .next > span {
float: right;
}
.note-editor .pager .previous > a,
.note-editor .pager .previous > span {
float: left;
}
.note-editor .pager .disabled > a,
.note-editor .pager .disabled > a:hover,
.note-editor .pager .disabled > a:focus,
.note-editor .pager .disabled > span {
color: #999999;
background-color: #ffffff;
cursor: not-allowed;
}
.note-editor .label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.note-editor .label[href]:hover,
.note-editor .label[href]:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.note-editor .label:empty {
display: none;
}
.note-editor .label-default {
background-color: #999999;
}
.note-editor .label-default[href]:hover,
.note-editor .label-default[href]:focus {
background-color: #808080;
}
.note-editor .label-primary {
background-color: #428bca;
}
.note-editor .label-primary[href]:hover,
.note-editor .label-primary[href]:focus {
background-color: #3071a9;
}
.note-editor .label-success {
background-color: #5cb85c;
}
.note-editor .label-success[href]:hover,
.note-editor .label-success[href]:focus {
background-color: #449d44;
}
.note-editor .label-info {
background-color: #5bc0de;
}
.note-editor .label-info[href]:hover,
.note-editor .label-info[href]:focus {
background-color: #31b0d5;
}
.note-editor .label-warning {
background-color: #f0ad4e;
}
.note-editor .label-warning[href]:hover,
.note-editor .label-warning[href]:focus {
background-color: #ec971f;
}
.note-editor .label-danger {
background-color: #d9534f;
}
.note-editor .label-danger[href]:hover,
.note-editor .label-danger[href]:focus {
background-color: #c9302c;
}
.note-editor .badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
line-height: 1;
vertical-align: baseline;
white-space: nowrap;
text-align: center;
background-color: #999999;
border-radius: 10px;
}
.note-editor .badge:empty {
display: none;
}
.note-editor a.badge:hover,
.note-editor a.badge:focus {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.note-editor .btn .badge {
position: relative;
top: -1px;
}
.note-editor a.list-group-item.active > .badge,
.note-editor .nav-pills > .active > a > .badge {
color: #428bca;
background-color: #ffffff;
}
.note-editor .nav-pills > li > a > .badge {
margin-left: 3px;
}
.note-editor .jumbotron {
padding: 30px;
margin-bottom: 30px;
font-size: 21px;
font-weight: 200;
line-height: 2.1428571435;
color: inherit;
background-color: #eeeeee;
}
.note-editor .jumbotron h1 {
line-height: 1;
color: inherit;
}
.note-editor .jumbotron p {
line-height: 1.4;
}
.container .note-editor .jumbotron {
border-radius: 6px;
}
@media screen and (min-width: 768px) {
.note-editor .jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .note-editor .jumbotron {
padding-left: 60px;
padding-right: 60px;
}
.note-editor .jumbotron h1 {
font-size: 63px;
}
}
.note-editor .thumbnail {
padding: 4px;
line-height: 1.428571429;
background-color: #ffffff;
border: 1px solid #dddddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
display: block;
margin-bottom: 20px;
}
.note-editor .thumbnail > img {
display: block;
max-width: 100%;
height: auto;
}
.note-editor a.thumbnail:hover,
.note-editor a.thumbnail:focus,
.note-editor a.thumbnail.active {
border-color: #428bca;
}
.note-editor .thumbnail > img {
margin-left: auto;
margin-right: auto;
}
.note-editor .thumbnail .caption {
padding: 9px;
color: #333333;
}
.note-editor .alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.note-editor .alert h4 {
margin-top: 0;
color: inherit;
}
.note-editor .alert .alert-link {
font-weight: bold;
}
.note-editor .alert > p,
.note-editor .alert > ul {
margin-bottom: 0;
}
.note-editor .alert > p + p {
margin-top: 5px;
}
.note-editor .alert-dismissable {
padding-right: 35px;
}
.note-editor .alert-dismissable .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.note-editor .alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847;
}
.note-editor .alert-success hr {
border-top-color: #c9e2b3;
}
.note-editor .alert-success .alert-link {
color: #356635;
}
.note-editor .alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad;
}
.note-editor .alert-info hr {
border-top-color: #a6e1ec;
}
.note-editor .alert-info .alert-link {
color: #2d6987;
}
.note-editor .alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #c09853;
}
.note-editor .alert-warning hr {
border-top-color: #f7e1b5;
}
.note-editor .alert-warning .alert-link {
color: #a47e3c;
}
.note-editor .alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #b94a48;
}
.note-editor .alert-danger hr {
border-top-color: #e4b9c0;
}
.note-editor .alert-danger .alert-link {
color: #953b39;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0;
}
to {
background-position: 40px 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.note-editor .progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.note-editor .progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #ffffff;
text-align: center;
background-color: #428bca;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.note-editor .progress-striped .progress-bar {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-size: 40px 40px;
}
.note-editor .progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.note-editor .progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .note-editor .progress-bar-success {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.note-editor .progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .note-editor .progress-bar-info {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.note-editor .progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .note-editor .progress-bar-warning {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.note-editor .progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .note-editor .progress-bar-danger {
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.note-editor .media,
.note-editor .media-body {
overflow: hidden;
zoom: 1;
}
.note-editor .media,
.note-editor .media .media {
margin-top: 15px;
}
.note-editor .media:first-child {
margin-top: 0;
}
.note-editor .media-object {
display: block;
}
.note-editor .media-heading {
margin: 0 0 5px;
}
.note-editor .media > .pull-left {
margin-right: 10px;
}
.note-editor .media > .pull-right {
margin-left: 10px;
}
.note-editor .media-list {
padding-left: 0;
list-style: none;
}
.note-editor .list-group {
margin-bottom: 20px;
padding-left: 0;
}
.note-editor .list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #ffffff;
border: 1px solid #dddddd;
}
.note-editor .list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.note-editor .list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.note-editor .list-group-item > .badge {
float: right;
}
.note-editor .list-group-item > .badge + .badge {
margin-right: 5px;
}
.note-editor a.list-group-item {
color: #555555;
}
.note-editor a.list-group-item .list-group-item-heading {
color: #333333;
}
.note-editor a.list-group-item:hover,
.note-editor a.list-group-item:focus {
text-decoration: none;
background-color: #f5f5f5;
}
.note-editor a.list-group-item.active,
.note-editor a.list-group-item.active:hover,
.note-editor a.list-group-item.active:focus {
z-index: 2;
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.note-editor a.list-group-item.active .list-group-item-heading,
.note-editor a.list-group-item.active:hover .list-group-item-heading,
.note-editor a.list-group-item.active:focus .list-group-item-heading {
color: inherit;
}
.note-editor a.list-group-item.active .list-group-item-text,
.note-editor a.list-group-item.active:hover .list-group-item-text,
.note-editor a.list-group-item.active:focus .list-group-item-text {
color: #e1edf7;
}
.note-editor .list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.note-editor .list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.note-editor .panel {
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.note-editor .panel-body {
padding: 15px;
}
.note-editor .panel-body:before,
.note-editor .panel-body:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .panel-body:after {
clear: both;
}
.note-editor .panel-body:before,
.note-editor .panel-body:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.note-editor .panel-body:after {
clear: both;
}
.note-editor .panel > .list-group {
margin-bottom: 0;
}
.note-editor .panel > .list-group .list-group-item {
border-width: 1px 0;
}
.note-editor .panel > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.note-editor .panel > .list-group .list-group-item:last-child {
border-bottom: 0;
}
.note-editor .panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.note-editor .panel > .table,
.note-editor .panel > .table-responsive {
margin-bottom: 0;
}
.note-editor .panel > .panel-body + .table,
.note-editor .panel > .panel-body + .table-responsive {
border-top: 1px solid #dddddd;
}
.note-editor .panel > .table-bordered,
.note-editor .panel > .table-responsive > .table-bordered {
border: 0;
}
.note-editor .panel > .table-bordered > thead > tr > th:first-child,
.note-editor .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.note-editor .panel > .table-bordered > tbody > tr > th:first-child,
.note-editor .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.note-editor .panel > .table-bordered > tfoot > tr > th:first-child,
.note-editor .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.note-editor .panel > .table-bordered > thead > tr > td:first-child,
.note-editor .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.note-editor .panel > .table-bordered > tbody > tr > td:first-child,
.note-editor .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.note-editor .panel > .table-bordered > tfoot > tr > td:first-child,
.note-editor .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.note-editor .panel > .table-bordered > thead > tr > th:last-child,
.note-editor .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.note-editor .panel > .table-bordered > tbody > tr > th:last-child,
.note-editor .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.note-editor .panel > .table-bordered > tfoot > tr > th:last-child,
.note-editor .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.note-editor .panel > .table-bordered > thead > tr > td:last-child,
.note-editor .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.note-editor .panel > .table-bordered > tbody > tr > td:last-child,
.note-editor .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.note-editor .panel > .table-bordered > tfoot > tr > td:last-child,
.note-editor .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.note-editor .panel > .table-bordered > thead > tr:last-child > th,
.note-editor .panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.note-editor .panel > .table-bordered > tbody > tr:last-child > th,
.note-editor .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.note-editor .panel > .table-bordered > tfoot > tr:last-child > th,
.note-editor .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.note-editor .panel > .table-bordered > thead > tr:last-child > td,
.note-editor .panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.note-editor .panel > .table-bordered > tbody > tr:last-child > td,
.note-editor .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.note-editor .panel > .table-bordered > tfoot > tr:last-child > td,
.note-editor .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.note-editor .panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.note-editor .panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.note-editor .panel-title > a {
color: inherit;
}
.note-editor .panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #dddddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.note-editor .panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
overflow: hidden;
}
.note-editor .panel-group .panel + .panel {
margin-top: 5px;
}
.note-editor .panel-group .panel-heading {
border-bottom: 0;
}
.note-editor .panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 1px solid #dddddd;
}
.note-editor .panel-group .panel-footer {
border-top: 0;
}
.note-editor .panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #dddddd;
}
.note-editor .panel-default {
border-color: #dddddd;
}
.note-editor .panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #dddddd;
}
.note-editor .panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #dddddd;
}
.note-editor .panel-default > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #dddddd;
}
.note-editor .panel-primary {
border-color: #428bca;
}
.note-editor .panel-primary > .panel-heading {
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.note-editor .panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #428bca;
}
.note-editor .panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #428bca;
}
.note-editor .panel-success {
border-color: #d6e9c6;
}
.note-editor .panel-success > .panel-heading {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.note-editor .panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #d6e9c6;
}
.note-editor .panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #d6e9c6;
}
.note-editor .panel-warning {
border-color: #faebcc;
}
.note-editor .panel-warning > .panel-heading {
color: #c09853;
background-color: #fcf8e3;
border-color: #faebcc;
}
.note-editor .panel-warning > .panel-heading + .panel-collapse .panel-body {
border-top-color: #faebcc;
}
.note-editor .panel-warning > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #faebcc;
}
.note-editor .panel-danger {
border-color: #ebccd1;
}
.note-editor .panel-danger > .panel-heading {
color: #b94a48;
background-color: #f2dede;
border-color: #ebccd1;
}
.note-editor .panel-danger > .panel-heading + .panel-collapse .panel-body {
border-top-color: #ebccd1;
}
.note-editor .panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #ebccd1;
}
.note-editor .panel-info {
border-color: #bce8f1;
}
.note-editor .panel-info > .panel-heading {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.note-editor .panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #bce8f1;
}
.note-editor .panel-info > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #bce8f1;
}
.note-editor .well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.note-editor .well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.note-editor .well-lg {
padding: 24px;
border-radius: 6px;
}
.note-editor .well-sm {
padding: 9px;
border-radius: 3px;
}
.note-editor .close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.note-editor .close:hover,
.note-editor .close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
button.note-editor .close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: auto;
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
transform: translate(0, -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-dialog {
margin-left: auto;
margin-right: auto;
width: auto;
padding: 10px;
z-index: 1050;
}
.modal-content {
position: relative;
background-color: #ffffff;
border: 1px solid #999999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: none;
}
.modal-backdrop {
position: static;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
background-color: #000000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: 0.5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
min-height: 16.428571429px;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.428571429;
}
.modal-body {
position: relative;
padding: 20px;
}
.modal-footer {
margin-top: 15px;
padding: 19px 20px 20px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer:before,
.modal-footer:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.modal-footer:after {
clear: both;
}
.modal-footer:before,
.modal-footer:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
@media screen and (min-width: 768px) {
.modal-dialog {
width: 600px;
padding-top: 30px;
padding-bottom: 30px;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
}
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
font-size: 12px;
line-height: 1.4;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: 0.9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #ffffff;
text-align: center;
text-decoration: none;
background-color: #000000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
left: 5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
right: 5px;
border-width: 5px 5px 0;
border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
left: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
right: 5px;
border-width: 0 5px 5px;
border-bottom-color: #000000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
max-width: 276px;
padding: 1px;
text-align: left;
background-color: #ffffff;
background-clip: padding-box;
border: 1px solid #cccccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover .arrow {
border-width: 11px;
}
.popover .arrow:after {
border-width: 10px;
content: "";
}
.popover.top .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top .arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #ffffff;
}
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #ffffff;
}
.popover.bottom .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom .arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #ffffff;
}
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #ffffff;
bottom: -10px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
font-family: serif;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #ffffff;
border-radius: 10px;
cursor: pointer;
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #ffffff;
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicons-chevron-left,
.carousel-control .glyphicons-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -15px;
margin-left: -15px;
font-size: 30px;
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
visibility: hidden !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-xs.visible-sm {
display: block !important;
}
tr.visible-xs.visible-sm {
display: table-row !important;
}
th.visible-xs.visible-sm,
td.visible-xs.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-xs.visible-md {
display: block !important;
}
tr.visible-xs.visible-md {
display: table-row !important;
}
th.visible-xs.visible-md,
td.visible-xs.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-xs.visible-lg {
display: block !important;
}
tr.visible-xs.visible-lg {
display: table-row !important;
}
th.visible-xs.visible-lg,
td.visible-xs.visible-lg {
display: table-cell !important;
}
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
display: none !important;
}
@media (max-width: 767px) {
.visible-sm.visible-xs {
display: block !important;
}
tr.visible-sm.visible-xs {
display: table-row !important;
}
th.visible-sm.visible-xs,
td.visible-sm.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-sm.visible-md {
display: block !important;
}
tr.visible-sm.visible-md {
display: table-row !important;
}
th.visible-sm.visible-md,
td.visible-sm.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-sm.visible-lg {
display: block !important;
}
tr.visible-sm.visible-lg {
display: table-row !important;
}
th.visible-sm.visible-lg,
td.visible-sm.visible-lg {
display: table-cell !important;
}
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
display: none !important;
}
@media (max-width: 767px) {
.visible-md.visible-xs {
display: block !important;
}
tr.visible-md.visible-xs {
display: table-row !important;
}
th.visible-md.visible-xs,
td.visible-md.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-md.visible-sm {
display: block !important;
}
tr.visible-md.visible-sm {
display: table-row !important;
}
th.visible-md.visible-sm,
td.visible-md.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-md.visible-lg {
display: block !important;
}
tr.visible-md.visible-lg {
display: table-row !important;
}
th.visible-md.visible-lg,
td.visible-md.visible-lg {
display: table-cell !important;
}
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
display: none !important;
}
@media (max-width: 767px) {
.visible-lg.visible-xs {
display: block !important;
}
tr.visible-lg.visible-xs {
display: table-row !important;
}
th.visible-lg.visible-xs,
td.visible-lg.visible-xs {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-lg.visible-sm {
display: block !important;
}
tr.visible-lg.visible-sm {
display: table-row !important;
}
th.visible-lg.visible-sm,
td.visible-lg.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-lg.visible-md {
display: block !important;
}
tr.visible-lg.visible-md {
display: table-row !important;
}
th.visible-lg.visible-md,
td.visible-lg.visible-md {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
.hidden-xs {
display: block !important;
}
tr.hidden-xs {
display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-xs,
tr.hidden-xs,
th.hidden-xs,
td.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-xs.hidden-sm,
tr.hidden-xs.hidden-sm,
th.hidden-xs.hidden-sm,
td.hidden-xs.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-xs.hidden-md,
tr.hidden-xs.hidden-md,
th.hidden-xs.hidden-md,
td.hidden-xs.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xs.hidden-lg,
tr.hidden-xs.hidden-lg,
th.hidden-xs.hidden-lg,
td.hidden-xs.hidden-lg {
display: none !important;
}
}
.hidden-sm {
display: block !important;
}
tr.hidden-sm {
display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-sm.hidden-xs,
tr.hidden-sm.hidden-xs,
th.hidden-sm.hidden-xs,
td.hidden-sm.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm,
tr.hidden-sm,
th.hidden-sm,
td.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-sm.hidden-md,
tr.hidden-sm.hidden-md,
th.hidden-sm.hidden-md,
td.hidden-sm.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-sm.hidden-lg,
tr.hidden-sm.hidden-lg,
th.hidden-sm.hidden-lg,
td.hidden-sm.hidden-lg {
display: none !important;
}
}
.hidden-md {
display: block !important;
}
tr.hidden-md {
display: table-row !important;
}
th.hidden-md,
td.hidden-md {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-md.hidden-xs,
tr.hidden-md.hidden-xs,
th.hidden-md.hidden-xs,
td.hidden-md.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-md.hidden-sm,
tr.hidden-md.hidden-sm,
th.hidden-md.hidden-sm,
td.hidden-md.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md,
tr.hidden-md,
th.hidden-md,
td.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-md.hidden-lg,
tr.hidden-md.hidden-lg,
th.hidden-md.hidden-lg,
td.hidden-md.hidden-lg {
display: none !important;
}
}
.hidden-lg {
display: block !important;
}
tr.hidden-lg {
display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
display: table-cell !important;
}
@media (max-width: 767px) {
.hidden-lg.hidden-xs,
tr.hidden-lg.hidden-xs,
th.hidden-lg.hidden-xs,
td.hidden-lg.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-lg.hidden-sm,
tr.hidden-lg.hidden-sm,
th.hidden-lg.hidden-sm,
td.hidden-lg.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-lg.hidden-md,
tr.hidden-lg.hidden-md,
th.hidden-lg.hidden-md,
td.hidden-lg.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg,
tr.hidden-lg,
th.hidden-lg,
td.hidden-lg {
display: none !important;
}
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
.hidden-print,
tr.hidden-print,
th.hidden-print,
td.hidden-print {
display: none !important;
}
}