我使用的是TinyMce-5,我必须向其中添加一些自定义按钮,这些按钮工作正常,但是我不知道如何在这些按钮上添加图像作为图标,因为fontawesomes并没有提出这些图标,因此我需要在按钮上放置一个.png图像作为图标。这是我在设置中使用的代码:参数
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');
}
});
答案 0 :(得分:1)
这是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);
});
这是图片中的说明
答案 1 :(得分:0)
我不喜欢上面的解决方案,所以我尝试了下面的方法,并且像魅力一样工作!!!!!
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');
}
});
答案 2 :(得分:0)
尽管addIcon
API documentation表示它是用于注册SVG图标的,但您可以将其传递给任何标记:
// works with tinymce v5.2
ed.ui.registry.addIcon('donut', '<img src="/image-process/images/donut_PNG27.png" />');
ed.ui.registry.addButton('alignTop', {
icon: 'donut',
...
});