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

Question

我想在TinyMCE编辑器中有一个快捷方式，可以轻松更改文本的大小。 在TinyMCE网站上 ，有带有此描述的命令FontSize

文本的字体大小。 传入的值应为字体大小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. 在plugins列表中添加fontsize_plugin ，在toolbar列表中添加fontsizeselect

3. 然后在工具栏下面添加以下行：

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

4. 打开文件夹插件，并在其中创建一个文件夹fontsize_plugin然后在此filder中创建一个文件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'); });