Как да внедрим бутон за вмъкване на изображение в малък 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;?>

Използвам tiny mce 4.0.6


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

Отговори (1)


arrow_upward
0
arrow_downward

Можете да опитате: В 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/

person user3561203    schedule 07.09.2014