创建按钮 css 或制作 Font Awesome 的图标:
<style type="text/css">
.redactor_toolbar li a.re-advanced {
background-image: url(/img/advanced.png);
}
.redactor_toolbar li a.re-advanced:hover {
background-image: url(/img/advanced-hover.png);
}
</style>
创建插件:
if (!RedactorPlugins) var RedactorPlugins = {};
RedactorPlugins.advanced = {
init: function ()
{
var dropdown = {};
dropdown['point1'] = { title: 'Point 1', callback: this.point1callback };
dropdown['point2'] = { title: 'Point 2', callback: this.point2callback };
this.buttonAdd('advanced', 'Advanced', false, dropdown);
},
point1callback: function(buttonName, buttonDOM, buttonObj, e)
{
alert(buttonName);
},
point2callback: function(buttonName, buttonDOM, buttonObj, e)
{
alert(buttonName);
}
};
使用插件调用 Redactor:
$(function()
{
$('#redactor').redactor({
plugins: ['advanced']
});
});
您可以在这里查看一个工作示例:http:
//imperavi.com/redactor/examples/dropdown/