TinyMce Shortcut：使用键盘快捷键更改所选文本的背景颜色答案

【问题标题】：TinyMce Shorcut: change background color of the selected text with keybaord shorcutTinyMce Shortcut：使用键盘快捷键更改所选文本的背景颜色
【发布时间】：2017-10-10 11:46:56
【问题描述】：

我在我的 TinyMce 编辑器中使用自定义键盘，例如 editor.addShortcut('ctrl+45', 'format', 'Bold');（或 indent、RemoveFormat）但我找不到一种方法来创建键盘快捷键来更改所选文本的背景颜色。

【问题讨论】：

标签： javascript tinymce keyboard-shortcuts wysiwyg

【解决方案1】：

你试过了吗？

editor.addShortcut('ctrl+45', 'desc',['HiliteColor', false, '#FF99CC']);

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

转到您的 TinyMCE 文件夹并打开 note.html
在plugins列表中添加background_color_plug

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

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

editor.addCommand('background_color_command', function () {
    var node = tinymce.activeEditor.selection.getNode();
    var color = tinymce.activeEditor.dom.getStyle(node, 'background-color', true);
    if (color =="rgb(255, 153, 204)") {
            newcolor = "transparent";
    }
    else{
            newcolor ="#FF99CC";
    }
        tinymce.activeEditor.execCommand('HiliteColor', false, newcolor);
});  

editor.addShortcut('ctrl+45', 'background_color_desc', 'background_color_command');
});

【讨论】：