代码之家  ›  专栏  ›  技术社区  ›  MagTun

TinyMce Shorcut:使用keybaurd Shorcut更改所选文本的背景色

  •  0
  • MagTun  · 技术社区  · 7 年前

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

    1 回复  |  直到 7 年前
        1
  •  2
  •   Loly    6 年前

    你试过这个吗?

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

    您还可以创建TinyMce插件:

    1. 转到你的TinyMCE文件夹并打开便笺。html
    2. 在列表中 plugins 添加 background_color_plug
    3. 打开文件夹插件并在其中创建一个文件夹 background\u color\u插头 在这个filder中创建一个文件 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');
      });