WordPress.org
Get WordPress

Make WordPress Core

Changeset 8083


Ignore:
Timestamp:
06/14/2008 04:38:08 PM (16 years ago)
Author:
ryan
Message:

Image popup improvements from azaozz. Added translation strings, RTL support, several layout improvements, image border, hspace and vspace can be used as shortcuts to add css styles, the preview is visible on both tabs, etc. see #6811

Location:
trunk
Files:
8 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-admin/gears-manifest.php

    r8066 r8083  
    8888{
    8989"betaManifestVersion" : 1,
    90 "version" : "<?php echo $man_version; ?>_20080606",
     90"version" : "<?php echo $man_version; ?>_20080613",
    9191"entries" : [
    9292<?php echo $defaults; ?>
    … …  
    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

  • trunk/wp-includes/js/thickbox/thickbox.css

    r7961 r8083  
    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

  • trunk/wp-includes/js/tinymce/langs/wp-langs.php

    r7380 r8083  
    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?>

  • trunk/wp-includes/js/tinymce/plugins/wpeditimage/css/editimage.css

    r8066 r8083  
    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;
    … …  
    6264
    6365.show-align {
    64     padding: 8px;
    6566    height: 200px;
     67    width: 480px;
     68    float: right;
    6669    background-color: #f1f1f1;
    6770    cursor: default;
    … …  
    7477    border: 1px solid #c0c0c0;
    7578    width: 623px;
    76     margin: 20px auto auto;
     79    margin: 15px auto;
    7780}
    7881
    … …  
    9194
    9295#img_demo {
    93     padding: 0 5px 4px;
     96    padding: 0;
    9497}
    9598
    … …  
    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
    … …  
    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

  • trunk/wp-includes/js/tinymce/plugins/wpeditimage/editimage.html

    r8066 r8083  
    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" />
    … …  
    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>
    … …  
    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">
    27 
    28     <div class="show-align">
     28<form class="media-upload-form" action="" onsubmit="wpImage.update();">
     29
     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">
    … …  
    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>
    40         <tr class="">
    41             <th valign="top" scope="row" class="label">
    42                 <label for="img_title">
    43                 <span class="alignleft">Title</span>
    44                 <span class="alignright"><abbr title="required" class="required">*</abbr></span>
    45                 </label>
    46             </th>
    47             <td class="field">
    48                 <input type="text" id="img_title" name="img_title" value="" aria-required="true" size="60" />
    49             </td>
    50         </tr>
    51 
    52         <tr class="post_excerpt">
    53             <th valign="top" scope="row" class="label">
    54                 <label for="img_alt">
    55                 <span class="alignleft">Caption</span>
    56                 </label>
    57             </th>
    58             <td class="field">
    59                 <input type="text" id="img_alt" name="img_alt" value="" size="60" />
    60                 <p class="help">Alternate text, e.g. "The Mona Lisa"</p>
    61             </td>
    62         </tr>
    63 
    64         <tr class="url">
    65             <th valign="top" scope="row" class="label">
    66                 <label for="link_href">
    67                 <span class="alignleft" id="lb_link_href">Link URL</span>
    68                 </label>
    69             </th>
    70             <td class="field">
    71                 <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>
    76             </td>
    77         </tr>
    7846
    7947        <tr class="align">
    8048            <th valign="top" scope="row" class="label">
    8149                <label for="img_align_td">
    82                 <span class="alignleft">{#advanced_dlg.image_align}</span>
     50                <span class="alignleft">{#contextmenu.align}</span>
    8351                </label>
    8452            </th>
    8553            <td class="field" id="img_align_td">
    8654                <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>
     55                <label for="alignnone" class="align image-align-none-label">{#wpeditimage.none}</label>
    8856
    8957                <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>
     58                <label for="alignleft" class="align image-align-left-label">{#contextmenu.left}</label>
    9159
    9260                <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>
     61                <label for="aligncenter" class="align image-align-center-label">{#contextmenu.center}</label>
    9462
    9563                <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>
     64                <label for="alignright" class="align image-align-right-label">{#contextmenu.right}</label>
    9765            </td>
    9866        </tr>
    … …  
    10169            <th valign="top" scope="row" class="label">
    10270                <label for="img_size">
    103                 <span class="alignleft">Size</span>
     71                <span class="alignleft">{#wpeditimage.size}</span>
    10472                </label>
    10573            </th>
    10674            <td class="field" id="img_size">
    10775                <input onclick="wpImage.imgEditSize('thumbnail')" type="radio" name="img_size" id="thumbnail" value="thumbnail" />
    108                 <label for="thumbnail" id="lb_sizethumb">Thumbnail</label>
     76                <label for="thumbnail" id="lb_sizethumb">{#wpeditimage.thumbnail}</label>
    10977
    11078                <input onclick="wpImage.imgEditSize('medium')" type="radio" name="img_size" id="medium" value="medium" />
    111                 <label for="medium" id="lb_sizemedium">Medium</label>
     79                <label for="medium" id="lb_sizemedium">{#wpeditimage.medium}</label>
    11280
    11381                <input onclick="wpImage.imgEditSize('full')" type="radio" name="img_size" id="full" value="full" />
    114                 <label for="full" id="lb_sizefull">Full_size</label>
     82                <label for="full" id="lb_sizefull">{#wpeditimage.full_size}</label>
     83            </td>
     84        </tr>
     85
     86        <tr class="">
     87            <th valign="top" scope="row" class="label">
     88                <label for="img_title">
     89                <span class="alignleft">{#advanced_dlg.link_titlefield}</span>
     90                <span class="alignright"><abbr title="required" class="required">*</abbr></span>
     91                </label>
     92            </th>
     93            <td class="field">
     94                <input type="text" id="img_title" name="img_title" value="" aria-required="true" size="60" />
     95            </td>
     96        </tr>
     97
     98        <tr class="post_excerpt">
     99            <th valign="top" scope="row" class="label">
     100                <label for="img_alt">
     101                <span class="alignleft">{#wpeditimage.caption}</span>
     102                </label>
     103            </th>
     104            <td class="field">
     105                <input type="text" id="img_alt" name="img_alt" value="" size="60" />
     106                <p class="help">{#wpeditimage.alt_help}</p>
     107            </td>
     108        </tr>
     109
     110        <tr class="url">
     111            <th valign="top" scope="row" class="label">
     112                <label for="link_href">
     113                <span class="alignleft" id="lb_link_href">{#advanced_dlg.link_url}</span>
     114                </label>
     115            </th>
     116            <td class="field">
     117                <input type="text" id="link_href" name="link_href" value="" /><br />
     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>
    115122            </td>
    116123        </tr>
    … …  
    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" />
    133             </td>
    134         </tr>
    135 
    136         <tr>
    137             <th valign="top" scope="row" class="label">
    138                 <label for="img_dim">
    139                 <span class="alignleft">Size</span>
    140                 <span class="alignright"></span>
    141                 </label>
    142             </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                
     139                <input type="text" id="img_src" name="img_src" value="" onblur="wpImage.checkVal(this)" aria-required="true" size="60" />
     140            </td>
     141        </tr>
     142
     143        <tr id="img_dim">
     144            <th valign="top" scope="row" class="label">
     145                <label>
     146                <span class="alignleft">{#wpeditimage.size}</span>
     147                </label>
     148            </th>
     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>
    … …  
    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>
    … …  
    166172            <th valign="top" scope="row" class="label">
    167173                <label for="img_style">
    168                 <span class="alignleft">Style</span>
    169                 </label>
    170             </th>
    171             <td class="field">
    172                 <input type="text" id="img_style" name="img_style" value="" size="60" />
     174                <span class="alignleft">{#advanced.style_select}</span>
     175                </label>
     176            </th>
     177            <td class="field">
     178                <input type="text" id="img_style" name="img_style" value="" size="60" onblur="wpImage.demoSetStyle();" />
     179            </td>
     180        </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')" />
    173197            </td>
    174198        </tr>
    … …  
    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>
    … …  
    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>
    … …  
    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>
    … …  
    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>
    … …  
    236249        <tr>
    237250            <th valign="top" scope="row" class="label">
     251                <label>
     252                <span class="alignleft">{#advanced_dlg.link_target}</span>
     253                </label>
     254            </th>
     255            <td class="field">
    238256                <label for="link_target">
    239                 <span class="alignleft">Target</span>
    240                 </label>
    241             </th>
    242             <td class="field">
    243                 <input type="text" id="link_target" name="link_target" value="" size="60" />
     257                {#advanced_dlg.link_target_blank}
     258                </label>
     259                <input type="checkbox" id="link_target" name="link_target" value="_blank" />
    244260            </td>
    245261        </tr>
    … …  
    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

  • trunk/wp-includes/js/tinymce/plugins/wpeditimage/js/editimage.js

    r8066 r8083  
    9595    link : '',
    9696    link_rel : '',
     97    target_value : '',
    9798
    9899    setTabs : function(tab) {
    … …  
    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
    … …  
    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) : '';
     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);
    200208    },
    201209   
    … …  
    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 );
    … …  
    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();
    … …  
    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');
     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');
    245264
    246265        if (pa = ed.dom.getParent(el, 'A')) {
    … …  
    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}/, '' );
    … …  
    281301        document.body.style.display = '';
    282302        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//      }
    288310    },
    289311
    … …  
    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
    … …  
    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
    … …  
    373393        tinyMCEPopup.close();
    374394    },
    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});
    378398
    379399        if (tinyMCEPopup.editor.settings.inline_styles) {
    380             st = tinyMCEPopup.dom.parseStyle(f.img_style.value);
    381 
    382400            // 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;
    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', '');
     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            }
    406426
    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    },
    … …  
    445467        var f = document.forms[0];
    446468
    447         f.width.value = f.height.value = "";   
     469        f.width.value = f.height.value = '';   
    448470    },
    449471

  • trunk/wp-includes/js/tinymce/tiny_mce_config.php

    r8066 r8083  
    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 )

  • trunk/wp-includes/script-loader.php

    r8066 r8083  
    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
    … …  
    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
Note: See TracChangeset for help on using the changeset viewer.