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

时间:2018-04-10 12:21:42

标签: javascript tinymce keyboard-shortcuts

我希望在我的TinyMCE编辑器中有一个快捷方式,可以轻松更改文本的大小。从TinyMCE Website开始,有一个带有此描述的命令FontSize

  

文字的字体大小。传入的值应该是字体大小   1-7。

我尝试将此命令添加到我的其他自定义快捷键列表中,例如

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

但它没有用。我也试过这个但没有成功:

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

此外,我对价值感到困惑:为什么我们只能将1设为7而不是说12px

1 个答案:

答案 0 :(得分:1)

你试过这个吗?

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

你也可以创建一个TinyMce插件:

  1. 转到您的TinyMCE文件夹并打开note.html
  2. plugins添加fontsize_plugin列表和toolbar添加fontsizeselect
  3. 列表中
  4. 然后在工具栏下面添加此行juste:

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

  5. 打开文件夹插件并在其中创建一个文件夹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');
    });