Forum

Thread tagged as: Problem, Suggestions

MarkItUp custom toolbar buttons issue

If I change or disable one of the buttons in the config(i.e: heading 1), the icons in the toolbar no longer represent what the buttons does.

This becomes a bigger issue if I want to have different toolbars, like a 'minimal' one, without asset upload or headings, making the 'editor-config'attribute useless, which is a very nice feature.

This can be solved by specifying a 'className' property on each button and some css. Example:

        {name:'Bold', key:'B', className:'miu_bold', closeWith:'*', openWith:'*'},
        {name:'Italic', key:'I', className:'miu_italic', closeWith:'_', openWith:'_'},
        {name:'Stroke through', className:'miu_stroke', closeWith:'-', openWith:'-'},

and

.markItUp .miu_bold a { background-image:url(images/buttons/bold.png); }
.markItUp .miu_italic a { background-image:url(images/buttons/italic.png); }
.markItUp .miu_stroke a { background-image:url(images/buttons/stroke.png); }

Thanks

Andrés Fernández

Andrés Fernández 5 points

  • 6 years ago
Drew McLellan

Drew McLellan 2638 points
Perch Support

That's right, yes. It's just how MarkItUp works.

This has been solved in 2.8, thanks.

You can close this.