# copy-the-code/3.7.0/assets/js/copy-the-code.js

Copy Anything to Clipboard for WordPress – Copy Button, Copy Text & Copy Code, version 3.7.0. 451 lines.

- Page: https://pluginprobe.com/plugins/copy-the-code/3.7.0/code/assets/js/copy-the-code.js
- Raw: https://pluginprobe.com/plugins/copy-the-code/3.7.0/raw/assets/js/copy-the-code.js
- Modified: 2023-06-20T15:36:18+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/copy-the-code/3.7.0/code/assets/js/copy-the-code.js#L10-L20`.

```javascript
window.CopyTheCodeToClipboard = (function (window, document, navigator) {
    var textArea,
        copy;

    function isOS() {
        return navigator.userAgent.match(/ipad|iphone/i);
    }

    function createTextArea(text) {
        textArea = document.createElement('textArea');
        textArea.value = text;
        document.body.appendChild(textArea);
    }

    function selectText() {
        var range,
            selection;

        if (isOS()) {
            range = document.createRange();
            range.selectNodeContents(textArea);
            selection = window.getSelection();
            selection.removeAllRanges();
            selection.addRange(range);
            textArea.setSelectionRange(0, 999999);
        } else {
            textArea.select();
        }
    }

    function copyToClipboard() {
        document.execCommand('copy');
        document.body.removeChild(textArea);

        // Redirect to page.
        if( copyTheCode.redirect_url ) {
            window.location.href = copyTheCode.redirect_url;
        }
    }

    copy = function (text) {
        createTextArea(text);
        selectText();
        copyToClipboard();
    };

    return {
        copy: copy
    };
})(window, document, navigator);

(function ($) {

    CopyTheCode = {

        selector: copyTheCode.settings.selector || copyTheCode.selector || 'pre',
        button_position: copyTheCode.settings['button-position'] || 'inside',

        /**
         * Init
         */
        init: function () {
            this._bind();
            this._initialize();
        },

        /**
         * Binds events
         */
        _bind: function () {
            $(document).on('click', '.copy-the-code-button', CopyTheCode.copyCode);
            $(document).on('click', '.copy-the-code-shortcode', CopyTheCode.copyShortcode);
        },

        /**
         * Initialize the Button
         */
        _initialize: function () {
            if (!$(copyTheCode.selectors).length) {
                return;
            }

            $(copyTheCode.selectors).each(function (index, el) {
                var button_copy_text = el['button_copy_text'] || '';
                var button_position = el['button_position'] || '';
                var button_text = el['button_text'] || '';
                var button_title = el['button_title'] || '';
                var selector = el['selector'] || '';
                var style = el['style'] || '';
                var copy_format = el['copy_format'] || '';

                $(selector).each(function (index, single_selector) {

                    var buttonMarkup = CopyTheCode._getButtonMarkup(button_title, button_text, style);

                    $(single_selector).addClass('copy-the-code-target');

                    if ('cover' !== style && 'outside' === button_position) {
                        $(single_selector).wrap('<span data-copy-format="' + copy_format + '" data-button-text="' + button_text + '" data-button-position="' + button_position + '" data-button-copy-text="' + button_copy_text + '" data-style="' + style + '" data-button-title="' + button_title + '" data-selector="' + selector + '" class="copy-the-code-wrap copy-the-code-style-' + style + ' copy-the-code-outside-wrap"></span>');
                        $(single_selector).parent().prepend('<div class="copy-the-code-outside">' + buttonMarkup + '</div>');
                    } else {
                        $(single_selector).wrap('<span data-copy-format="' + copy_format + '" data-button-text="' + button_text + '" data-button-position="' + button_position + '" data-button-copy-text="' + button_copy_text + '" data-style="' + style + '" data-button-title="' + button_title + '" data-selector="' + selector + '" class="copy-the-code-wrap copy-the-code-style-' + style + ' copy-the-code-inside-wrap"></span>');
                        $(single_selector).append(buttonMarkup);
                    }

                    switch (style) {
                        case 'svg-icon':
                            $(single_selector).find('.copy-the-code-button').html(copyTheCode.buttonSvg);
                            break;
                        case 'cover':
                        case 'button':
                        default:
                            $(single_selector).find('.copy-the-code-button').html(button_text);
                            break;
                    }


                });
            });

        },

        /**
         * Get Copy Button Markup
         */
        _getButtonMarkup: function (button_title, button_text, style) {
            if ('svg-icon' === style) {
                button_text = copyTheCode.buttonSvg;
            }

            return '<button class="copy-the-code-button" data-style="' + style + '" title="' + button_title + '">' + button_text + '</button>';
        },

        format: function (html) {
            var tab = '\t';
            var result = '';
            var indent = '';

            html.split(/>\s*</).forEach(function (element) {
                if (element.match(/^\/\w/)) {
                    indent = indent.substring(tab.length);
                }

                result += indent + '<' + element + '>\r\n';

                if (element.match(/^<?\w[^>]*[^\/]$/) && !element.startsWith("input")) {
                    indent += tab;
                }
            });

            return result.substring(1, result.length - 3);
        },

        /**
         * Copy to Clipboard
         */
        copyShortcode: function (event) {
            event.preventDefault();

            var btn = $(this),
                oldText = btn.html(),
                target = btn.attr('data-target') || '',
                copy_content_as = btn.attr('data-copy-as') || copyTheCode.copy_content_as,
                button_copy_text = btn.attr('data-button-copy-text') || '',
                content = btn.attr('data-content') || '',
                link = btn.attr( 'data-link' ) || '';

            // Copy the secrate content.
            if (content) {
                CopyTheCodeToClipboard.copy(content);
                // Copied!
                btn.text(button_copy_text);
                setTimeout(function () {
                    btn.html(oldText);

                    if( link ) {
                        window.open(link, '_blank').focus()
                    }
                }, 1000);
                return;
            }

            var source = $(target);

            if (!source.length) {
                btn.text('Not found!');
                setTimeout(function () {
                    btn.text(oldText);
                }, 1000);
                return;
            }

            var html = source.html();

            html = CopyTheCode.format(html);

            if ('html' !== copy_content_as) {

                // Convert the <br/> tags into new line.
                var brRegex = /<br\s*[\/]?>/gi;
                html = html.replace(brRegex, "\n");

                // Convert the <div> tags into new line.
                var divRegex = /<div\s*[\/]?>/gi;
                html = html.replace(divRegex, "\n");

                // Convert the <p> tags into new line.
                var pRegex = /<p\s*[\/]?>/gi;
                html = html.replace(pRegex, "\n");

                // Convert the <li> tags into new line.
                var pRegex = /<li\s*[\/]?>/gi;
                html = html.replace(pRegex, "\n");

                // Remove all tags.
                html = html.replace(/(<([^>]+)>)/ig, '');
            }

            if ('html' !== copy_content_as) {
                html = html.replace(/[\t\n]+/gm, ' ').trim();
            } else {
                var reWhiteSpace = new RegExp("/^\s+$/");
                html = html.replace(reWhiteSpace, "");
            }

            var tempElement = $("<div id='temp-element'></div>");
            $("body").append(tempElement);
            html = $.trim(html);
            $('#temp-element').html(html);
            var html = $('#temp-element').html();
            $('#temp-element').remove();

            var tempHTML = html;

            // Copy the Code.
            var tempPre = $("<textarea id='temp-pre'>"),
                temp = $("<textarea>");

            // Append temporary elements to DOM.
            $("body").append(temp);
            $("body").append(tempPre);

            // Set temporary HTML markup.
            tempPre.html(tempHTML);

            var content = tempPre.text();

            content = content.trim();

            if( copyTheCode.trim_lines ) {
                content = content.replace(/^(?=\n)$|\s*$|\n\n+/gm,"");
                if( content ) {
                    content = content.split('\n');
                    content = content.map( item => {
                        return item.trim();
                    } );
                    content = content.join('\n');
                }
            }

            // Format the HTML markup.
            temp.val(content).select();

            // Support for IOS devices too.
            CopyTheCodeToClipboard.copy(content.trim());

            // Remove temporary elements.
            temp.remove();
            tempPre.remove();

            // Copied!
            btn.text(button_copy_text);
            setTimeout(function () {
                btn.text(oldText);
            }, 1000);
        },

        /**
         * Copy to Clipboard
         */
        copyCode: function (event) {
            event.preventDefault();

            var btn = $(this),
                oldText = btn.text(),
                parent = btn.parents('.copy-the-code-wrap'),
                selector = parent.attr('data-selector') || '',
                button_text = parent.attr('data-button-text') || '',
                button_position = parent.attr('data-button-position') || '',
                button_copy_text = parent.attr('data-button-copy-text') || '',
                button_title = parent.attr('data-button-title') || '',
                style = parent.attr('data-style') || ''
                copy_format = parent.attr('data-copy-format') || '';

            // Fix: nested selectors e.g. `.entry-content pre`
            if (selector.indexOf(' ') >= 0) {
                var source = btn.parents('.copy-the-code-wrap');
            } else {
                var source = btn.parents('.copy-the-code-wrap').find(selector);
            }

            if ( 'google-docs' === copy_format ) {
                // Hide button temporary.
                if ( 'inside' === button_position ) {
                    $( '.copy-the-code-button' ).hide();
                }

                var range = document.createRange();
                range.selectNode(source[0]);
                window.getSelection().addRange(range);
                document.execCommand('copy');

                // Clear selection.
                if (window.getSelection) {
                    if (window.getSelection().empty) {  // Chrome
                        window.getSelection().empty();
                    } else if (window.getSelection().removeAllRanges) {  // Firefox
                        window.getSelection().removeAllRanges();
                    }
                } else if (document.selection) {  // IE?
                    document.selection.empty();
                }

                // Show button again.
                if ( 'inside' === button_position ) {
                    $( '.copy-the-code-button' ).show();
                }

            } else {

                var html = source.html();

                var buttonMarkup = CopyTheCode._getButtonMarkup(button_title, button_text, style);

                // Remove the <copy> button.
                html = html.replace(buttonMarkup, '');

                // Emojis.
                let allEmojis = CopyTheCode._getImages( html );

                if ( allEmojis ) {
                    allEmojis.map( function(image) {
                        let alt = CopyTheCode._getAlt( image );
                        if ( alt ) {
                            let cleanAlt = alt[0];
                            cleanAlt = cleanAlt.replaceAll( '"', '' );
                            cleanAlt = cleanAlt.replaceAll( "'", '' );
                            cleanAlt = cleanAlt.replaceAll( 'alt=', '' );
                            html = html.replaceAll( image, cleanAlt );
                        }
                    });

                }

                // Remove all duplicate empty lines.
                if( copyTheCode.remove_spaces ) {
                    html = html.replace(/^(?=\n)$|\s*$|\n\n+/gm,"");
                }

                if ('html' !== copyTheCode.copy_content_as) {
                    // Convert the <br/> tags into new line.
                    var brRegex = /<br\s*[\/]?>/gi;
                    html = html.replace(brRegex, "\n");

                    // Convert the <div> tags into new line.
                    var divRegex = /<div\s*[\/]?>/gi;
                    html = html.replace(divRegex, "\n");

                    // Convert the <p> tags into new line.
                    var pRegex = /<p\s*[\/]?>/gi;
                    html = html.replace(pRegex, "\n");

                    // Convert the <li> tags into new line.
                    var pRegex = /<li\s*[\/]?>/gi;
                    html = html.replace(pRegex, "\n");

                    // Remove all tags.
                    html = html.replace(/(<([^>]+)>)/ig, '');
                }

                // Remove white spaces.
                var reWhiteSpace = new RegExp("/^\s+$/");
                html = html.replace(reWhiteSpace, "");

                var tempElement = $("<div id='temp-element'></div>");
                $("body").append(tempElement);
                html = $.trim(html);
                $('#temp-element').html(html);
                var html = $('#temp-element').html();
                $('#temp-element').remove();

                var tempHTML = html;
                var reWhiteSpace = new RegExp("/^\s+$/");
                tempHTML = tempHTML.replace(reWhiteSpace, "");

                // Remove button text.
                tempHTML = tempHTML.replace(button_text, '');

                // Copy the Code.
                var tempPre = $("<textarea id='temp-pre'>"),
                    temp = $("<textarea>");

                // Append temporary elements to DOM.
                $("body").append(temp);
                $("body").append(tempPre);

                // Set temporary HTML markup.
                var content = tempPre.html(tempHTML).text();

                content = $.trim(content);

                // Format the HTML markup.
                temp.val(content).select();

                // Support for IOS devices too.
                CopyTheCodeToClipboard.copy(content);

                // Remove temporary elements.
                temp.remove();
                tempPre.remove();
            }

            // Copied!
            btn.text(button_copy_text);
            setTimeout(function () {
                if ('svg-icon' === style) {
                    btn.html(copyTheCode.buttonSvg);
                } else {
                    btn.text(oldText);
                }
            }, 1000);
        },

        _getImages( content ) {
            return content.match( /<img\s+[^>]*?src=("|')([^"']+)">/gi );
        },

        _getAlt( img ) {
            return img.match( /alt=("|')([^"']+)"|'/gi );
        }

    };

    /**
     * Initialization
     */
    $(function () {
        CopyTheCode.init();
    });

})(jQuery);
```