Używam Tinymce-5 i muszę dodać niektóre niestandardowe przyciski, przyciski działają świetnie, ale nie wiem, jak dodać obraz jako ikona na tych przyciskach, ponieważ Fontawesomes nie wymyślają te ikony, Muszę więc umieścić obraz .png jako ikona na przycisku. Oto mój kod, którego używałem w Setup: Parametr

ed.ui.registry.addButton('alignTop', {
    image:'http://localhost/image-process/images/donut_PNG27.png',
    tooltip: 'Align box top',
    onAction: function () {
        $('.shape[data-active=me]').css('top','0px');
    }
});
4
Meiji 25 luty 2019, 15:01

2 odpowiedzi

Najlepsza odpowiedź

Oto kod js

function fixTinyIcons(){
    if($('button[aria-label="Bend down text"]').length > 0 && $('button[aria-label="Bend down text"]').attr('data-bg') != 'done'){
    //console.log('1st found');
    $('button[aria-label="Bend down text"]').html('<img src="images/bottom-bend.jpg" style="height: 20px; width: 20px;">');
    $('button[aria-label="Bend down text"]').attr('data-bg','done');
    st_stop++;
}
$(document).ready(function(){
    WinIntervalCheck = setInterval(fixTinyIcons,100);

});

Oto wyjaśnienie obrazu

enter image description here

1
Meiji 4 kwiecień 2019, 08:06

Nie lubiłem powyższego rozwiązania, więc próbowałem jak poniżej i pracował jak urok !!!!!


ed.ui.registry.addButton('alignTop', {
    text: '<image src="http://localhost/image-process/images/donut_PNG27.png" style="height: 24px;width: 24px;padding: 3px 0px 0px 0px;"/ >',
    tooltip: 'Align box top',
    onAction: function () {
        $('.shape[data-active=me]').css('top','0px');
    }
});

0
Rameshbabu 17 maj 2019, 10:20