TinyMce Shorcut:使用keybaord shorcut更改所选文本的背景颜色

时间:2017-10-10 11:46:56

标签: javascript tinymce keyboard-shortcuts wysiwyg

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

1 个答案:

答案 0 :(得分:1)

你试过这个吗?

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

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

  1. 转到您的TinyMCE文件夹并打开note.html
  2. plugins添加background_color_plug
  3. 列表中
  4. 打开文件夹插件并在其中创建一个文件夹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');
    });