WordPress.org

Make WordPress Core

Ticket #6811: edit-image-popup2.patch

File edit-image-popup2.patch, 32.4 KB (added by azaozz, 6 years ago)
  • wp-admin/gears-manifest.php

     
    8787?> 
    8888{ 
    8989"betaManifestVersion" : 1, 
    90 "version" : "<?php echo $man_version; ?>_20080606", 
     90"version" : "<?php echo $man_version; ?>_20080613", 
    9191"entries" : [ 
    9292<?php echo $defaults; ?> 
    9393 
     
    177177{ "url" : "../wp-includes/js/tinymce/plugins/paste/css/pasteword.css?ver=3091" }, 
    178178{ "url" : "../wp-includes/js/tinymce/plugins/paste/css/blank.css?ver=3091" }, 
    179179{ "url" : "../wp-includes/js/tinymce/plugins/wpeditimage/css/editimage.css?ver=3091" }, 
     180{ "url" : "../wp-includes/js/tinymce/plugins/wpeditimage/css/editimage-rtl.css?ver=3091" }, 
    180181{ "url" : "../wp-includes/js/tinymce/wordpress.css?ver=3091" }, 
    181182 
    182183{ "url" : "../wp-includes/js/tinymce/themes/advanced/img/icons.gif" }, 
  • wp-includes/js/thickbox/thickbox.css

     
    116116#TB_load{ 
    117117        position: fixed; 
    118118        display:none; 
    119         height:13px; 
    120         width:208px; 
    121119        z-index:103; 
    122120        top: 50%; 
    123121        left: 50%; 
    124         margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ 
     122        background-color: #E8E8E8; 
     123        border: 4px solid #525252; 
     124        margin: -45px 0pt 0pt -125px; 
     125        padding: 40px 15px 15px; 
    125126} 
    126127 
    127128* html #TB_load { /* ie6 hack */ 
  • wp-includes/js/tinymce/langs/wp-langs.php

     
    397397wp_more_alt:"' . mce_escape( __('More...') ) . '", 
    398398wp_page_alt:"' . mce_escape( __('Next page...') ) . '" 
    399399}); 
     400 
     401tinyMCE.addI18n("' . $language . '.wpeditimage",{ 
     402edit_img:"' . mce_escape( __('Edit Image') )  . '", 
     403adv_settings:"' . mce_escape( __('Advanced Settings') )  . '", 
     404none:"' . mce_escape( __('None') )  . '", 
     405size:"' . mce_escape( __('Size') ) . '", 
     406thumbnail:"' . mce_escape( __('Thumbnail') ) . '", 
     407medium:"' . mce_escape( __('Medium') ) . '", 
     408full_size:"' . mce_escape( __('Full Size') ) . '", 
     409alt_help:"' . js_escape( __('Alternate text, e.g. "The Mona Lisa"') )  . '", 
     410current_link:"' . mce_escape( __('Current Link') ) . '", 
     411link_to_img:"' . mce_escape( __('Link to Image') ) . '", 
     412link_help:"' . mce_escape( __('Enter a link URL or click above for presets.') ) . '", 
     413adv_img_settings:"' . mce_escape( __('Advanced Image Settings') ) . '", 
     414source:"' . mce_escape( __('Source') )  . '", 
     415width:"' . mce_escape( __('Width') ) . '", 
     416height:"' . mce_escape( __('Height') ) . '", 
     417orig_size:"' . mce_escape( __('Original Size') ) . '", 
     418css:"' . mce_escape( __('CSS Class') ) . '", 
     419adv_link_settings:"' . mce_escape( __('Advanced Link Settings') )  . '", 
     420link_rel:"' . mce_escape( __('Link Rel') ) . '", 
     421height:"' . mce_escape( __('Height') ) . '", 
     422orig_size:"' . mce_escape( __('Original Size') ) . '", 
     423css:"' . mce_escape( __('CSS Class') ) . '", 
     424caption:"' . mce_escape( __('Caption') ) . '" 
     425}); 
    400426';  
    401427?> 
     428 No newline at end of file 
  • wp-includes/js/tinymce/plugins/wpeditimage/css/editimage-rtl.css

     
     1 
     2body#media-upload ul#sidemenu { 
     3        left: auto; 
     4        right: 0; 
     5} 
     6 
     7.align .field label { 
     8        display: block; 
     9        float: right; 
     10        padding: 0 25px 0 0; 
     11        margin: 5px 3px 5px 5px;  
     12} 
     13 
     14.align .field input { 
     15        display: block; 
     16        float: right; 
     17        margin: 5px 15px 5px 0; 
     18} 
     19 
     20tr.image-size label { 
     21        margin: 0; 
     22} 
     23 
     24tr.image-size input { 
     25        margin: 3px 15px 0 5px; 
     26} 
     27 
     28.image-align-none-label, 
     29.image-align-left-label, 
     30.image-align-center-label, 
     31.image-align-right-label { 
     32        background-position: center right; 
     33} 
     34 
     35#media-upload .describe th.label { 
     36        text-align: right; 
     37} 
     38 
     39.alignleft { 
     40        float: right; 
     41} 
     42 
     43.show-align, 
     44.alignright { 
     45        float: left; 
     46} 
     47 
     48tr.image-size label, 
     49tr.image-size input, 
     50#img_dim label, 
     51#img_dim input, 
     52#img_prop label, 
     53#img_prop input { 
     54        float: right; 
     55} 
     56 
     57#img_dim label, 
     58#img_prop label { 
     59        margin: 5px 0pt; 
     60} 
     61 
     62#img_dim input, 
     63#img_prop input { 
     64        margin: 0 5px 0 10px; 
     65} 
  • wp-includes/js/tinymce/plugins/wpeditimage/css/editimage.css

     
    3838        text-align: left; 
    3939} 
    4040 
     41img.alignright, 
    4142.alignright { 
    4243        float: right; 
    4344} 
    4445 
     46img.alignleft, 
    4547.alignleft { 
    4648        float: left; 
    4749} 
    4850 
    49 .aligncenter { 
     51img.aligncenter { 
    5052        display: block; 
    5153        margin-left: auto; 
    5254        margin-right: auto; 
     
    6163} 
    6264 
    6365.show-align { 
    64         padding: 8px; 
    6566        height: 200px; 
     67        width: 480px; 
     68        float: right; 
    6669        background-color: #f1f1f1; 
    6770        cursor: default; 
    6871        -moz-user-select: none; 
     
    7376#media-upload #img-edit { 
    7477        border: 1px solid #c0c0c0; 
    7578        width: 623px; 
    76         margin: 20px auto auto; 
     79        margin: 15px auto; 
    7780} 
    7881 
    7982#media-upload .media-upload-form table.describe { 
     
    9093} 
    9194 
    9295#img_demo { 
    93         padding: 0 5px 4px; 
     96        padding: 0; 
    9497} 
    9598 
    9699#saveeditimg { 
     
    137140} 
    138141 
    139142#media-upload h3 { 
    140         clear:both; 
    141         padding:0pt 0pt 3px; 
    142         border-bottom-style:solid; 
    143         border-bottom-width:1px; 
    144         font-family:Georgia,"Times New Roman",Times,serif; 
    145         font-size:20px; 
    146         font-weight:normal; 
    147         line-height:normal; 
    148         margin:20px 0 15px -4px; 
    149         padding:0 0 3px 0; 
    150         border-bottom-color:#DADADA; 
    151         color:#5A5A5A; 
     143        clear: both; 
     144        padding: 0pt 0pt 3px; 
     145        border-bottom-style: solid; 
     146        border-bottom-width: 1px; 
     147        font-family: Georgia,"Times New Roman",Times,serif; 
     148        font-size: 20px; 
     149        font-weight: normal; 
     150        line-height: normal; 
     151        margin: 0 0 10px -4px; 
     152        padding: 15px 0 3px; 
     153        border-bottom-color: #DADADA; 
     154        color: #5A5A5A; 
    152155} 
    153156 
    154157#img_dim #width, 
    155 #img_dim #height { 
    156         width:40px; 
     158#img_dim #height, 
     159#img_prop #border, 
     160#img_prop #vspace, 
     161#img_prop #hspace { 
     162        width: 36px; 
    157163} 
    158164 
    159165#img_dim abbr { 
    160166        padding: 0 4px; 
    161167} 
    162168 
    163 #basic .align .field label { 
    164         margin: 0 10px 0 0; 
    165         padding: 0 0 0 25px; 
     169#show_align_sp { 
     170        width: 115px; 
    166171} 
    167172 
     173#img_dim input, 
     174#img_prop input { 
     175        margin-right: 10px; 
     176} 
     177 
  • wp-includes/js/tinymce/plugins/wpeditimage/editimage.html

     
    11<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    2 <html xmlns="http://www.w3.org/1999/xhtml"  dir="ltr" lang="en-US"> 
     2<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> 
    33<head> 
    44<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    55<title></title> 
     
    99 
    1010<link rel="stylesheet" href="css/editimage.css?ver=3091" type="text/css" media="all" /> 
    1111<link rel="stylesheet" href="../../../../../wp-admin/css/media.css?ver=2.6-bleeding2" type="text/css" media="all" /> 
     12<script type="text/javascript"> 
     13if ( 'rtl' == tinyMCEPopup.editor.getParam('directionality','') ) 
     14        document.write('<link rel="stylesheet" href="css/editimage-rtl.css?ver=3091" type="text/css" media="all" />'); 
     15</script> 
    1216<base target="_self" /> 
    1317</head> 
    1418 
    1519<body id="media-upload" style="display:none;"> 
    1620<div id="media-upload-header"> 
    1721        <ul id="sidemenu"> 
    18         <li><a href="javascript:;" id="tab_basic" class="current" onclick="wpImage.setTabs(this);">Edit image</a></li> 
    19         <li><a href="javascript:;" id="tab_advanced" onclick="wpImage.setTabs(this);">Advanced settings</a></li> 
    20         <li><a href="javascript:;" id="tab_attachment" style="display:none" target="_blanc" onclick="tinyMCEPopup.close();">Edit Attachment</a></li> 
     22        <li><a href="javascript:;" id="tab_basic" class="current" onclick="wpImage.setTabs(this);">{#wpeditimage.edit_img}</a></li> 
     23        <li><a href="javascript:;" id="tab_advanced" onclick="wpImage.setTabs(this);">{#wpeditimage.adv_settings}</a></li> 
    2124        </ul> 
    2225</div> 
    2326 
    2427<div id="img-edit"> 
    25         <form class="media-upload-form" action="" onsubmit="wpImage.update();"> 
    26         <div id="div_basic"> 
     28<form class="media-upload-form" action="" onsubmit="wpImage.update();"> 
    2729 
    28         <div class="show-align"> 
     30        <label for="show_align"> 
     31                <span id="show_align_sp" class="alignleft">{#preview.preview_desc}</span> 
     32        </label> 
     33        <div class="show-align" id="show_align"> 
    2934                <img id="img_demo" src="img/image.png" alt="" /> 
    3035                <span id="img_demo_txt"> 
    3136                Lorem ipsum dolor sit amet consectetuer velit pretium euismod ipsum enim. Mi cursus at a mollis senectus id arcu gravida quis urna. Sed et felis id tempus Morbi mauris tincidunt enim In mauris. Pede eu risus velit libero natoque enim lorem adipiscing ipsum consequat. In malesuada et sociis tincidunt tempus pellentesque cursus convallis ipsum Suspendisse. Risus In ac quis ut Nunc convallis laoreet ante Suspendisse Nam. Amet amet urna condimentum Vestibulum sem at Curabitur lorem et cursus. Sodales tortor fermentum leo dui habitant Nunc Sed Vestibulum. 
    3237                Ut lorem In penatibus libero id ipsum sagittis nec elit Sed. Condimentum eget Vivamus vel consectetuer lorem molestie turpis amet tellus id. Condimentum vel ridiculus Fusce sed pede Nam nunc sodales eros tempor. Sit lacus magna dictumst Curabitur fringilla auctor id vitae wisi facilisi. Fermentum eget turpis felis velit leo Nunc Proin orci molestie Praesent. Curabitur tellus scelerisque suscipit ut sem amet cursus mi Morbi eu. Donec libero Vestibulum augue et mollis accumsan ornare condimentum In enim. Leo eget ac consectetuer quis condimentum malesuada. 
    3338                Condimentum commodo et Lorem fringilla malesuada libero volutpat sem tellus enim. Tincidunt sed at Aenean nec nonummy porttitor Nam Sed Nulla ut. Auctor leo In aliquet Curabitur eros et velit Quisque justo morbi. Et vel mauris sit nulla semper vitae et quis at dui. Id at elit laoreet justo eu mauris Quisque et interdum pharetra. Nullam accumsan interdum Maecenas condimentum quis quis Fusce a sollicitudin Sed. Non Quisque Vivamus congue porttitor non semper ipsum porttitor quis vel. Donec eros lacus volutpat et tincidunt sem convallis id venenatis sit. Consectetuer odio. 
    34                 Semper faucibus Morbi nulla convallis orci Aliquam Sed porttitor et Pellentesque. Venenatis laoreet lorem id a a Morbi augue turpis id semper. Arcu volutpat ac mauris Vestibulum fringilla Aenean condimentum nibh sed id. Sagittis eu lacus orci urna tellus tellus pretium Curabitur dui nunc. Et nibh eu eu nibh adipiscing at lorem Vestibulum adipiscing augue. Magna convallis Phasellus dolor malesuada Curabitur ornare adipiscing tellus Aliquam tempus. Id Aliquam Integer augue Nulla consectetuer ac Donec Curabitur tincidunt et. Id vel Nunc amet lacus dui magna ridiculus penatibus laoreet Duis. Enim sagittis nibh quis Nulla nec laoreet vel Maecenas mattis vel. Nullam velit est Curabitur gravida Vestibulum justo. 
     39                Semper faucibus Morbi nulla convallis orci Aliquam Sed porttitor et Pellentesque. Venenatis laoreet lorem id a a Morbi augue turpis id semper. Arcu volutpat ac mauris Vestibulum fringilla Aenean condimentum nibh sed id. Sagittis eu lacus orci urna tellus tellus pretium Curabitur dui nunc. Et nibh eu eu nibh adipiscing at lorem Vestibulum adipiscing augue. Magna convallis Phasellus dolor malesuada Curabitur ornare adipiscing tellus Aliquam tempus. Id Aliquam Integer augue Nulla consectetuer ac Donec Curabitur tincidunt et. Id vel Nunc amet lacus dui magna ridiculus penatibus laoreet Duis. Enim sagittis nibh quis Nulla nec laoreet vel Maecenas mattis vel. 
    3540                </span> 
    3641        </div> 
    3742 
    38         <table id="basic" class="describe">      
     43        <div id="div_basic"> 
     44        <table id="basic" class="describe"> 
    3945                <tbody> 
     46 
     47                <tr class="align"> 
     48                        <th valign="top" scope="row" class="label"> 
     49                                <label for="img_align_td"> 
     50                                <span class="alignleft">{#contextmenu.align}</span> 
     51                                </label> 
     52                        </th> 
     53                        <td class="field" id="img_align_td"> 
     54                                <input type="radio" onclick="wpImage.imgAlignCls('alignnone')" name="img_align" id="alignnone" value="alignnone" /> 
     55                                <label for="alignnone" class="align image-align-none-label">{#wpeditimage.none}</label> 
     56 
     57                                <input type="radio" onclick="wpImage.imgAlignCls('alignleft')" name="img_align" id="alignleft" value="alignleft" /> 
     58                                <label for="alignleft" class="align image-align-left-label">{#contextmenu.left}</label> 
     59 
     60                                <input type="radio" onclick="wpImage.imgAlignCls('aligncenter')" name="img_align" id="aligncenter" value="aligncenter" /> 
     61                                <label for="aligncenter" class="align image-align-center-label">{#contextmenu.center}</label> 
     62 
     63                                <input type="radio" onclick="wpImage.imgAlignCls('alignright')" name="img_align" id="alignright" value="alignright" /> 
     64                                <label for="alignright" class="align image-align-right-label">{#contextmenu.right}</label> 
     65                        </td> 
     66                </tr> 
     67 
     68                <tr class="image-size"> 
     69                        <th valign="top" scope="row" class="label"> 
     70                                <label for="img_size"> 
     71                                <span class="alignleft">{#wpeditimage.size}</span> 
     72                                </label> 
     73                        </th> 
     74                        <td class="field" id="img_size"> 
     75                                <input onclick="wpImage.imgEditSize('thumbnail')" type="radio" name="img_size" id="thumbnail" value="thumbnail" /> 
     76                                <label for="thumbnail" id="lb_sizethumb">{#wpeditimage.thumbnail}</label> 
     77 
     78                                <input onclick="wpImage.imgEditSize('medium')" type="radio" name="img_size" id="medium" value="medium" /> 
     79                                <label for="medium" id="lb_sizemedium">{#wpeditimage.medium}</label> 
     80 
     81                                <input onclick="wpImage.imgEditSize('full')" type="radio" name="img_size" id="full" value="full" /> 
     82                                <label for="full" id="lb_sizefull">{#wpeditimage.full_size}</label> 
     83                        </td> 
     84                </tr> 
     85 
    4086                <tr class=""> 
    4187                        <th valign="top" scope="row" class="label"> 
    4288                                <label for="img_title"> 
    43                                 <span class="alignleft">Title</span> 
     89                                <span class="alignleft">{#advanced_dlg.link_titlefield}</span> 
    4490                                <span class="alignright"><abbr title="required" class="required">*</abbr></span> 
    4591                                </label> 
    4692                        </th> 
     
    5298                <tr class="post_excerpt"> 
    5399                        <th valign="top" scope="row" class="label"> 
    54100                                <label for="img_alt"> 
    55                                 <span class="alignleft">Caption</span> 
     101                                <span class="alignleft">{#wpeditimage.caption}</span> 
    56102                                </label> 
    57103                        </th> 
    58104                        <td class="field"> 
    59105                                <input type="text" id="img_alt" name="img_alt" value="" size="60" /> 
    60                                 <p class="help">Alternate text, e.g. "The Mona Lisa"</p> 
     106                                <p class="help">{#wpeditimage.alt_help}</p> 
    61107                        </td> 
    62108                </tr> 
    63109 
    64110                <tr class="url"> 
    65111                        <th valign="top" scope="row" class="label"> 
    66112                                <label for="link_href"> 
    67                                 <span class="alignleft" id="lb_link_href">Link URL</span> 
     113                                <span class="alignleft" id="lb_link_href">{#advanced_dlg.link_url}</span> 
    68114                                </label> 
    69115                        </th> 
    70116                        <td class="field"> 
    71117                                <input type="text" id="link_href" name="link_href" value="" /><br /> 
    72                                 <input type="button" class="button" onclick="wpImage.I('link_href').value='';" value="None" /> 
    73                                 <input type="button" class="button" id="img_url_current" onclick="wpImage.img_seturl('current')" value="Current Link" /> 
    74                                 <input type="button" class="button" id="img_url_img" onclick="wpImage.img_seturl('link')" value="Link to Image" /> 
    75                                 <p class="help">Enter a link URL or click above for presets.</p> 
     118                                <input type="button" class="button" onclick="wpImage.I('link_href').value='';" value="{#wpeditimage.none}" /> 
     119                                <input type="button" class="button" id="img_url_current" onclick="wpImage.img_seturl('current')" value="{#wpeditimage.current_link}" /> 
     120                                <input type="button" class="button" id="img_url_img" onclick="wpImage.img_seturl('link')" value="{#wpeditimage.link_to_img}" /> 
     121                                <p class="help">{#wpeditimage.link_help}</p> 
    76122                        </td> 
    77123                </tr> 
    78  
    79                 <tr class="align"> 
    80                         <th valign="top" scope="row" class="label"> 
    81                                 <label for="img_align_td"> 
    82                                 <span class="alignleft">{#advanced_dlg.image_align}</span> 
    83                                 </label> 
    84                         </th> 
    85                         <td class="field" id="img_align_td"> 
    86                                 <input type="radio" onclick="wpImage.imgAlignCls('alignnone')" name="img_align" id="alignnone" value="alignnone" /> 
    87                                 <label for="alignnone" class="align image-align-none-label">None</label> 
    88  
    89                                 <input type="radio" onclick="wpImage.imgAlignCls('alignleft')" name="img_align" id="alignleft" value="alignleft" /> 
    90                                 <label for="alignleft" class="align image-align-left-label">{#advanced_dlg.image_align_left}</label> 
    91  
    92                                 <input type="radio" onclick="wpImage.imgAlignCls('aligncenter')" name="img_align" id="aligncenter" value="aligncenter" /> 
    93                                 <label for="aligncenter" class="align image-align-center-label">Center</label> 
    94  
    95                                 <input type="radio" onclick="wpImage.imgAlignCls('alignright')" name="img_align" id="alignright" value="alignright" /> 
    96                                 <label for="alignright" class="align image-align-right-label">{#advanced_dlg.image_align_right}</label> 
    97                         </td> 
    98                 </tr> 
    99  
    100                 <tr class="image-size"> 
    101                         <th valign="top" scope="row" class="label"> 
    102                                 <label for="img_size"> 
    103                                 <span class="alignleft">Size</span> 
    104                                 </label> 
    105                         </th> 
    106                         <td class="field" id="img_size"> 
    107                                 <input onclick="wpImage.imgEditSize('thumbnail')" type="radio" name="img_size" id="thumbnail" value="thumbnail" /> 
    108                                 <label for="thumbnail" id="lb_sizethumb">Thumbnail</label> 
    109  
    110                                 <input onclick="wpImage.imgEditSize('medium')" type="radio" name="img_size" id="medium" value="medium" /> 
    111                                 <label for="medium" id="lb_sizemedium">Medium</label> 
    112  
    113                                 <input onclick="wpImage.imgEditSize('full')" type="radio" name="img_size" id="full" value="full" /> 
    114                                 <label for="full" id="lb_sizefull">Full_size</label> 
    115                         </td> 
    116                 </tr> 
    117124        </tbody> 
    118125        </table></div> 
    119126 
    120127        <div id="div_advanced" style="display:none;"> 
    121         <h3>Advanced Image Settings</h3> 
    122         <table id="adv_settings_img" class="describe">   
     128        <h3>{#wpeditimage.adv_img_settings}</h3> 
     129        <table id="adv_settings_img" class="describe"> 
    123130                <tbody> 
    124131                <tr> 
    125132                        <th valign="top" scope="row" class="label"> 
    126133                                <label for="img_src"> 
    127                                 <span class="alignleft">Source</span> 
     134                                <span class="alignleft">{#wpeditimage.source}</span> 
    128135                                <span class="alignright"><abbr title="required" class="required">*</abbr></span> 
    129136                                </label> 
    130137                        </th> 
    131138                        <td class="field"> 
    132                                 <input type="text" id="img_src" name="img_src" value="" onblur="wpImage.checkVal(this)" size="60" /> 
     139                                <input type="text" id="img_src" name="img_src" value="" onblur="wpImage.checkVal(this)" aria-required="true" size="60" /> 
    133140                        </td> 
    134141                </tr> 
    135142 
    136                 <tr> 
     143                <tr id="img_dim"> 
    137144                        <th valign="top" scope="row" class="label"> 
    138                                 <label for="img_dim"> 
    139                                 <span class="alignleft">Size</span> 
    140                                 <span class="alignright"></span> 
     145                                <label> 
     146                                <span class="alignleft">{#wpeditimage.size}</span> 
    141147                                </label> 
    142148                        </th> 
    143                         <td class="field" id="img_dim"> 
    144                                 <label for="width">Width</label> 
    145                                 <input type="text" id="width" name="width" value="" /> 
    146                                  
    147                                 <label for="height">Height</label> 
    148                                 <input type="text" id="height" name="height" value="" /> 
    149                                 <input type="button" class="button" id="orig_size" name="orig_size" value="Original Size" onclick="wpImage.origSize();" /> 
    150                                  
     149                        <td class="field"> 
     150                                <label for="width">{#wpeditimage.width}</label> 
     151                                <input type="text" maxlength="5" id="width" name="width" value="" /> 
     152 
     153                                <label for="height">{#wpeditimage.height}</label> 
     154                                <input type="text" maxlength="5" id="height" name="height" value="" /> 
     155 
     156                                <input type="button" class="button" id="orig_size" name="orig_size" value="{#wpeditimage.orig_size}" onclick="wpImage.origSize();" /> 
    151157                        </td> 
    152158                </tr> 
    153159 
    154160                <tr> 
    155161                        <th valign="top" scope="row" class="label"> 
    156162                                <label for="img_classes"> 
    157                                 <span class="alignleft">CSS Class</span> 
     163                                <span class="alignleft">{#wpeditimage.css}</span> 
    158164                                </label> 
    159165                        </th> 
    160166                        <td class="field"> 
     
    165171                <tr> 
    166172                        <th valign="top" scope="row" class="label"> 
    167173                                <label for="img_style"> 
    168                                 <span class="alignleft">Style</span> 
     174                                <span class="alignleft">{#advanced.style_select}</span> 
    169175                                </label> 
    170176                        </th> 
    171177                        <td class="field"> 
    172                                 <input type="text" id="img_style" name="img_style" value="" size="60" /> 
     178                                <input type="text" id="img_style" name="img_style" value="" size="60" onblur="wpImage.demoSetStyle();" /> 
    173179                        </td> 
    174180                </tr> 
     181 
     182                <tr id="img_prop"> 
     183                        <th valign="top" scope="row" class="label"> 
     184                                <label for="img_prop"> 
     185                                        <span class="alignleft">{#advanced.image_props_desc}</span> 
     186                                </label> 
     187                        </th> 
     188                        <td class="field"> 
     189                                <label for="border">{#advanced_dlg.image_border}</label> 
     190                                <input type="text" maxlength="5" id="border" name="border" value="" onblur="wpImage.updateStyle('border')" /> 
     191 
     192                                <label for="vspace">{#advanced_dlg.image_vspace}</label> 
     193                                <input type="text" maxlength="5" id="vspace" name="vspace" value="" onblur="wpImage.updateStyle('vspace')" /> 
     194 
     195                                <label for="hspace">{#advanced_dlg.image_hspace}</label> 
     196                                <input type="text" maxlength="5" id="hspace" name="hspace" value="" onblur="wpImage.updateStyle('hspace')" /> 
     197                        </td> 
     198                </tr> 
    175199                </tbody> 
    176200        </table> 
    177201 
    178         <h3>Advanced Link Settings</h3> 
    179         <table id="adv_settings_img" class="describe">   
     202        <h3>{#wpeditimage.adv_link_settings}</h3> 
     203        <table id="adv_settings_link" class="describe"> 
    180204                <tbody> 
    181205                <tr> 
    182206                        <th valign="top" scope="row" class="label"> 
    183207                                <label for="link_title"> 
    184                                 <span class="alignleft">Link Title</span> 
     208                                <span class="alignleft">{#advanced_dlg.link_titlefield}</span> 
    185209                                </label> 
    186210                        </th> 
    187211                        <td class="field"> 
     
    192216                <tr> 
    193217                        <th valign="top" scope="row" class="label"> 
    194218                                <label for="link_rel"> 
    195                                 <span class="alignleft">Link Rel</span> 
     219                                <span class="alignleft">{#wpeditimage.link_rel}</span> 
    196220                                </label> 
    197221                        </th> 
    198222                        <td class="field"> 
     
    202226 
    203227                <tr> 
    204228                        <th valign="top" scope="row" class="label"> 
    205                                 <label for="link_rev"> 
    206                                 <span class="alignleft">Link Rev</span> 
    207                                 </label> 
    208                         </th> 
    209                         <td class="field"> 
    210                                 <input type="text" id="link_rev" name="link_rev" value="" size="60" /> 
    211                         </td> 
    212                 </tr> 
    213  
    214                 <tr> 
    215                         <th valign="top" scope="row" class="label"> 
    216229                                <label for="link_classes"> 
    217                                 <span class="alignleft">CSS Class</span> 
     230                                <span class="alignleft">{#wpeditimage.css}</span> 
    218231                                </label> 
    219232                        </th> 
    220233                        <td class="field"> 
     
    225238                <tr> 
    226239                        <th valign="top" scope="row" class="label"> 
    227240                                <label for="link_style"> 
    228                                 <span class="alignleft">Style</span> 
     241                                <span class="alignleft">{#advanced.style_select}</span> 
    229242                                </label> 
    230243                        </th> 
    231244                        <td class="field"> 
     
    235248 
    236249                <tr> 
    237250                        <th valign="top" scope="row" class="label"> 
    238                                 <label for="link_target"> 
    239                                 <span class="alignleft">Target</span> 
     251                                <label> 
     252                                <span class="alignleft">{#advanced_dlg.link_target}</span> 
    240253                                </label> 
    241254                        </th> 
    242255                        <td class="field"> 
    243                                 <input type="text" id="link_target" name="link_target" value="" size="60" /> 
     256                                <label for="link_target"> 
     257                                {#advanced_dlg.link_target_blank} 
     258                                </label> 
     259                                <input type="checkbox" id="link_target" name="link_target" value="_blank" /> 
    244260                        </td> 
    245261                </tr> 
    246262                </tbody> 
    247263        </table></div> 
    248264 
    249265        <div id="saveeditimg"> 
    250                 <input type="hidden" id="border" name="border" value="" /> 
    251                 <input type="hidden" id="hspace" name="hspace" value="" /> 
    252                 <input type="hidden" id="vspace" name="vspace" value="" /> 
    253266                <input type="hidden" id="align" name="align" value="" /> 
    254267 
    255268                <input type="submit" id="saveimg" class="button" value="{#update}" /> 
  • wp-includes/js/tinymce/plugins/wpeditimage/js/editimage.js

     
    9494        current : '', 
    9595        link : '', 
    9696        link_rel : '', 
     97        target_value : '', 
    9798 
    9899        setTabs : function(tab) { 
    99100                var t = this; 
     
    179180                        if ( W > H ) { 
    180181                                m = Math.min(W, m); 
    181182                                f.width.value = m; 
    182                                 f.height.value = Math.floor((m / W) * H); 
     183                                f.height.value = Math.round((m / W) * H); 
    183184                        } else { 
    184185                                m = Math.min(H, m); 
    185186                                f.height.value = m; 
    186                                 f.width.value = Math.floor((m / H) * W); 
     187                                f.width.value = Math.round((m / H) * W); 
    187188                        } 
    188189 
    189190                        t.width = f.width.value; 
     
    195196        demoSetSize : function(img) { 
    196197                var demo = this.I('img_demo'), f = document.forms[0]; 
    197198 
    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) : ''; 
    200201        }, 
    201202         
     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); 
     208        }, 
     209         
    202210        origSize : function() { 
    203211                var t = this, f = document.forms[0]; 
    204212                 
     
    217225                if (tinymce.isIE) 
    218226                        h = h.replace(/ (value|title|alt)=([^"][^\s>]+)/gi, ' $1="$2"') 
    219227 
    220                 document.dir = ed.getParam('directionality',''); 
    221228                document.body.innerHTML = ed.translate(h); 
    222229                window.setTimeout( function(){wpImage.setup();}, 100 ); 
    223230        }, 
    224231 
    225232        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',''); 
    228235                tinyMCEPopup.restoreSelection(); 
    229236                el = ed.selection.getNode(); 
    230237                if (el.nodeName != 'IMG') return; 
     
    241248                f.height.value = t.height = ed.dom.getAttrib(el, 'height'); 
    242249                f.img_classes.value = c = ed.dom.getAttrib(el, 'class'); 
    243250                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'); 
    245255 
     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'); 
     264 
    246265                if (pa = ed.dom.getParent(el, 'A')) { 
    247266                        f.link_href.value = t.current = ed.dom.getAttrib(pa, 'href'); 
    248267                        f.link_title.value = ed.dom.getAttrib(pa, 'title'); 
    249268                        f.link_rel.value = t.link_rel = ed.dom.getAttrib(pa, 'rel'); 
    250                         f.link_rev.value = ed.dom.getAttrib(pa, 'rev'); 
    251269                        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'); 
    253271                        f.link_classes.value = ed.dom.getAttrib(pa, 'class'); 
    254272                } 
    255273 
     274                f.link_target.checked = ( t.target_value && t.target_value == '_blank' ) ? 'checked' : ''; 
     275                 
    256276                fname = link.substring( link.lastIndexOf('/') ); 
    257277                fname = fname.replace(/-[0-9]{2,4}x[0-9]{2,4}/, '' ); 
    258278                t.link = link.substring( 0, link.lastIndexOf('/') ) + fname; 
     
    280300 
    281301                document.body.style.display = ''; 
    282302                t.getImageData(); 
     303                t.demoSetStyle(); 
    283304 
    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                 } 
     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//              } 
    288310        }, 
    289311 
    290312        remove : function() { 
     
    350372                                                href : f.link_href.value, 
    351373                                                title : f.link_title.value, 
    352374                                                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' : '', 
    355376                                                'class' : f.link_classes.value, 
    356377                                                style : f.link_style.value 
    357378                                        }); 
     
    362383                                href : f.link_href.value, 
    363384                                title : f.link_title.value, 
    364385                                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' : '', 
    367387                                'class' : f.link_classes.value, 
    368388                                style : f.link_style.value 
    369389                        }); 
     
    372392                tinyMCEPopup.execCommand("mceEndUndoLevel"); 
    373393                tinyMCEPopup.close(); 
    374394        }, 
     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}); 
    375398 
    376         updateStyle : function() { 
    377                 var dom = tinyMCEPopup.dom, st, v, f = document.forms[0]; 
    378  
    379399                if (tinyMCEPopup.editor.settings.inline_styles) { 
    380                         st = tinyMCEPopup.dom.parseStyle(f.img_style.value); 
     400                        // Handle align 
     401                        if (ty == 'align') { 
     402                                dom.setStyle(img, 'float', ''); 
     403                                dom.setStyle(img, 'vertical-align', ''); 
    381404 
    382                         // 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']; 
     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; 
    391411                                } 
    392                         } else { 
    393                                 delete st['float']; 
    394                                 delete st['vertical-align']; 
    395412                        } 
    396413 
    397414                        // 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', ''); 
    406417 
     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                        } 
     426 
    407427                        // 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                                } 
    416437                        } 
    417438 
    418439                        // 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                                } 
    427449                        } 
    428450 
    429451                        // 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(); 
    432454                } 
    433455        }, 
    434456 
     
    444466        resetImageData : function() { 
    445467                var f = document.forms[0]; 
    446468 
    447                 f.width.value = f.height.value = "";     
     469                f.width.value = f.height.value = '';     
    448470        }, 
    449471 
    450472        updateImageData : function() { 
  • wp-includes/js/tinymce/tiny_mce_config.php

     
    226226// Setup cache info 
    227227if ( $disk_cache ) { 
    228228 
    229         $cacheKey = apply_filters('tiny_mce_version', '20080606'); 
     229        $cacheKey = apply_filters('tiny_mce_version', '20080613'); 
    230230 
    231231        foreach ( $initArray as $v ) 
    232232                $cacheKey .= $v; 
  • wp-includes/script-loader.php

     
    3535        $scripts->add( 'editor_functions', '/wp-admin/js/editor.js', false, '20080325' ); 
    3636 
    3737        // Modify this version when tinyMCE plugins are changed. 
    38         $mce_version = apply_filters('tiny_mce_version', '20080606'); 
     38        $mce_version = apply_filters('tiny_mce_version', '20080613'); 
    3939        $scripts->add( 'tiny_mce', '/wp-includes/js/tinymce/tiny_mce_config.php', array('editor_functions'), $mce_version ); 
    4040 
    4141        $scripts->add( 'prototype', '/wp-includes/js/prototype.js', false, '1.6'); 
     
    226226        $styles->add( 'install', '/wp-admin/css/install.css' ); 
    227227        $styles->add( 'theme-editor', '/wp-admin/css/theme-editor.css' ); 
    228228        $styles->add( 'press-this', '/wp-admin/css/press-this.css' ); 
    229         $styles->add( 'thickbox', '/wp-includes/js/thickbox/thickbox.css' ); 
     229        $styles->add( 'thickbox', '/wp-includes/js/thickbox/thickbox.css', array(), '20080613' ); 
    230230        $styles->add( 'login', '/wp-admin/css/login.css' ); 
    231231 
    232232        foreach ( $rtl_styles as $rtl_style )