0

私は独自の画像マネージャーを開発しています。今までポップアップを開いて画像を一覧表示するようになりましたが、その後、小さな mce に挿入する画像の URL を取得する方法がわかりません

ここに私のソースコードがあります:

$(document).ready(function() {
        $('#txapublication').tinymce({
            toolbar: 'styleselect | bold underline italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image | media | forecolor backcolor',
            plugins: [
                'advlist image autolink link lists charmap preview',
                'searchreplace wordcount code media',
                'save textcolor'
            ],
            menubar: false,
            language: 'es',
            file_browser_callback: function(field_name, url, type, win) {
                win.document.getElementById(field_name).value = 'my browser value';
                tinymce.activeEditor.windowManager.open({
                    title: 'Browse Image',
                    file: "<? echo PUBLIC_PATH ?>" + 'account/selimgsblog',
                    width: 450,
                    height: 305,
                    resizable: "no",
                    inline: "yes",
                    close_previous: "no",
                    buttons: [{
                            text: 'Insert',
                            classes: 'widget btn primary first abs-layout-item',
                            disabled: true,
                            onclick: 'close'
                        }, {
                            text: 'Close',
                            onclick: 'close',
                            window: win,
                            input: field_name
                        }]
                });
            }
        });
   });

ここに画像をリストするソースがあります。これらの画像はコントローラーのメソッドから取得されます

<?foreach($imagenes as $img):?>
<img src="<? echo PUBLIC_PATH.$img->path.$img->name?>" width="80" height="80"/>
<?endforeach;?>

私は小さなmce 4.0.6を使用しています

4

1 に答える 1

0

あなたが試すことができます：buttons.jsで

(function() {
    tinymce.PluginManager.add('my_mce_button', function( editor, url ) {
        editor.addButton( 'my_mce_button', {
            icon: 'my-mce-icon',
            onclick: function() {
                editor.insertContent('[shortcode name="" title=""]');
            }
        });
    });
})();

ここでは、functions.php で次のようにボタンを背景として使用する必要があります。

function my_shortcodes_mce_css() { ?>
<style type="text/css" >
.mce-ico.mce-i-my-mce-icon {
  background:url(http://prowpexpert.com/wp-content/uploads/2014/05/favicon-1.ico);
}
</style>
<?php  
}
add_action( 'admin_enqueue_scripts', 'my_shortcodes_mce_css' );

wp tiny mce ボタンについては、こちらからヘルプを得ることができます: http://prowpexpert.com/dynamic-tab-html-wp/

于 2014-09-07T15:43:59.207 に答える