question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

how to add plug-ins?

See original GitHub issue

I copy sample from your demo site. But it not work (not show drop-down menu on image button). http://krestovskyisland.ru/index.html

what am I doing wrong?

<script src="js/trumb/plugins/upload/trumbowyg.upload.min.js"></script>
<script src="js/trumb/plugins/pasteimage/trumbowyg.pasteimage.min.js"></script>
        <script>
            /** Default editor configuration **/

            $('#editor').trumbowyg({

                plugins: {
                btnsDef: {
                    // Customizables dropdowns
                    image: {
                        dropdown: ['insertImage', 'upload'],
                        ico: 'insertImage'
                    }
                },
                btns: [
                    ['viewHTML'],
                    ['undo', 'redo'],
                    ['formatting'],
                    'btnGrp-design',
                    ['link'],
                    ['image'],
                    'btnGrp-justify',
                    'btnGrp-lists',
                    ['foreColor', 'backColor'],
                    ['preformatted'],
                    ['horizontalRule'],
                    ['fullscreen']
                ]
        }
});

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:14 (5 by maintainers)

github_iconTop GitHub Comments

6reactions
saggiyogeshcommented, Sep 1, 2016

I have written some short snippet to create a new plugin.


//basic template to create new plugin
(function($) {
  'use strict';

  $.extend(true, $.trumbowyg, { //extend `$.trumbowyg` 
    //localization object
    // `foreColor` & `backColor` are new btns / functionality 
    langs: {
      cs: {
        foreColor: 'Barva textu',
        backColor: 'Barva pozadí'
      },
      en: {
        foreColor: 'Text color',
        backColor: 'Background color'
      },
      fr: {
        foreColor: 'Couleur du texte',
        backColor: 'Couleur de fond'
      },
      sk: {
        foreColor: 'Farba textu',
        backColor: 'Farba pozadia'
      },
      zh_cn: {
        foreColor: '文字颜色',
        backColor: '背景颜色'
      }
    },

    plugins: { // required plugins object
      color: { // plugin name
        init: function(trumbowyg) { //init function, called when plugin is initialized.
           //`trumbowyg` editor instance.

          const btnDef = {
            fn: function(cmd) { 
              //`fn` function is callback when button is clicked in editor. 
              //`cmd` is button type clicked. 
              // In this case, it could be `foreColor` or `backColor` 

              /**
               * This command is used to execute command. 
               * In this case, color is applied on selected text in editor. 
               * trumbowyg.execCmd(cmd, #000000)
               */
            }
          };

          //adding buttons in editor
          trumbowyg.addBtnDef('foreColor', btnDef);
          trumbowyg.addBtnDef('backColor', btnDef);
        }
      }
    }
  });
})(jQuery);
2reactions
ashleydbcommented, Jun 5, 2017

@lcompare

        <script src="../../dist/trumbowyg.js"></script>
        <script src="../../dist/plugins/table/trumbowyg.table.js"></script>
        <script>
            $('#editor')
            .trumbowyg({
                btnsAdd: ['table']
            });
        </script>
Read more comments on GitHub >

github_iconTop Results From Across the Web

How to Install, Add, and Use WordPress Plugins - HubSpot Blog
1. In your WordPress dashboard, choose Plugins > Add new. · 2. Search for a plugin with the search bar in the top...
Read more >
Install plugins - Bitnami Documentation
Browse to the “Plugins” menu page and then click the “Add New” button to search for plugins. · Once you find a plugin,...
Read more >
How to Install a WordPress Plugin - Step by Step for Beginners
First, you need to download the plugin from the source (which will be a zip file). Next, you need to go to WordPress...
Read more >
Installing Plugins - Official BukkitWiki - Fandom
Installing Most Plugins · Download a plugin of your choice. · Place the .jar and any other files in your plugins directory. ·...
Read more >
Installing Plugins - FL Studio
How to Install VST / AU Plugins (Instruments & Effects) ... Install the plugin - We strongly recommend you run the plugin's installer...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found