TinyMCE：如何添加更改字体大小的快捷方式

Question

我想在我的 TinyMCE 编辑器中有一个快捷方式来轻松更改文本的大小。从 TinyMCE Website 开始，有命令 FontSize 和此描述

Font size of the text. The value passed in should be the font size 1-7.

我尝试将此命令添加到我的其他自定义快捷方式列表中

ed.addShortcut('ctrl+shift+w', 'size_desc', FontSize(5));

但是没有用。我也尝试过但没有成功：

ed.addShortcut('ctrl+shift+w', 'size_desc', '["FontSize", 5]');

我也对这个值感到困惑：为什么我们只能将 1 设置为 7 而不能说 12px？

Answer 1

你试过吗？

ed.addShortcut('ctrl+shift+w', 'size_desc', '["FontSize", !1, "5px"]');

您也可以创建一个 TinyMce 插件：

转到您的 TinyMCE 文件夹并打开 note.html
在 plugins 的列表中添加 fontsize_plugin 并在 toolbar 的列表中添加 fontsizeselect
然后在工具栏下方添加这一行：

fontsize_formats: "8px 10px 12px 14px 16px 18px

打开文件夹 plugins 并在其中创建一个文件夹 fontsize_plugin 并在此文件夹中创建一个文件 plugin.js，您应该在其中复制粘贴此内容：

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

    editor.addCommand('fontsize_plugin_command', function () {

    var node = tinymce.activeEditor.selection.getNode();
    var fontsize = tinymce.activeEditor.dom.getStyle(node, 'font-size', true);

    fontsize = fontsize.split("p", 1)
        fontsize--;

    if (fontsize > 10 && fontsize <= 14) {
        fontsize = 10;
    } else if (fontsize <= 10) {
        fontsize = 18;
    } else {
        fontsize = 14;
    }
    fontsize = fontsize + "px";
    tinymce.activeEditor.execCommand('fontsize', false, fontsize);
    });
editor.addShortcut('ctrl+shift+w', 'fontsize_plugin_desc', 'fontsize_plugin_command');
});

TinyMCE：如何添加更改字体大小的快捷方式

TinyMCE: How to add a shortcut to change font size

javascript

tinymce

keyboard-shortcuts