jodit-pro 1.3.23 → 1.3.25

package/build/plugins/show-blocks/show-blocks.js

@@ -1 +1 @@
-((t,e)=>{if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var o=e();for(var s in o)("object"==typeof exports?exports:t)[s]=o[s]}})(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[876],{23337(t,e,o){"use strict";o.r(e),o.d(e,{ar:()=>s,cs_cz:()=>l,de:()=>r,es:()=>i,fa:()=>n,fr:()=>a,he:()=>c,hu:()=>h,id:()=>p,it:()=>d,ja:()=>k,ko:()=>u,nl:()=>b,pl:()=>g,pt_br:()=>w,ru:()=>f,tr:()=>B,zh_cn:()=>x,zh_tw:()=>m});const s=o(96551),l=o(26464),r=o(7896),i=o(44660),n=o(12990),a=o(10187),c=o(7834),h=o(46788),p=o(79955),d=o(48343),k=o(8449),u=o(36777),b=o(27705),g=o(7450),w=o(17454),f=o(48013),B=o(47766),x=o(70198),m=o(50756)},54778(t,e,o){"use strict";o.r(e),o.d(e,{showBlocks:()=>p});var s=o(70655),l=o(85119);l.D.prototype.showBlocks={enable:!1,color:"#ccc",tagList:["html","body","div","span","applet","object","iframe","h1","h2","h3","h4","h5","h6","p","blockquote","pre","a","abbr","acronym","address","big","cite","code","del","dfn","em","img","ins","kbd","q","s","samp","small","strike","strong","sub","sup","tt","var","b","u","i","center","dl","dt","dd","fieldset","form","label","legend","caption","th","td","li","ol","ul","article","aside","canvas","details","embed","figure","figcaption","footer","header","hgroup","menu","nav","output","ruby","section","summary","time","mark","audio","video"]},l.D.prototype.controls.showBlocks={isActive(t){return!!t.e.fire("showBlocksEnabled")},tooltip:"Show Blocks",command:"toggleShowBlocks"};var r=o(16490),i=o(35244),n=o(48823),a=o(98740),c=o(41257),h=o(87250);class p extends r.S{constructor(t){super(t),this.requires=["license"],this.buttons=[{name:"showBlocks",group:"state"}],this.isEnabled=!1,(0,a.xl)(o(23337)),n.JO.set("showBlocks",o(48374))}enable(){this.isEnabled=!0;const t=this.j.o.iframe?"body":".jodit-wysiwyg",{tagList:e,color:o}=this.j.o.showBlocks;this.style.innerHTML=e.map((e=>{return`${t} ${e}{\n\t\t\t\t\toutline: 1px dashed ${o};\n\t\t\t\t\tbackground-image: url("${s='<svg xmlns="http://www.w3.org/2000/svg" width="50px"><text dominant-baseline="hanging" text-anchor="end" style="fill: '+o+';font: 10px sans-serif" x="50px" y="0">'+e+"</text></svg>","data:image/svg+xml;utf8,"+escape(s)}");\n\t\t\t\t\tbackground-position: top 2px ${"rtl"===this.j.o.direction?"left":"right"} 4px;\n\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\tposition: relative;\n\t\t\t\t}`;var s})).join("")}disable(){this.isEnabled=!1,this.style.innerHTML=""}toggle(){this.isEnabled?this.disable():this.enable(),this.j.e.fire("updateToolbar")}afterInit(t){this.style=(0,a.ZO)(t,p,"style",!0),t.e.on("showBlocksEnabled",(()=>this.isEnabled)),t.registerCommand("enableShowBlocks",this.enable).registerCommand("disableShowBlocks",this.disable).registerCommand("toggleShowBlocks",this.toggle),this.j.o.showBlocks.enable&&this.enable()}beforeDestruct(t){this.disable(),i.Dom.safeRemove(this.style)}}(0,s.gn)([c.autobind],p.prototype,"enable",null),(0,s.gn)([c.autobind],p.prototype,"disable",null),(0,s.gn)([c.autobind],p.prototype,"toggle",null),h.Jodit.plugins.add("show-blocks",p)},70655(t,e,o){"use strict";function s(t,e,o,s){var l,r=arguments.length,i=3>r?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,o,s);else for(var n=t.length-1;n>=0;n--)(l=t[n])&&(i=(3>r?l(i):r>3?l(e,o,i):l(e,o))||i);return r>3&&i&&Object.defineProperty(e,o,i),i}o.d(e,{gn:()=>s})},96551(t){t.exports={"Show Blocks":"تظهر كتل"}},26464(t){t.exports={"Show Blocks":"Ukázat Bloky"}},7896(t){t.exports={"Show Blocks":"Zeigen Blöcke"}},44660(t){t.exports={"Show Blocks":"Mostrar Bloques"}},12990(t){t.exports={"Show Blocks":"نشان می دهد بلوک"}},10187(t){t.exports={"Show Blocks":"Afficher Les Blocs"}},7834(t){t.exports={"Show Blocks":"תראה רחובות"}},46788(t){t.exports={"Show Blocks":"Mutasd Meg Blokkok"}},79955(t){t.exports={"Show Blocks":"Menunjukkan Blok"}},48343(t){t.exports={"Show Blocks":"Visualizza Blocchi"}},8449(t){t.exports={"Show Blocks":"ショーのブロック"}},36777(t){t.exports={"Show Blocks":"쇼 블록"}},27705(t){t.exports={"Show Blocks":"Toon Blokken"}},7450(t){t.exports={"Show Blocks":"Pokaż Bloki"}},17454(t){t.exports={"Show Blocks":"Mostrar Blocos"}},48013(t){t.exports={"Show Blocks":"Показать Блоки"}},47766(t){t.exports={"Show Blocks":"Haritayı Blokları"}},70198(t){t.exports={"Show Blocks":"显示块"}},50756(t){t.exports={"Show Blocks":"แสดงช่วงตึก"}},48374(t){t.exports='<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"> <g> <rect rx="10" height="1620" width="1620" y="79.646973" x="80" stroke-width="100" stroke-dasharray="8% 10%" fill="none"/> <path d="m1333.992706,381.692384l0,52.982419q0,21.04781 -12.98052,44.272981t-29.820114,23.22517q-35.082487,0 -37.889085,0.725787q-18.242893,4.354719 -22.452791,22.499384q-2.104949,7.983652 -2.104949,46.45034l0,836.106125q0,18.144664 -12.629695,31.208822t-30.170938,13.064158l-75.778171,0q-17.541243,0 -30.170938,-13.064158t-12.629695,-31.208822l0,-884.008038l-100.335911,0l0,884.008038q0,18.144664 -12.27887,31.208822t-30.521763,13.064158l-75.778171,0q-18.242893,0 -30.521763,-13.064158t-12.27887,-31.208822l0,-359.990137q-103.14251,-8.709439 -171.904184,-42.821407q-88.407866,-42.095621 -134.716748,-129.915795q-44.905583,-84.917028 -44.905583,-187.978721q0,-120.48057 61.745176,-207.574958q61.745176,-85.642815 146.644794,-115.400064q77.88312,-26.854103 292.587937,-26.854103l336.090221,0q17.541243,0 30.170938,13.064158t12.629695,31.208822z"/> </g> </svg>'}},t=>t(t.s=54778)])}));
+((t,e)=>{if("object"==typeof exports&&"object"==typeof module)module.exports=e();else if("function"==typeof define&&define.amd)define([],e);else{var o=e();for(var s in o)("object"==typeof exports?exports:t)[s]=o[s]}})(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[876],{23337(t,e,o){"use strict";o.r(e),o.d(e,{ar(){return s},cs_cz(){return r},de(){return l},es(){return n},fa(){return i},fr(){return a},he(){return c},hu(){return h},id(){return p},it(){return d},ja(){return u},ko(){return k},nl(){return b},pl(){return g},pt_br(){return w},ru(){return f},tr(){return B},zh_cn(){return x},zh_tw(){return m}});const s=o(96551),r=o(26464),l=o(7896),n=o(44660),i=o(12990),a=o(10187),c=o(7834),h=o(46788),p=o(79955),d=o(48343),u=o(8449),k=o(36777),b=o(27705),g=o(7450),w=o(17454),f=o(48013),B=o(47766),x=o(70198),m=o(50756)},54778(t,e,o){"use strict";o.r(e),o.d(e,{showBlocks(){return p}});var s=o(70655),r=o(733);r.D.prototype.showBlocks={enable:!1,color:"#ccc",tagList:["html","body","div","span","applet","object","iframe","h1","h2","h3","h4","h5","h6","p","blockquote","pre","a","abbr","acronym","address","big","cite","code","del","dfn","em","img","ins","kbd","q","s","samp","small","strike","strong","sub","sup","tt","var","b","u","i","center","dl","dt","dd","fieldset","form","label","legend","caption","th","td","li","ol","ul","article","aside","canvas","details","embed","figure","figcaption","footer","header","hgroup","menu","nav","output","ruby","section","summary","time","mark","audio","video"]},r.D.prototype.controls.showBlocks={isActive:t=>!!t.e.fire("showBlocksEnabled"),tooltip:"Show Blocks",command:"toggleShowBlocks"};var l=o(43464),n=o(47611),i=o(33993),a=o(58706),c=o(98422),h=o(66809);class p extends l.S{constructor(t){super(t),this.requires=["license"],this.buttons=[{name:"showBlocks",group:"state"}],this.isEnabled=!1,(0,a.xl)(o(23337)),i.JO.set("showBlocks",o(48374))}enable(){this.isEnabled=!0;const t=this.j.o.iframe?"body":".jodit-wysiwyg",{tagList:e,color:o}=this.j.o.showBlocks;this.style.innerHTML=e.map((e=>{return`${t} ${e}{\n\t\t\t\t\toutline: 1px dashed ${o};\n\t\t\t\t\tbackground-image: url("${s='<svg xmlns="http://www.w3.org/2000/svg" width="50px"><text dominant-baseline="hanging" text-anchor="end" style="fill: '+o+';font: 10px sans-serif" x="50px" y="0">'+e+"</text></svg>","data:image/svg+xml;utf8,"+escape(s)}");\n\t\t\t\t\tbackground-position: top 2px ${"rtl"===this.j.o.direction?"left":"right"} 4px;\n\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\tposition: relative;\n\t\t\t\t}`;var s})).join("")}disable(){this.isEnabled=!1,this.style.innerHTML=""}toggle(){this.isEnabled?this.disable():this.enable(),this.j.e.fire("updateToolbar")}afterInit(t){this.style=(0,a.ZO)(t,p,"style",!0),t.e.on("showBlocksEnabled",(()=>this.isEnabled)),t.registerCommand("enableShowBlocks",this.enable).registerCommand("disableShowBlocks",this.disable).registerCommand("toggleShowBlocks",this.toggle),this.j.o.showBlocks.enable&&this.enable()}beforeDestruct(t){this.disable(),n.Dom.safeRemove(this.style)}}(0,s.gn)([c.autobind],p.prototype,"enable",null),(0,s.gn)([c.autobind],p.prototype,"disable",null),(0,s.gn)([c.autobind],p.prototype,"toggle",null),h.Jodit.plugins.add("show-blocks",p)},70655(t,e,o){"use strict";function s(t,e,o,s){var r,l=arguments.length,n=3>l?e:null===s?s=Object.getOwnPropertyDescriptor(e,o):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)n=Reflect.decorate(t,e,o,s);else for(var i=t.length-1;i>=0;i--)(r=t[i])&&(n=(3>l?r(n):l>3?r(e,o,n):r(e,o))||n);return l>3&&n&&Object.defineProperty(e,o,n),n}o.d(e,{gn(){return s}})},96551(t){t.exports={"Show Blocks":"تظهر كتل"}},26464(t){t.exports={"Show Blocks":"Ukázat Bloky"}},7896(t){t.exports={"Show Blocks":"Zeigen Blöcke"}},44660(t){t.exports={"Show Blocks":"Mostrar Bloques"}},12990(t){t.exports={"Show Blocks":"نشان می دهد بلوک"}},10187(t){t.exports={"Show Blocks":"Afficher Les Blocs"}},7834(t){t.exports={"Show Blocks":"תראה רחובות"}},46788(t){t.exports={"Show Blocks":"Mutasd Meg Blokkok"}},79955(t){t.exports={"Show Blocks":"Menunjukkan Blok"}},48343(t){t.exports={"Show Blocks":"Visualizza Blocchi"}},8449(t){t.exports={"Show Blocks":"ショーのブロック"}},36777(t){t.exports={"Show Blocks":"쇼 블록"}},27705(t){t.exports={"Show Blocks":"Toon Blokken"}},7450(t){t.exports={"Show Blocks":"Pokaż Bloki"}},17454(t){t.exports={"Show Blocks":"Mostrar Blocos"}},48013(t){t.exports={"Show Blocks":"Показать Блоки"}},47766(t){t.exports={"Show Blocks":"Haritayı Blokları"}},70198(t){t.exports={"Show Blocks":"显示块"}},50756(t){t.exports={"Show Blocks":"แสดงช่วงตึก"}},48374(t){t.exports='<svg viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"> <g> <rect rx="10" height="1620" width="1620" y="79.646973" x="80" stroke-width="100" stroke-dasharray="8% 10%" fill="none"/> <path d="m1333.992706,381.692384l0,52.982419q0,21.04781 -12.98052,44.272981t-29.820114,23.22517q-35.082487,0 -37.889085,0.725787q-18.242893,4.354719 -22.452791,22.499384q-2.104949,7.983652 -2.104949,46.45034l0,836.106125q0,18.144664 -12.629695,31.208822t-30.170938,13.064158l-75.778171,0q-17.541243,0 -30.170938,-13.064158t-12.629695,-31.208822l0,-884.008038l-100.335911,0l0,884.008038q0,18.144664 -12.27887,31.208822t-30.521763,13.064158l-75.778171,0q-18.242893,0 -30.521763,-13.064158t-12.27887,-31.208822l0,-359.990137q-103.14251,-8.709439 -171.904184,-42.821407q-88.407866,-42.095621 -134.716748,-129.915795q-44.905583,-84.917028 -44.905583,-187.978721q0,-120.48057 61.745176,-207.574958q61.745176,-85.642815 146.644794,-115.400064q77.88312,-26.854103 292.587937,-26.854103l336.090221,0q17.541243,0 30.170938,13.064158t12.629695,31.208822z"/> </g> </svg>'}},t=>t(t.s=54778)])}));

