{"id":3329,"date":"2019-10-25T10:58:17","date_gmt":"2019-10-25T17:58:17","guid":{"rendered":"https:\/\/wpjohnny.com\/?p=3329"},"modified":"2020-08-25T13:06:52","modified_gmt":"2020-08-25T20:06:52","slug":"code-click-to-copy","status":"publish","type":"post","link":"https:\/\/wpjohnny.com\/code-click-to-copy\/","title":{"rendered":"Code Click-to-Copy (WPJ Plugin)"},"content":{"rendered":"\n<p><strong>Plugin Description:<\/strong><\/p>\n\n\n\n<p><em>Click anywhere within &lt;pre> code tags to automatically copy to clipboard.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-gallery columns-2 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><ul class=\"blocks-gallery-grid\"><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-hover.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"321\" src=\"https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-hover-1024x321.png\" alt=\"\" data-id=\"8031\" data-full-url=\"https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-hover.png\" data-link=\"https:\/\/wpjohnny.com\/code-click-to-copy\/code-click-copy-hover\/\" class=\"wp-image-8031\" srcset=\"https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-hover-1024x321.png 1024w, https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-hover-300x94.png 300w, https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-hover-768x241.png 768w, https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-hover-1536x482.png 1536w, https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-hover.png 1778w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><li class=\"blocks-gallery-item\"><figure><a href=\"https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-clicked.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"315\" src=\"https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-clicked-1024x315.png\" alt=\"\" data-id=\"8032\" data-full-url=\"https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-clicked.png\" data-link=\"https:\/\/wpjohnny.com\/code-click-to-copy\/code-click-copy-clicked\/\" class=\"wp-image-8032\" srcset=\"https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-clicked-1024x315.png 1024w, https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-clicked-300x92.png 300w, https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-clicked-768x236.png 768w, https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-clicked-1536x473.png 1536w, https:\/\/wpjohnny.com\/wp-content\/uploads\/2020\/08\/code-click-copy-clicked.png 1794w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/li><\/ul><figcaption class=\"blocks-gallery-caption\">Click your code text and it&#8217;s copied!<\/figcaption><\/figure>\n\n\n\n<p>A simple little plugin that automatically copies content in &lt;pre&gt; and &lt;code&gt; tags to clipboard (when clicked). Other plugins out there do the same but create a little [COPY] button that you have to aim for. With mine, you don&#8217;t have to aim your mouse or finger at any button, simply click anywhere on the code block and it copies the whole thing.<\/p>\n\n\n\n<p>With all the guides out there sharing code-commands, especially on this site, it&#8217;s about time somebody made a plugin to save us all a little time from having to highlight and copy-paste bits of text back and forth. It&#8217;s especially time-saving when trying to copy large globs of code that scroll off-screen or trying to manage on your mobile phone.<\/p>\n\n\n\n<!--more-->\n\n\n\n<ul class=\"wp-block-list\"><li>The plugin is free for your personal\/commercial use, but do <a href=\"https:\/\/paypal.me\/wpjohnny\">buy me a beer<\/a> if you like it. Enjoy! \ud83d\ude42<\/li><li>I&#8217;m not responsible for what you do with it. If you have issues, you can ask for support on the WP.org repo.<\/li><\/ul>\n\n\n\n<p><strong>Download Code Click-to-Copy:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/wordpress.org\/plugins\/code-click-to-copy\/\">WordPress.org repo<\/a><\/li><li><a href=\"https:\/\/github.com\/WPJohnny-plugins\/code-click-to-copy\">GitHub repo<\/a><\/li><\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Plugin Description: Click anywhere within &lt;pre> code tags to automatically copy to clipboard. A simple little plugin that automatically copies content in &lt;pre&gt; and &lt;code&gt; tags to clipboard (when clicked). Other plugins out there do the same but create a little [COPY] button that you have to aim for. With mine, you don&#8217;t have to [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"740,1043,3062,2192,2537,508","_relevanssi_noindex_reason":"","inline_featured_image":false,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[20],"tags":[],"hf_cat_post":[],"class_list":{"0":"post-3329","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-wordpress-plugins","7":"entry"},"acf":[],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"Johnny","author_link":"https:\/\/wpjohnny.com\/author\/johnny\/"},"_links":{"self":[{"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/posts\/3329","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/comments?post=3329"}],"version-history":[{"count":16,"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/posts\/3329\/revisions"}],"predecessor-version":[{"id":8033,"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/posts\/3329\/revisions\/8033"}],"wp:attachment":[{"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/media?parent=3329"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/categories?post=3329"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/tags?post=3329"},{"taxonomy":"hf_cat_post","embeddable":true,"href":"https:\/\/wpjohnny.com\/wp-json\/wp\/v2\/hf_cat_post?post=3329"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}