TinyMce 快捷方式：使用键盘快捷方式更改所选文本的背景颜色

Question

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

Answer 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');
});

TinyMce 快捷方式：使用键盘快捷方式更改所选文本的背景颜色

TinyMce Shorcut: change background color of the selected text with keybaord shorcut

javascript

wysiwyg

tinymce

keyboard-shortcuts