package/build/plugins/tune-block/tune-block.es5.js

@@ -1 +1 @@
-"use strict";!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var o=t();for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[288],{80147:function(e,t,o){Object.defineProperty(t,"__esModule",{value:!0});var n=o(70655),i=o(85119),r=o(44370),c=o(75204),s=["tune.up","tune.remove","tune.down"],u=n.__spreadArray(["tune.h1","tune.h2","tune.h3","\n","tune.h4","tune.h5","tune.h6","\n"],n.__read(s),!1);function l(e){return{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><text dominant-baseline="text-before-edge" style="font: 45px sans-serif" x="0" y="0">'+e.toUpperCase()+"</text></svg>",isActive:function(t,o,n){var i;return(null===(i=null==n?void 0:n.target)||void 0===i?void 0:i.tagName.toLowerCase())===e},exec:function(t,o){if(o){t.selection.save();var n=r.Dom.replace(o,e,t.createInside);t.selection.restore(),t.e.fire("synchro"),t.e.fire("afterExecTune.tune",n)}return!0}}}function p(e){var t=e?"previousSibling":"nextSibling";return{icon:e?"angle-up":"angle-down",isDisabled:function(e,o,n){var i;return!(null===(i=null==n?void 0:n.target)||void 0===i?void 0:i[t])},exec:function(o,n){var i=null==n?void 0:n[t];return n&&i&&(o.selection.save(),(0,c.call)(e?r.Dom.before:r.Dom.after,i,n),o.selection.restore()),o.e.fire("synchro"),o.e.fire("afterExecTune.tune"),!0}}}i.Config.prototype.tuneBlock={popup:{p:s,table:s,img:s,blockquote:s,div:s,pre:n.__spreadArray(["tune.editPre"],n.__read(s),!1),h1:u,h2:u,h3:u,h4:u,h5:u,h6:u}},i.Config.prototype.controls.tune={h1:l("h1"),h2:l("h2"),h3:l("h3"),h4:l("h4"),h5:l("h5"),h6:l("h6"),up:p(!0),down:p(!1),editPre:{icon:"pencil",exec:function(e,t){e.e.fire("editPreInPasteCode",t)}},remove:{icon:"bin",exec:function(e,t){r.Dom.safeRemove(t),e.e.fire("synchro"),e.e.fire("closeTuner.tune"),e.e.fire("hideTuner.tune")}}}},79053:function(e,t,o){Object.defineProperty(t,"__esModule",{value:!0}),t.tuneBlock=void 0;var n=o(70655),i=o(16490),r=o(23112),c=o(97029),s=o(16430);o(80147);var u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.requires=["license"],t}return n.__extends(t,e),t.prototype.afterInit=function(e){this.tuner=new s.UITuner(e)},t.prototype.hideTuner=function(){this.tuner.hide()},t.prototype.onChangeSelection=function(){this.j.s.isCollapsed()||this.hideTuner()},t.prototype.onClickInBlock=function(e){this.j.s.isCollapsed()&&this.tuner.show()},t.prototype.beforeDestruct=function(e){this.tuner.destruct()},n.__decorate([(0,r.watch)(":outsideClick :keydown")],t.prototype,"hideTuner",null),n.__decorate([(0,r.watch)("j.ed:selectionchange"),(0,r.debounce)()],t.prototype,"onChangeSelection",null),n.__decorate([(0,r.watch)(":click")],t.prototype,"onClickInBlock",null),t}(i.Plugin);t.tuneBlock=u,c.Jodit.plugins.add("tune-block",u)},16430:function(e,t,o){Object.defineProperty(t,"__esModule",{value:!0}),t.UITuner=void 0;var n=o(70655);o(33511);var i=o(78827),r=o(44370),c=o(75204),s=o(23112),u=o(60989),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.isShown=!1,t.toolbar=(0,u.makeCollection)(t.j,t),t.popup=new i.Popup(t.j,!1),t}return n.__extends(t,e),t.prototype.className=function(){return"UITuner"},t.prototype.render=function(){return"<div>\n\t\t\t<div class='&__handle' title='~Click to tune~'/>\n\t\t</div>"},t.prototype.show=function(){var e=this,t=this.j.s.current();if(!t)return this.hide();var o=r.Dom.isBlock(t)?t:r.Dom.closest(t,(function(t){return Boolean(t&&e.j.o.tuneBlock.popup[t.nodeName.toLowerCase()])}),this.j.editor);if(!o||o===this.j.editor||!this.j.o.tuneBlock.popup[o.tagName.toLowerCase()])return this.hide();this.currentBlock=o,this.isShown=!0,this.closeToolbar(),this.calcPosition(),this.container.parentNode||this.j.workplace.append(this.container)},t.prototype.hide=function(){this.isShown&&(this.isShown=!1,r.Dom.safeRemove(this.container),this.closeToolbar())},t.prototype.onEditorScroll=function(){this.isShown&&this.calcPosition()},t.prototype.calcPosition=function(){var e=(0,c.css)(this.j.editor,"marginLeft"),t=(0,c.css)(this.j.editor,"paddingLeft"),o=(0,c.css)(this.j.editor,"marginTop"),n=this.currentBlock.offsetTop-this.j.editor.scrollTop+o;(0,c.css)(this.container,{transform:"translate3d(".concat(this.currentBlock.offsetWidth-15+e+t,"px, ").concat(n,"px, 0)")}),this.popup.isOpened&&this.popup.updatePosition()},t.prototype.onAfterExecTune=function(e){e&&(this.currentBlock=e),this.calcPosition(),this.openToolbar()},t.prototype.onClickPrevent=function(e){e.preventDefault(),e.stopPropagation()},t.prototype.onTargetClick=function(){this.toggleToolbar()},t.prototype.openToolbar=function(){if(this.setMod("opened",!0),this.toolbar.build(this.j.o.tuneBlock.popup[this.currentBlock.tagName.toLowerCase()],this.currentBlock),this.popup.setContent(this.toolbar.container),!this.popup.isOpened){var e=this.getElm("handle");(0,c.assert)(null!=e,"Handle element does not exist"),this.popup.open((function(){return(0,c.position)(e)}))}},t.prototype.closeToolbar=function(){this.setMod("opened",!1),this.popup.close()},t.prototype.toggleToolbar=function(){this.getMod("opened")?this.closeToolbar():this.openToolbar()},n.__decorate([(0,s.watch)(":hideTuner.tune")],t.prototype,"hide",null),n.__decorate([(0,s.watch)("j.editor:scroll"),(0,s.throttle)(10)],t.prototype,"onEditorScroll",null),n.__decorate([(0,s.watch)(":afterExecTune.tune"),(0,s.idle)()],t.prototype,"onAfterExecTune",null),n.__decorate([(0,s.watch)("container:click container:mousedown")],t.prototype,"onClickPrevent",null),n.__decorate([(0,s.watch)("handle:click")],t.prototype,"onTargetClick",null),n.__decorate([(0,s.watch)(":closeTuner.tune")],t.prototype,"closeToolbar",null),n.__decorate([s.component],t)}(i.UIElement);t.UITuner=l},33511:function(e,t,o){o.r(t)}},function(e){return e(e.s=79053)}])}));
+"use strict";!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var o=t();for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}}(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[288],{80147:function(e,t,o){Object.defineProperty(t,"__esModule",{value:!0});var n=o(70655),i=o(733),r=o(96582),c=o(16892),s=["tune.up","tune.remove","tune.down"],u=n.__spreadArray(["tune.h1","tune.h2","tune.h3","\n","tune.h4","tune.h5","tune.h6","\n"],n.__read(s),!1);function l(e){return{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><text dominant-baseline="text-before-edge" style="font: 45px sans-serif" x="0" y="0">'+e.toUpperCase()+"</text></svg>",isActive:function(t,o,n){var i;return(null===(i=null==n?void 0:n.target)||void 0===i?void 0:i.tagName.toLowerCase())===e},exec:function(t,o){if(o){t.selection.save();var n=r.Dom.replace(o,e,t.createInside);t.selection.restore(),t.e.fire("synchro"),t.e.fire("afterExecTune.tune",n)}return!0}}}function p(e){var t=e?"previousSibling":"nextSibling";return{icon:e?"angle-up":"angle-down",isDisabled:function(e,o,n){var i;return!(null===(i=null==n?void 0:n.target)||void 0===i?void 0:i[t])},exec:function(o,n){var i=null==n?void 0:n[t];return n&&i&&(o.selection.save(),(0,c.call)(e?r.Dom.before:r.Dom.after,i,n),o.selection.restore()),o.e.fire("synchro"),o.e.fire("afterExecTune.tune"),!0}}}i.Config.prototype.tuneBlock={popup:{p:s,table:s,img:s,blockquote:s,div:s,pre:n.__spreadArray(["tune.editPre"],n.__read(s),!1),h1:u,h2:u,h3:u,h4:u,h5:u,h6:u}},i.Config.prototype.controls.tune={h1:l("h1"),h2:l("h2"),h3:l("h3"),h4:l("h4"),h5:l("h5"),h6:l("h6"),up:p(!0),down:p(!1),editPre:{icon:"pencil",exec:function(e,t){e.e.fire("editPreInPasteCode",t)}},remove:{icon:"bin",exec:function(e,t){r.Dom.safeRemove(t),e.e.fire("synchro"),e.e.fire("closeTuner.tune"),e.e.fire("hideTuner.tune")}}}},79053:function(e,t,o){Object.defineProperty(t,"__esModule",{value:!0}),t.tuneBlock=void 0;var n=o(70655),i=o(43464),r=o(51923),c=o(97029),s=o(16430);o(80147);var u=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.requires=["license"],t}return n.__extends(t,e),t.prototype.afterInit=function(e){this.tuner=new s.UITuner(e)},t.prototype.hideTuner=function(){this.tuner.hide()},t.prototype.onChangeSelection=function(){this.j.s.isCollapsed()||this.hideTuner()},t.prototype.onClickInBlock=function(e){this.j.s.isCollapsed()&&this.tuner.show()},t.prototype.beforeDestruct=function(e){this.tuner.destruct()},n.__decorate([(0,r.watch)(":outsideClick :keydown")],t.prototype,"hideTuner",null),n.__decorate([(0,r.watch)("j.ed:selectionchange"),(0,r.debounce)()],t.prototype,"onChangeSelection",null),n.__decorate([(0,r.watch)(":click")],t.prototype,"onClickInBlock",null),t}(i.Plugin);t.tuneBlock=u,c.Jodit.plugins.add("tune-block",u)},16430:function(e,t,o){Object.defineProperty(t,"__esModule",{value:!0}),t.UITuner=void 0;var n=o(70655);o(33511);var i=o(98440),r=o(96582),c=o(16892),s=o(51923),u=o(75901),l=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.isShown=!1,t.toolbar=(0,u.makeCollection)(t.j,t),t.popup=new i.Popup(t.j,!1),t}return n.__extends(t,e),t.prototype.className=function(){return"UITuner"},t.prototype.render=function(){return"<div>\n\t\t\t<div class='&__handle' title='~Click to tune~'/>\n\t\t</div>"},t.prototype.show=function(){var e=this,t=this.j.s.current();if(!t)return this.hide();var o=r.Dom.isBlock(t)?t:r.Dom.closest(t,(function(t){return Boolean(t&&e.j.o.tuneBlock.popup[t.nodeName.toLowerCase()])}),this.j.editor);if(!o||o===this.j.editor||!this.j.o.tuneBlock.popup[o.tagName.toLowerCase()])return this.hide();this.currentBlock=o,this.isShown=!0,this.closeToolbar(),this.calcPosition(),this.container.parentNode||this.j.workplace.append(this.container)},t.prototype.hide=function(){this.isShown&&(this.isShown=!1,r.Dom.safeRemove(this.container),this.closeToolbar())},t.prototype.onEditorScroll=function(){this.isShown&&this.calcPosition()},t.prototype.calcPosition=function(){var e=(0,c.css)(this.j.editor,"marginLeft"),t=(0,c.css)(this.j.editor,"paddingLeft"),o=(0,c.css)(this.j.editor,"marginTop"),n=this.currentBlock.offsetTop-this.j.editor.scrollTop+o;(0,c.css)(this.container,{transform:"translate3d(".concat(this.currentBlock.offsetWidth-15+e+t,"px, ").concat(n,"px, 0)")}),this.popup.isOpened&&this.popup.updatePosition()},t.prototype.onAfterExecTune=function(e){e&&(this.currentBlock=e),this.calcPosition(),this.openToolbar()},t.prototype.onClickPrevent=function(e){e.preventDefault(),e.stopPropagation()},t.prototype.onTargetClick=function(){this.toggleToolbar()},t.prototype.openToolbar=function(){if(this.setMod("opened",!0),this.toolbar.build(this.j.o.tuneBlock.popup[this.currentBlock.tagName.toLowerCase()],this.currentBlock),this.popup.setContent(this.toolbar.container),!this.popup.isOpened){var e=this.getElm("handle");(0,c.assert)(null!=e,"Handle element does not exist"),this.popup.open((function(){return(0,c.position)(e)}))}},t.prototype.closeToolbar=function(){this.setMod("opened",!1),this.popup.close()},t.prototype.toggleToolbar=function(){this.getMod("opened")?this.closeToolbar():this.openToolbar()},n.__decorate([(0,s.watch)(":hideTuner.tune")],t.prototype,"hide",null),n.__decorate([(0,s.watch)("j.editor:scroll"),(0,s.throttle)(10)],t.prototype,"onEditorScroll",null),n.__decorate([(0,s.watch)(":afterExecTune.tune"),(0,s.idle)()],t.prototype,"onAfterExecTune",null),n.__decorate([(0,s.watch)("container:click container:mousedown")],t.prototype,"onClickPrevent",null),n.__decorate([(0,s.watch)("handle:click")],t.prototype,"onTargetClick",null),n.__decorate([(0,s.watch)(":closeTuner.tune")],t.prototype,"closeToolbar",null),n.__decorate([s.component],t)}(i.UIElement);t.UITuner=l},33511:function(e,t,o){o.r(t)}},function(e){return e(e.s=79053)}])}));

package/build/plugins/tune-block/tune-block.js

@@ -1 +1 @@
-"use strict";((e,t)=>{if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var o=t();for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}})(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[288],{78838(e,t,o){o.r(t),o.d(t,{tuneBlock:()=>b});var n=o(70655),i=o(16490),s=o(41257),r=o(87250),l=o(48823),c=o(44370),h=o(91037),u=o(60989);let p=class extends l.u1{constructor(){super(...arguments),this.isShown=!1,this.toolbar=(0,u.R)(this.j,this),this.popup=new l.GI(this.j,!1)}className(){return"UITuner"}render(){return"<div>\n\t\t\t<div class='&__handle' title='~Click to tune~'/>\n\t\t</div>"}show(){const e=this.j.s.current();if(!e)return this.hide();const t=c.i.isBlock(e)?e:c.i.closest(e,(e=>!(!e||!this.j.o.tuneBlock.popup[e.nodeName.toLowerCase()])),this.j.editor);if(!t||t===this.j.editor||!this.j.o.tuneBlock.popup[t.tagName.toLowerCase()])return this.hide();this.currentBlock=t,this.isShown=!0,this.closeToolbar(),this.calcPosition(),this.container.parentNode||this.j.workplace.append(this.container)}hide(){this.isShown&&(this.isShown=!1,c.i.safeRemove(this.container),this.closeToolbar())}onEditorScroll(){this.isShown&&this.calcPosition()}calcPosition(){const e=(0,h.css)(this.j.editor,"marginLeft"),t=(0,h.css)(this.j.editor,"paddingLeft"),o=(0,h.css)(this.j.editor,"marginTop");(0,h.css)(this.container,{transform:`translate3d(${this.currentBlock.offsetWidth-15+e+t}px, ${this.currentBlock.offsetTop-this.j.editor.scrollTop+o}px, 0)`}),this.popup.isOpened&&this.popup.updatePosition()}onAfterExecTune(e){e&&(this.currentBlock=e),this.calcPosition(),this.openToolbar()}onClickPrevent(e){e.preventDefault(),e.stopPropagation()}onTargetClick(){this.toggleToolbar()}openToolbar(){if(this.setMod("opened",!0),this.toolbar.build(this.j.o.tuneBlock.popup[this.currentBlock.tagName.toLowerCase()],this.currentBlock),this.popup.setContent(this.toolbar.container),!this.popup.isOpened){const e=this.getElm("handle");(0,h.assert)(null!=e,"Handle element does not exist"),this.popup.open((()=>(0,h.position)(e)))}}closeToolbar(){this.setMod("opened",!1),this.popup.close()}toggleToolbar(){this.getMod("opened")?this.closeToolbar():this.openToolbar()}};(0,n.gn)([(0,s.watch)(":hideTuner.tune")],p.prototype,"hide",null),(0,n.gn)([(0,s.watch)("j.editor:scroll"),(0,s.throttle)(10)],p.prototype,"onEditorScroll",null),(0,n.gn)([(0,s.watch)(":afterExecTune.tune"),(0,s.idle)()],p.prototype,"onAfterExecTune",null),(0,n.gn)([(0,s.watch)("container:click container:mousedown")],p.prototype,"onClickPrevent",null),(0,n.gn)([(0,s.watch)("handle:click")],p.prototype,"onTargetClick",null),(0,n.gn)([(0,s.watch)(":closeTuner.tune")],p.prototype,"closeToolbar",null),p=(0,n.gn)([s.component],p);var a=o(85119);const d=["tune.up","tune.remove","tune.down"],f=["tune.h1","tune.h2","tune.h3","\n","tune.h4","tune.h5","tune.h6","\n",...d];function g(e){return{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><text dominant-baseline="text-before-edge" style="font: 45px sans-serif" x="0" y="0">'+e.toUpperCase()+"</text></svg>",isActive(t,o,n){var i;return(null===(i=null==n?void 0:n.target)||void 0===i?void 0:i.tagName.toLowerCase())===e},exec(t,o){if(o){t.selection.save();const n=c.i.replace(o,e,t.createInside);t.selection.restore(),t.e.fire("synchro"),t.e.fire("afterExecTune.tune",n)}return!0}}}function w(e){const t=e?"previousSibling":"nextSibling";return{icon:e?"angle-up":"angle-down",isDisabled(e,o,n){var i;return!(null===(i=null==n?void 0:n.target)||void 0===i?void 0:i[t])},exec(o,n){const i=null==n?void 0:n[t];return n&&i&&(o.selection.save(),(0,h.call)(e?c.i.before:c.i.after,i,n),o.selection.restore()),o.e.fire("synchro"),o.e.fire("afterExecTune.tune"),!0}}}a.D.prototype.tuneBlock={popup:{p:d,table:d,img:d,blockquote:d,div:d,pre:["tune.editPre",...d],h1:f,h2:f,h3:f,h4:f,h5:f,h6:f}},a.D.prototype.controls.tune={h1:g("h1"),h2:g("h2"),h3:g("h3"),h4:g("h4"),h5:g("h5"),h6:g("h6"),up:w(!0),down:w(!1),editPre:{icon:"pencil",exec(e,t){e.e.fire("editPreInPasteCode",t)}},remove:{icon:"bin",exec(e,t){c.i.safeRemove(t),e.e.fire("synchro"),e.e.fire("closeTuner.tune"),e.e.fire("hideTuner.tune")}}};class b extends i.S{constructor(){super(...arguments),this.requires=["license"]}afterInit(e){this.tuner=new p(e)}hideTuner(){this.tuner.hide()}onChangeSelection(){this.j.s.isCollapsed()||this.hideTuner()}onClickInBlock(e){this.j.s.isCollapsed()&&this.tuner.show()}beforeDestruct(e){this.tuner.destruct()}}(0,n.gn)([(0,s.watch)(":outsideClick :keydown")],b.prototype,"hideTuner",null),(0,n.gn)([(0,s.watch)("j.ed:selectionchange"),(0,s.debounce)()],b.prototype,"onChangeSelection",null),(0,n.gn)([(0,s.watch)(":click")],b.prototype,"onClickInBlock",null),r.Jodit.plugins.add("tune-block",b)},70655(e,t,o){function n(e,t,o,n){var i,s=arguments.length,r=3>s?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(3>s?i(r):s>3?i(t,o,r):i(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r}o.d(t,{gn:()=>n})}},e=>e(e.s=78838)])}));
+"use strict";((e,t)=>{if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var o=t();for(var n in o)("object"==typeof exports?exports:e)[n]=o[n]}})(self,(function(){return(self.webpackChunkjodit_pro=self.webpackChunkjodit_pro||[]).push([[288],{78838(e,t,o){o.r(t),o.d(t,{tuneBlock(){return b}});var n=o(70655),i=o(43464),s=o(98422),r=o(66809),l=o(33993),c=o(96582),h=o(16892),u=o(75901);let p=class e extends l.u1{constructor(){super(...arguments),this.isShown=!1,this.toolbar=(0,u.R)(this.j,this),this.popup=new l.GI(this.j,!1)}className(){return"UITuner"}render(){return"<div>\n\t\t\t<div class='&__handle' title='~Click to tune~'/>\n\t\t</div>"}show(){const e=this.j.s.current();if(!e)return this.hide();const t=c.i.isBlock(e)?e:c.i.closest(e,(e=>!(!e||!this.j.o.tuneBlock.popup[e.nodeName.toLowerCase()])),this.j.editor);if(!t||t===this.j.editor||!this.j.o.tuneBlock.popup[t.tagName.toLowerCase()])return this.hide();this.currentBlock=t,this.isShown=!0,this.closeToolbar(),this.calcPosition(),this.container.parentNode||this.j.workplace.append(this.container)}hide(){this.isShown&&(this.isShown=!1,c.i.safeRemove(this.container),this.closeToolbar())}onEditorScroll(){this.isShown&&this.calcPosition()}calcPosition(){const e=(0,h.css)(this.j.editor,"marginLeft"),t=(0,h.css)(this.j.editor,"paddingLeft"),o=(0,h.css)(this.j.editor,"marginTop");(0,h.css)(this.container,{transform:`translate3d(${this.currentBlock.offsetWidth-15+e+t}px, ${this.currentBlock.offsetTop-this.j.editor.scrollTop+o}px, 0)`}),this.popup.isOpened&&this.popup.updatePosition()}onAfterExecTune(e){e&&(this.currentBlock=e),this.calcPosition(),this.openToolbar()}onClickPrevent(e){e.preventDefault(),e.stopPropagation()}onTargetClick(){this.toggleToolbar()}openToolbar(){if(this.setMod("opened",!0),this.toolbar.build(this.j.o.tuneBlock.popup[this.currentBlock.tagName.toLowerCase()],this.currentBlock),this.popup.setContent(this.toolbar.container),!this.popup.isOpened){const e=this.getElm("handle");(0,h.assert)(null!=e,"Handle element does not exist"),this.popup.open((()=>(0,h.position)(e)))}}closeToolbar(){this.setMod("opened",!1),this.popup.close()}toggleToolbar(){this.getMod("opened")?this.closeToolbar():this.openToolbar()}};(0,n.gn)([(0,s.watch)(":hideTuner.tune")],p.prototype,"hide",null),(0,n.gn)([(0,s.watch)("j.editor:scroll"),(0,s.throttle)(10)],p.prototype,"onEditorScroll",null),(0,n.gn)([(0,s.watch)(":afterExecTune.tune"),(0,s.idle)()],p.prototype,"onAfterExecTune",null),(0,n.gn)([(0,s.watch)("container:click container:mousedown")],p.prototype,"onClickPrevent",null),(0,n.gn)([(0,s.watch)("handle:click")],p.prototype,"onTargetClick",null),(0,n.gn)([(0,s.watch)(":closeTuner.tune")],p.prototype,"closeToolbar",null),p=(0,n.gn)([s.component],p);var a=o(733);const d=["tune.up","tune.remove","tune.down"],f=["tune.h1","tune.h2","tune.h3","\n","tune.h4","tune.h5","tune.h6","\n",...d];function g(e){return{icon:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><text dominant-baseline="text-before-edge" style="font: 45px sans-serif" x="0" y="0">'+e.toUpperCase()+"</text></svg>",isActive(t,o,n){var i;return(null===(i=null==n?void 0:n.target)||void 0===i?void 0:i.tagName.toLowerCase())===e},exec(t,o){if(o){t.selection.save();const n=c.i.replace(o,e,t.createInside);t.selection.restore(),t.e.fire("synchro"),t.e.fire("afterExecTune.tune",n)}return!0}}}function w(e){const t=e?"previousSibling":"nextSibling";return{icon:e?"angle-up":"angle-down",isDisabled(e,o,n){var i;return!(null===(i=null==n?void 0:n.target)||void 0===i?void 0:i[t])},exec(o,n){const i=null==n?void 0:n[t];return n&&i&&(o.selection.save(),(0,h.call)(e?c.i.before:c.i.after,i,n),o.selection.restore()),o.e.fire("synchro"),o.e.fire("afterExecTune.tune"),!0}}}a.D.prototype.tuneBlock={popup:{p:d,table:d,img:d,blockquote:d,div:d,pre:["tune.editPre",...d],h1:f,h2:f,h3:f,h4:f,h5:f,h6:f}},a.D.prototype.controls.tune={h1:g("h1"),h2:g("h2"),h3:g("h3"),h4:g("h4"),h5:g("h5"),h6:g("h6"),up:w(!0),down:w(!1),editPre:{icon:"pencil",exec(e,t){e.e.fire("editPreInPasteCode",t)}},remove:{icon:"bin",exec(e,t){c.i.safeRemove(t),e.e.fire("synchro"),e.e.fire("closeTuner.tune"),e.e.fire("hideTuner.tune")}}};class b extends i.S{constructor(){super(...arguments),this.requires=["license"]}afterInit(e){this.tuner=new p(e)}hideTuner(){this.tuner.hide()}onChangeSelection(){this.j.s.isCollapsed()||this.hideTuner()}onClickInBlock(e){this.j.s.isCollapsed()&&this.tuner.show()}beforeDestruct(e){this.tuner.destruct()}}(0,n.gn)([(0,s.watch)(":outsideClick :keydown")],b.prototype,"hideTuner",null),(0,n.gn)([(0,s.watch)("j.ed:selectionchange"),(0,s.debounce)()],b.prototype,"onChangeSelection",null),(0,n.gn)([(0,s.watch)(":click")],b.prototype,"onClickInBlock",null),r.Jodit.plugins.add("tune-block",b)},70655(e,t,o){function n(e,t,o,n){var i,s=arguments.length,r=3>s?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,o,n);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(r=(3>s?i(r):s>3?i(t,o,r):i(t,o))||r);return s>3&&r&&Object.defineProperty(t,o,r),r}o.d(t,{gn(){return n}})}},e=>e(e.s=78838)])}));

package/examples/assets/app.js

@@ -15,7 +15,8 @@ const links = {
 	'inline-mode.html': 'Inline mode',
 	'custom-icons.html': 'Custom Icons / Font Awesome',
 	'oneinstance.html': 'One Instance',
-	'color-picker.html': 'Color Picker'
+	'color-picker.html': 'Color Picker',
+	'theme.html': 'Dark theme'
 };
 
 if (examples) {

package/examples/example.default.html

@@ -1,75 +1,121 @@
-<!doctype html>
+<!DOCTYPE html>
 <!--
  * Jodit Editor (https://xdsoft.net/jodit/)
  * License GNU General Public License version 2 or later;
  * Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
 -->
 <html>
-<head>
-    <meta charset="UTF-8"/>
-    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
-    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
-    <title>Jodit Example</title>
-    <link rel="icon" type="image/png" href="assets/icon.png" />
-</head>
-<body>
-<header>
-    <nav>
-        <ul class="container">
-            <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
-            <li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
-            <li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
-            <li><a href="https://github.com/xdan/jodit/">Github</a></li>
-            <li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.md">Changelog</a></li>
-            <li>
-                <a href="#examples">Examples</a>
-                <ul id="examples"><!-- see app.js--></ul>
-            </li>
-            <li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
-        </ul>
-    </nav>
-</header>
-<div id="main_container" class="container">
-    <div id="introduction">
-        <h3>HTML</h3>
-        <pre><code class="language-markup">
+	<head>
+		<meta charset="UTF-8" />
+		<meta
+			name="viewport"
+			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
+		/>
+		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+		<title>Jodit Example</title>
+		<link rel="icon" type="image/png" href="assets/icon.png" />
+	</head>
+	<body>
+		<header>
+			<nav>
+				<ul class="container">
+					<li>
+						<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
+					</li>
+					<li>
+						<a href="https://xdsoft.net/jodit/play.html"
+							>Playground</a
+						>
+					</li>
+					<li>
+						<a href="https://xdsoft.net/jodit/doc/"
+							>Documentation</a
+						>
+					</li>
+					<li><a href="https://github.com/xdan/jodit/">Github</a></li>
+					<li>
+						<a
+							href="https://github.com/xdan/jodit/blob/master/CHANGELOG.md"
+							>Changelog</a
+						>
+					</li>
+					<li>
+						<a href="#examples">Examples</a>
+						<ul id="examples">
+							<!-- see app.js-->
+						</ul>
+					</li>
+					<li style="float: right">
+						<a href="https://github.com/xdan/jodit/releases/latest"
+							>Download</a
+						>
+					</li>
+				</ul>
+			</nav>
+		</header>
+		<div id="main_container" class="container">
+			<div id="introduction">
+				<h3>HTML</h3>
+				<pre><code class="language-markup">
             &lt;textarea id="editor">&lt;/textarea>
         </code></pre>
-        <h3>JavaScript</h3>
-        <pre><code class="language-javascript">
-            var editor = new Jodit('#editor', {
-            //
+				<h3>JavaScript</h3>
+				<pre><code class="language-javascript">
+            const editor = Jodit.make('#editor', {
+            	//
             });
-            editor.setEditorValue('&lt;p>start&lt;/p>')
+            editor.value = '&lt;p>start&lt;/p>';
         </code></pre>
-    </div>
-    <div class="result">
-        <textarea id="area_editor"></textarea>
-    </div>
-</div>
-<footer>
-    <nav>
-        <ul class="container">
-            <li><a href="https://xdsoft.net/jodit/">Jodit homepage</a></li>
-            <li><a href="https://xdsoft.net/jodit/play.html">Playground</a></li>
-            <li><a href="https://xdsoft.net/jodit/doc/">Documentation</a></li>
-            <li><a href="https://github.com/xdan/jodit/">Github</a></li>
-            <li><a href="https://github.com/xdan/jodit/blob/master/CHANGELOG.md">Changelog</a></li>
-            <li style="float:right"><a href="https://github.com/xdan/jodit/releases/latest">Download</a></li>
-        </ul>
-    </nav>
-</footer>
-</body>
-<link rel="stylesheet" href="../build/jodit.min.css"/>
-<link rel="stylesheet" href="assets/app.css"/>
-<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i" rel="stylesheet">
+			</div>
+			<div class="result">
+				<textarea id="area_editor"></textarea>
+			</div>
+		</div>
+		<footer>
+			<nav>
+				<ul class="container">
+					<li>
+						<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
+					</li>
+					<li>
+						<a href="https://xdsoft.net/jodit/play.html"
+							>Playground</a
+						>
+					</li>
+					<li>
+						<a href="https://xdsoft.net/jodit/doc/"
+							>Documentation</a
+						>
+					</li>
+					<li><a href="https://github.com/xdan/jodit/">Github</a></li>
+					<li>
+						<a
+							href="https://github.com/xdan/jodit/blob/master/CHANGELOG.md"
+							>Changelog</a
+						>
+					</li>
+					<li style="float: right">
+						<a href="https://github.com/xdan/jodit/releases/latest"
+							>Download</a
+						>
+					</li>
+				</ul>
+			</nav>
+		</footer>
+	</body>
+	<link rel="stylesheet" href="../build/jodit.min.css" />
+	<link rel="stylesheet" href="assets/app.css" />
+	<link
+		href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
+		rel="stylesheet"
+	/>
 
-<script src="../build/jodit.min.js"></script>
-<script src="assets/prism.js"></script>
-<script src="assets/app.js"></script>
-<script>
-    var editor = new Jodit('#area_editor', {
-       //
-    });
-</script>
+	<script src="../build/jodit.min.js"></script>
+	<script src="assets/prism.js"></script>
+	<script src="assets/app.js"></script>
+	<script>
+		const editor = Jodit.make('#area_editor', {
+			//
+		});
+	</script>
 </html>

package/examples/theme.html

@@ -0,0 +1,121 @@
+<!DOCTYPE html>
+<!--
+ * Jodit Editor (https://xdsoft.net/jodit/)
+ * License GNU General Public License version 2 or later;
+ * Copyright 2013-2020 Valeriy Chupurnov https://xdsoft.net
+-->
+<html>
+	<head>
+		<meta charset="UTF-8" />
+		<meta
+			name="viewport"
+			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
+		/>
+		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+		<title>Jodit Dark theme</title>
+		<link rel="icon" type="image/png" href="assets/icon.png" />
+	</head>
+	<body>
+		<header>
+			<nav>
+				<ul class="container">
+					<li>
+						<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
+					</li>
+					<li>
+						<a href="https://xdsoft.net/jodit/play.html"
+							>Playground</a
+						>
+					</li>
+					<li>
+						<a href="https://xdsoft.net/jodit/doc/"
+							>Documentation</a
+						>
+					</li>
+					<li><a href="https://github.com/xdan/jodit/">Github</a></li>
+					<li>
+						<a
+							href="https://github.com/xdan/jodit/blob/master/CHANGELOG.md"
+							>Changelog</a
+						>
+					</li>
+					<li>
+						<a href="#examples">Examples</a>
+						<ul id="examples">
+							<!-- see app.js-->
+						</ul>
+					</li>
+					<li style="float: right">
+						<a href="https://github.com/xdan/jodit/releases/latest"
+							>Download</a
+						>
+					</li>
+				</ul>
+			</nav>
+		</header>
+		<div id="main_container" class="container">
+			<div id="introduction">
+				<h3>HTML</h3>
+				<pre><code class="language-markup">
+            &lt;textarea id="editor">&lt;/textarea>
+        </code></pre>
+				<h3>JavaScript</h3>
+				<pre><code class="language-javascript">
+            var editor = Jodit.make('#editor', {
+              theme: 'dark'
+            });
+            editor.value = '&lt;p>start&lt;/p>'
+        </code></pre>
+			</div>
+			<div class="result">
+				<textarea id="area_editor"></textarea>
+			</div>
+		</div>
+		<footer>
+			<nav>
+				<ul class="container">
+					<li>
+						<a href="https://xdsoft.net/jodit/">Jodit homepage</a>
+					</li>
+					<li>
+						<a href="https://xdsoft.net/jodit/play.html"
+							>Playground</a
+						>
+					</li>
+					<li>
+						<a href="https://xdsoft.net/jodit/doc/"
+							>Documentation</a
+						>
+					</li>
+					<li><a href="https://github.com/xdan/jodit/">Github</a></li>
+					<li>
+						<a
+							href="https://github.com/xdan/jodit/blob/master/CHANGELOG.md"
+							>Changelog</a
+						>
+					</li>
+					<li style="float: right">
+						<a href="https://github.com/xdan/jodit/releases/latest"
+							>Download</a
+						>
+					</li>
+				</ul>
+			</nav>
+		</footer>
+	</body>
+	<link rel="stylesheet" href="../build/jodit.min.css" />
+	<link rel="stylesheet" href="assets/app.css" />
+	<link
+		href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,700,700i"
+		rel="stylesheet"
+	/>
+
+	<script src="../build/jodit.min.js"></script>
+	<script src="assets/prism.js"></script>
+	<script src="assets/app.js"></script>
+	<script>
+		var editor = Jodit.make('#area_editor', {
+			theme: 'dark'
+		});
+	</script>
+</html>

package/index.html

@@ -94,13 +94,14 @@
 					'image',
 					'align',
 					'|',
-					'pageBreak',
+					'preview',
+					'googleMaps',
 					'exportDocs'
 				],
 				// removeButtons: ['changeCase', 'classSpan', 'lineHeight'],
 				width: 762,
 				minHeight: '21px',
-				iframe: true,
+				// iframe: true,
 				// iframeStyle: '',
 				showPlaceholder: false,
 				iframeCSSLinks: [
@@ -252,7 +253,7 @@
 					]),
 					license: '',
 					ajax: {
-						url: 'http://localhost:8081/'
+						url: 'https://xdsoft.net/jodit/finder/'
 					},
 					height: 580
 				});

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "jodit-pro",
-	"version": "1.3.23",
+	"version": "1.3.25",
 	"author": "Chupurnov Valeriy <chupurnov@gmail.com>",
 	"homepage": "https://xdsoft.net/jodit/pro/",
 	"bugs": {