/Html/Copy to cllipboard the html element

Copy to cllipboard the html element

const copyWithStyle = ( element ) => {

    const doc = document;
    const text = doc.getElementById( element );
    let range;
    let selection;

    if( doc.body.createTextRange ) {

        range = doc.body.createTextRange();
        range.moveToElement( text );
        range.select();

    } else if ( window.getSelection ) {

        selection = window.getSelection();

        range = doc.createRange();
        range.selectNodeContents( text );

        selection.removeAllRanges();
        selection.addRange( range );

    }

    document.execCommand( 'copy' );
    window.getSelection().removeAllRanges();
    document.getElementById( 'clickMe' ).value = 'Copied to clipboard!';

}

Similar codes

32 votes156 views6 answers
Bootstrap container
Html
1 vote261 views2 answers
Cshtml foreach display
Html
0 vote187 views1 answer
Remover Acentos
Html
2 votes159 views2 answers
Emojis in html
Html
65 votes208 views6 answers
How to add links to html
Html
1 vote165 views1 answer
Input type for mobile in html
Html
0 vote171 views1 answer
Centralizing to the middle of the screen with bootstrap 5
Html
0 vote158 views1 answer
How to insert computer code to html
Html
110 votes154 views3 answers
Html open html in new tab as plain text
Html
0 vote192 views1 answer
How to detect what someone typed html code
Html