JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div class="snippet">function ( ) { var range = document.createRange( ); range.selectNode( document.querySelector( selector ) ); window.getSelection( ).addRange(range); }</div>

CSS

.snippet {
    font: 13px/1.5 helveticaneue;
    padding: 6px 8px 7px;
    border-radius: 5px;
    box-shadow:;
    background: #eee;
    cursor: pointer;
}

JavaScript

(function (w, doc, undefined) {
    w.selectsAll = function (selector) {
        if (doc.selection) {
            w.selectsAll = function (selector) {
                if (selector instanceof jQuery) {
                    selector = selector.selector;
                }

                var range = doc.body.createTextRange(),
                    el = doc.querySelector(selector);
                
                range.moveToElementText(el);
                range.select();
            };

        } else if (window.getSelection) {
            w.selectsAll = function (selector) {
                if (selector instanceof jQuery) {
                    selector = selector.selector;
                }

                var range = doc.createRange(),
                    el = document.querySelector(selector);
                
                range.selectNode(el);
                w.getSelection().addRange(range);
            };
        }

        w.selectsAll(selector);
    };
})(window, document);