2 lines
5.2 KiB
JavaScript
2 lines
5.2 KiB
JavaScript
tinymce.PluginManager.add("image",function(a){function b(a,b){function c(a,c){d.parentNode&&d.parentNode.removeChild(d),b({width:a,height:c})}var d=document.createElement("img");d.onload=function(){c(d.clientWidth,d.clientHeight)},d.onerror=function(){c()};var e=d.style;e.visibility="hidden",e.position="fixed",e.bottom=e.left=0,e.width=e.height="auto",document.body.appendChild(d),d.src=a}function c(b){return tinymce.each(b,function(b){b.textStyle=function(){return a.formatter.getCssText({inline:"img",classes:[b.value]})}}),b}function d(b){return function(){var c=a.settings.image_list;"string"==typeof c?tinymce.util.XHR.send({url:c,success:function(a){b(tinymce.util.JSON.parse(a))}}):b(c)}}function e(d){function e(b,c,d){var e,f=[];return tinymce.each(a.settings[b]||d,function(a){var b={text:a.text||a.title,value:a.value};f.push(b),(q[c]===a.value||!e&&a.selected)&&(e=b)}),e&&!q[c]&&(q[c]=e.value,e.selected=!0),f}function f(){var b=[{text:"None",value:""}];return tinymce.each(d,function(c){b.push({text:c.text||c.title,value:a.convertURL(c.value||c.url,"src"),menu:c.menu})}),b}function g(){var a,b,c,d;a=l.find("#width")[0],b=l.find("#height")[0],c=a.value(),d=b.value(),l.find("#constrain")[0].checked()&&m&&n&&c&&d&&(m!=c?(d=Math.round(c/m*d),b.value(d)):(c=Math.round(d/n*c),a.value(c))),m=c,n=d}function h(){function b(b){function c(){b.onload=b.onerror=null,a.selection.select(b),a.nodeChanged()}b.onload=function(){q.width||q.height||(r.setAttribs(b,{width:b.clientWidth,height:b.clientHeight}),a.fire("wpNewImageRefresh",{node:b})),c()},b.onerror=c}k(),g(),q=tinymce.extend(q,l.toJSON());var c=q.caption;q.alt||(q.alt=""),""===q.width&&(q.width=null),""===q.height&&(q.height=null),""===q.style&&(q.style=null),q={src:q.src,alt:q.alt,width:q.width,height:q.height,style:q.style,"class":q["class"]},q["class"]||delete q["class"],a.undoManager.transact(function(){var d={node:s,data:q,caption:c};return a.fire("wpImageFormSubmit",{imgData:d}),d.cancel?void b(d.node):q.src?(s?r.setAttribs(s,q):(q.id="__mcenew",a.focus(),a.selection.setContent(r.createHTML("img",q)),s=r.get("__mcenew"),r.setAttrib(s,"id",null)),void b(s)):void(s&&(r.remove(s),a.focus(),a.nodeChanged()))})}function i(a){return a&&(a=a.replace(/px$/,"")),a}function j(){o&&o.value(a.convertURL(this.value(),"src")),b(this.value(),function(a){a.width&&a.height&&(m=a.width,n=a.height,l.find("#width").value(m),l.find("#height").value(n))})}function k(){function b(a){return a.length>0&&/^[0-9]+$/.test(a)&&(a+="px"),a}if(a.settings.image_advtab){var c=l.toJSON(),d=r.parseStyle(c.style);delete d.margin,d["margin-top"]=d["margin-bottom"]=b(c.vspace),d["margin-left"]=d["margin-right"]=b(c.hspace),d["border-width"]=b(c.border),l.find("#style").value(r.serializeStyle(r.parseStyle(r.serializeStyle(d))))}}var l,m,n,o,p,q={},r=a.dom,s=a.selection.getNode();m=r.getAttrib(s,"width"),n=r.getAttrib(s,"height"),"IMG"!=s.nodeName||s.getAttribute("data-mce-object")||s.getAttribute("data-mce-placeholder")?s=null:(q={src:r.getAttrib(s,"src"),alt:r.getAttrib(s,"alt"),"class":r.getAttrib(s,"class"),width:m,height:n},a.fire("wpLoadImageData",{imgData:{data:q,node:s}})),d&&(o={type:"listbox",label:"Image list",values:f(),value:q.src&&a.convertURL(q.src,"src"),onselect:function(a){var b=l.find("#alt");(!b.value()||a.lastControl&&b.value()==a.lastControl.text())&&b.value(a.control.text()),l.find("#src").value(a.control.value())},onPostRender:function(){o=this}}),a.settings.image_class_list&&(p={name:"class",type:"listbox",label:"Class",values:c(e("image_class_list","class"))});var t=[{name:"src",type:"filepicker",filetype:"image",label:"Source",autofocus:!0,onchange:j},o];a.settings.image_description!==!1&&t.push({name:"alt",type:"textbox",label:"Image description"}),a.settings.image_dimensions!==!1&&t.push({type:"container",label:"Dimensions",layout:"flex",direction:"row",align:"center",spacing:5,items:[{name:"width",type:"textbox",maxLength:5,size:3,onchange:g,ariaLabel:"Width"},{type:"label",text:"x"},{name:"height",type:"textbox",maxLength:5,size:3,onchange:g,ariaLabel:"Height"},{name:"constrain",type:"checkbox",checked:!0,text:"Constrain proportions"}]}),t.push(p),a.fire("wpLoadImageForm",{data:t}),a.settings.image_advtab?(s&&(q.hspace=i(s.style.marginLeft||s.style.marginRight),q.vspace=i(s.style.marginTop||s.style.marginBottom),q.border=i(s.style.borderWidth),q.style=a.dom.serializeStyle(a.dom.parseStyle(a.dom.getAttrib(s,"style")))),l=a.windowManager.open({title:"Insert/edit image",data:q,bodyType:"tabpanel",body:[{title:"General",type:"form",items:t},{title:"Advanced",type:"form",pack:"start",items:[{label:"Style",name:"style",type:"textbox"},{type:"form",layout:"grid",packV:"start",columns:2,padding:0,alignH:["left","right"],defaults:{type:"textbox",maxWidth:50,onchange:k},items:[{label:"Vertical space",name:"vspace"},{label:"Horizontal space",name:"hspace"},{label:"Border",name:"border"}]}]}],onSubmit:h})):l=a.windowManager.open({title:"Insert/edit image",data:q,body:t,onSubmit:h})}a.addCommand("mceImage",function(){d(e)()}),a.addButton("image",{icon:"image",tooltip:"Insert/edit image",onclick:d(e),stateSelector:"img:not([data-mce-object],[data-mce-placeholder])"}),a.addMenuItem("image",{icon:"image",text:"Insert image",onclick:d(e),context:"insert",prependToContext:!0})});
|