페이지

20231216

구글 블로그에서, 블로그 글 복사버튼[copy code]만들어 글 작성하는 방법

    -------------------------------------------------------------------------
    <div class="right-align" style="text-align: right;">
    <button onclick="copyCode()">Copy Code</button>
    </div> 
    <pre id="codeBlock">
        구글 블로그에서 
        블로그 작성시 HTML보기 모드에서,
        글을 작성하고, [copy code] 버튼으로 
        글 복사할수 있게 하는 방법
        블로그글 마우스 우측 방지에서도, 해당글 복사는 
        작동됨.
    </pre>

    <script>
        function copyCode() {
            var codeText = document.getElementById('codeBlock').innerText;
            navigator.clipboard.writeText(codeText).then(function() {
                console.log('Code copied to clipboard!');
            }).catch(function(err) {
                console.error('Unable to copy code to clipboard', err);
            });
        }
    </script>
    -------------------------------------------------------------------------