Как реализовать кнопку вставки изображения в крошечном mce

Я разрабатываю свой собственный менеджер изображений, до сих пор мне не удалось открыть всплывающее окно и перечислить мои изображения, но после этого я понятия не имею, как получить URL-адрес изображения для вставки в крошечный mce

Вот мой исходный код:

$(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


image button tinymce
person Alexander Ceballos    schedule 25.09.2013    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете попробовать: В button.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' );

Здесь вы можете получить справку о крошечных кнопках mce wp: http://prowpexpert.com/dynamic-tab-html-wp/

person user3561203    schedule 07.09.2014