javascript - 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 插件:

1. 转到您的 TinyMCE 文件夹并打开 note.html
2. 在插件列表中添加fontsize_plugin，在工具栏列表中添加fontsizeselect

3. 然后在工具栏下方添加此行:

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

4. 打开文件夹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');
   });