1

Redactor JS でフォ​​ント サイズを変更するボタンを追加しようとしていますが、機能しません。Redactor を初期化するコードは次のとおりです。

$('#redactor_content').redactor({
                        buttons: buttons,
                        buttonsCustom: {
                          superscript: {
                              title: 'Superscript',
                              callback: function(obj, event, key) {
                                  obj.execCommand('superscript')
                              }
                          },
                          subscript: {
                              title: 'Subscript',
                              callback: function(obj, event, key) {
                                  obj.execCommand('subscript')
                              }
                          }
                        },
                        plugins: ['fontsize']
                    });

これは私のプラグインです：

RedactorPlugins.fontsize = {
init: function()
{
    var fonts = [10, 11, 12, 14, 16, 18, 20, 24, 28, 30];
    var that = this;
    var dropdown = {};

    $.each(fonts, function(i, s)
    {
        dropdown['s' + i] = { title: s + 'px', callback: function() { that.setFontsize(s); } };
    });

    dropdown['remove'] = { title: 'Remove font size', callback: function() { that.resetFontsize(); } };

    this.buttonAdd( 'fontsize', 'Change font size', false, dropdown);
},
setFontsize: function(size)
{
    this.inlineSetStyle('font-size', size + 'px');
},
resetFontsize: function()
{
    this.inlineRemoveStyle('font-size');
}
};

しかし、ツールバーには何も表示されません。何か案が？私は何か悪いことをしましたか？

4

2 に答える 2

0

必要に応じて、公式の「fontsize」プラグインを使用できます: https://github.com/johnsardine/redactor-plugins

他にも新しいプラグインが利用可能です:

fontcolor.js, fontsize.js and fontfamily.js

含まれている場合は、次のように使用できます。

elem.redactor({
      plugins: ['fontcolor', 'fontsize', 'fontfamily']
});
于 2014-04-29T14:13:07.460 に答える