Question

我正在使用TinyMCE插件。目前，我的font-size选项附带列表下拉列表，但我想要字体大小的滑块。

这是否可以与TinyMCE一起使用。任何人都知道如何使用TinyMCE编辑器实现这一目标？

Answer 1

TinyMCE没有通过“滑块”选择字体大小的内置方式。由于TinyMCE是开源的，您可以随时修改编辑器的代码以满足您的需求。

如果您查看主tinymce.js文件，您会找到如下代码：

editor.addButton('fontsizeselect', function() {
        var items = [], defaultFontsizeFormats = '8pt 10pt 12pt 14pt 18pt 24pt 36pt';
        var fontsize_formats = editor.settings.fontsize_formats || defaultFontsizeFormats;

        each(fontsize_formats.split(' '), function(item) {
            var text = item, value = item;
            // Allow text=value font sizes.
            var values = item.split('=');
            if (values.length > 1) {
                text = values[0];
                value = values[1];
            }
            items.push({text: text, value: value});
        });

        return {
            type: 'listbox',
            text: 'Font Sizes',
            tooltip: 'Font Sizes',
            values: items,
            fixedWidth: true,
            onPostRender: createListBoxChangeHandler(items, 'fontsize'),
            onclick: function(e) {
                if (e.control.settings.value) {
                    editor.execCommand('FontSize', false, e.control.settings.value);
                }
            }
        };
});

这是当前选择列表的实现方式 - 您始终可以用逻辑替换它以不同的方式实现字体选择。

我可以在TinyMCE编辑器中使用滑块作为字体大小插件

1 个答案: