TinyMCE输入字段而不是按钮?

时间:2016-07-19 10:37:35

标签: javascript tinymce-4

我想在我的TinyMCE编辑器中添加一个输入字段,而不是字体大小选择器。这为用户提供了更多选项,并且比dropdown imo更加整洁。

我试过这个

tinymce.PluginManager.add('fontsize', function(editor, url) {

    editor.addButton('fontsize', {
        text: '',
        title: 'Font Size',
        body: [
            {
                type: 'textbox',
                name: 'font_size',
                label: 'font_size',
                value: '',
                classes: 'font_size_input',
            },
        ]
    });

     editor.addCommand('fontsize', function(e) {
        var selected_text = editor.selection.getContent({
            'format': 'html'
        });
        var open_span = '<span style="font-size: '+e.data.font_size+';" data-mce-style="font-size: '+e.data.font_size+';">';
        var close_span = '</span>';
        var return_text = '';
        return_text = open_span + selected_text + close_span;
        editor.execCommand('mceReplaceContent', false, return_text);
        return;
    });

});

但这给了我一个按钮。我搜索了addInput的任何标志,但我没有找到它。

是否有编辑的方法,或者我是否需要创建一个自定义的方法来显示输入字段(这可以在第一时间完成)?

0 个答案:

没有答案