- Timestamp:
- 06/16/2008 09:08:49 PM (16 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/crazyhorse/wp-includes/js/tinymce/plugins/wpeditimage/js/editimage.js
r8066 r8103 95 95 link : '', 96 96 link_rel : '', 97 target_value : '', 97 98 98 99 setTabs : function(tab) { … … 180 181 m = Math.min(W, m); 181 182 f.width.value = m; 182 f.height.value = Math. floor((m / W) * H);183 f.height.value = Math.round((m / W) * H); 183 184 } else { 184 185 m = Math.min(H, m); 185 186 f.height.value = m; 186 f.width.value = Math. floor((m / H) * W);187 f.width.value = Math.round((m / H) * W); 187 188 } 188 189 … … 196 197 var demo = this.I('img_demo'), f = document.forms[0]; 197 198 198 demo.style.width = f.width.value ? Math.floor(f.width.value * 0.6) + 'px' : ''; 199 demo.style.height = f.height.value ? Math.floor(f.height.value * 0.6) + 'px' : '60%'; 199 demo.width = f.width.value ? Math.floor(f.width.value * 0.5) : ''; 200 demo.height = f.height.value ? Math.floor(f.height.value * 0.5) : ''; 201 }, 202 203 demoSetStyle : function() { 204 var f = document.forms[0], demo = this.I('img_demo'); 205 206 if (demo) 207 tinyMCEPopup.editor.dom.setAttrib(demo, 'style', f.img_style.value); 200 208 }, 201 209 … … 218 226 h = h.replace(/ (value|title|alt)=([^"][^\s>]+)/gi, ' $1="$2"') 219 227 220 document.dir = ed.getParam('directionality','');221 228 document.body.innerHTML = ed.translate(h); 222 229 window.setTimeout( function(){wpImage.setup();}, 100 ); … … 224 231 225 232 setup : function() { 226 var t = this, h, c, el, id, link, fname, f = document.forms[0], ed = tinyMCEPopup.editor, d = t.I('img_demo'), tr = ed.translate;227 233 var t = this, h, c, el, id, link, fname, f = document.forms[0], ed = tinyMCEPopup.editor, d = t.I('img_demo'), dom = tinyMCEPopup.dom; 234 document.dir = tinyMCEPopup.editor.getParam('directionality',''); 228 235 tinyMCEPopup.restoreSelection(); 229 236 el = ed.selection.getNode(); … … 242 249 f.img_classes.value = c = ed.dom.getAttrib(el, 'class'); 243 250 f.img_style.value = ed.dom.getAttrib(el, 'style'); 244 this.updateStyle(); 251 252 // Move attribs to styles 253 if (dom.getAttrib(el, 'align')) 254 t.updateStyle('align'); 255 256 if (dom.getAttrib(el, 'hspace')) 257 t.updateStyle('hspace'); 258 259 if (dom.getAttrib(el, 'border')) 260 t.updateStyle('border'); 261 262 if (dom.getAttrib(el, 'vspace')) 263 t.updateStyle('vspace'); 245 264 246 265 if (pa = ed.dom.getParent(el, 'A')) { … … 248 267 f.link_title.value = ed.dom.getAttrib(pa, 'title'); 249 268 f.link_rel.value = t.link_rel = ed.dom.getAttrib(pa, 'rel'); 250 f.link_rev.value = ed.dom.getAttrib(pa, 'rev');251 269 f.link_style.value = ed.dom.getAttrib(pa, 'style'); 252 f.link_target.value = ed.dom.getAttrib(pa, 'target');270 t.target_value = ed.dom.getAttrib(pa, 'target'); 253 271 f.link_classes.value = ed.dom.getAttrib(pa, 'class'); 254 272 } 255 273 274 f.link_target.checked = ( t.target_value && t.target_value == '_blank' ) ? 'checked' : ''; 275 256 276 fname = link.substring( link.lastIndexOf('/') ); 257 277 fname = fname.replace(/-[0-9]{2,4}x[0-9]{2,4}/, '' ); … … 281 301 document.body.style.display = ''; 282 302 t.getImageData(); 283 284 if ( (id = c.match( /wp-image-([0-9]{1,6})/ )) && id[1] ) { 285 t.I('tab_attachment').href = tinymce.documentBaseURL + 'media.php?action=edit&attachment_id=' + id[1]; 286 t.I('tab_attachment').style.display = 'inline'; 287 } 303 t.demoSetStyle(); 304 305 // Test if is attachment 306 // if ( (id = c.match( /wp-image-([0-9]{1,6})/ )) && id[1] ) { 307 // t.I('tab_attachment').href = tinymce.documentBaseURL + 'media.php?action=edit&attachment_id=' + id[1]; 308 // t.I('tab_attachment').style.display = 'inline'; 309 // } 288 310 }, 289 311 … … 351 373 title : f.link_title.value, 352 374 rel : f.link_rel.value, 353 rev : f.link_rev.value, 354 target : f.link_target.value, 375 target : (f.link_target.checked == true) ? '_blank' : '', 355 376 'class' : f.link_classes.value, 356 377 style : f.link_style.value … … 363 384 title : f.link_title.value, 364 385 rel : f.link_rel.value, 365 rev : f.link_rev.value, 366 target : f.link_target.value, 386 target : (f.link_target.checked == true) ? '_blank' : '', 367 387 'class' : f.link_classes.value, 368 388 style : f.link_style.value … … 373 393 tinyMCEPopup.close(); 374 394 }, 375 376 updateStyle : function( ) {377 var dom = tinyMCEPopup.dom, st, v, f = document.forms[0] ;395 396 updateStyle : function(ty) { 397 var dom = tinyMCEPopup.dom, st, v, f = document.forms[0], img = dom.create('img', {style : f.img_style.value}); 378 398 379 399 if (tinyMCEPopup.editor.settings.inline_styles) { 380 st = tinyMCEPopup.dom.parseStyle(f.img_style.value);381 382 400 // Handle align 383 v = f.align.value; 384 if (v) { 385 if (v == 'left' || v == 'right') { 386 st['float'] = v; 387 delete st['vertical-align']; 388 } else { 389 st['vertical-align'] = v; 390 delete st['float']; 401 if (ty == 'align') { 402 dom.setStyle(img, 'float', ''); 403 dom.setStyle(img, 'vertical-align', ''); 404 405 v = f.align.value; 406 if (v) { 407 if (v == 'left' || v == 'right') 408 dom.setStyle(img, 'float', v); 409 else 410 img.style.verticalAlign = v; 391 411 } 392 } else {393 delete st['float'];394 delete st['vertical-align'];395 412 } 396 413 397 414 // Handle border 398 v = f.border.value; 399 if (v || v == '0') { 400 if (v == '0') 401 st['border'] = '0'; 402 else 403 st['border'] = v + 'px solid black'; 404 } else 405 delete st['border']; 415 if (ty == 'border') { 416 dom.setStyle(img, 'border', ''); 417 418 v = f.border.value; 419 if (v || v == '0') { 420 if (v == '0') 421 img.style.border = '0'; 422 else 423 img.style.border = v + 'px solid black'; 424 } 425 } 406 426 407 427 // Handle hspace 408 v = f.hspace.value; 409 if (v) { 410 delete st['margin']; 411 st['margin-left'] = v + 'px'; 412 st['margin-right'] = v + 'px'; 413 } else { 414 delete st['margin-left']; 415 delete st['margin-right']; 428 if (ty == 'hspace') { 429 dom.setStyle(img, 'marginLeft', ''); 430 dom.setStyle(img, 'marginRight', ''); 431 432 v = f.hspace.value; 433 if (v) { 434 img.style.marginLeft = v + 'px'; 435 img.style.marginRight = v + 'px'; 436 } 416 437 } 417 438 418 439 // Handle vspace 419 v = f.vspace.value; 420 if (v) { 421 delete st['margin']; 422 st['margin-top'] = v + 'px'; 423 st['margin-bottom'] = v + 'px'; 424 } else { 425 delete st['margin-top']; 426 delete st['margin-bottom']; 440 if (ty == 'vspace') { 441 dom.setStyle(img, 'marginTop', ''); 442 dom.setStyle(img, 'marginBottom', ''); 443 444 v = f.vspace.value; 445 if (v) { 446 img.style.marginTop = v + 'px'; 447 img.style.marginBottom = v + 'px'; 448 } 427 449 } 428 450 429 451 // Merge 430 st = tinyMCEPopup.dom.parseStyle(dom.serializeStyle(st));431 f.img_style.value = dom.serializeStyle(st);452 f.img_style.value = dom.serializeStyle(dom.parseStyle(img.style.cssText)); 453 this.demoSetStyle(); 432 454 } 433 455 }, … … 445 467 var f = document.forms[0]; 446 468 447 f.width.value = f.height.value = "";469 f.width.value = f.height.value = ''; 448 470 }, 449 471
Note: See TracChangeset
for help on using the changeset viewer.