How to use

Copy-paste the following <script> near the end of your pages under JS Implementing Plugins to enable it.

              
                <script src="../assets/vendor/clipboard/dist/clipboard.min.js"></script>
              
            

Copy-paste the following <script> near the end of your pages under JS Front to enable it.

              
              
            

Copy-paste the init function under JS Plugins Init., before the closing </body> tag, to enable it.

              
                <script>
                  $(document).on('ready', function () {
                    // initialization of clipboard
                    $('.js-clipboard').each(function() {
                      $.HSCore.components.HSClipboard.init(this);
                    });
                  });
                </script>
              
            

Tooltip example

Change icon

Cut to clipboard

Use action="cut"

Methods

Parameters Description Default value
type Callback type. null
contentTarget Content. null
classChangeTarget Class to be changed. null
defaultClass Default class for change target. null
successText Add text when copy to clipboard is success. null
successClass Add class when copy to clipboard is success. null
originalTitle Default title for tooltip. null