Code Click to Copy

설명

Simple plugin that automatically copies content in <pre> and <code> tags to clipboard (when clicked). Other plugins out there do the same but create a little [COPY] button that you have to aim for. Mine doesn’t require any aiming, just click anywhere on the code block and it copies the whole thing.

For any sites sharing code-commands, this plugin will save users time from having to highlight and copy-paste bits of text back and forth. It’s especially helpful for large globs of code that scroll off-screen, or when copying on your mobile phone.

설치

  1. Install easily from your dashboard Add Plugins page or manually download the plugin and upload the extracted archived to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

FAQ

Does this plugin work with newest WP version and also older versions?

Yes, this plugin works perfect with the latest version of WordPress! It also works with older versions as well but you should always run the latest WordPress and PHP version for best security and performance. This plugin is used in my critical sites so you can be assured it works perfect.

Will this plugin slow down my site?

No. It’s coded extremely lightweight. The plugin CSS and JS is only 1.7KB total, and inlined in your site footer. No extra CSS or JS files are loaded. It does only the essential function and nothing more. No heavy PHP processing or database queries. I’m an absolute speed fanatic.

Do you plan to add more features?

Not unless someone wanted to pay for my development time and costs. This was intended as a free community plugin.

How do I style the copy block?

You can style the “codecopy_tooltip” CSS class. Change background, color, font-family, font-size, padding, word-wrap, overflow, etc. I might add this option in the plugin one day but just trying to keep it lightweight for now.

Any known incompatibility issues?

One user reported it didn’t work on his DIVI site through DIVI’s own “code” block mechanism.

후기

2022년 8월 19일
You the man. So light and simple. My only change was to add a pseudo element to display a copy to clipboard icon in the corner of the code blocks, because otherwise people have no idea its copyable until they hover. Using pointer-events:none on the icon allows it to not interfere with the click functionality. Maybe something like that could be an option or even just a filer hook for people to optionally enable. Anyway, cheers!
모든 9 평가 읽기

기여자 & 개발자

“Code Click to Copy”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

“Code Click to Copy”(이)가 5(으)로 번역되었습니다. 기여해 주셔서 번역자님께 감사드립니다.

자국어로 “Code Click to Copy”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

0.1.4

  • It was tested in WP 6.4.2. Program code was cleaned professionally.

0.1.3

  • Multi language is supported. Please make language .po and .mo files in /languages folder. Chinese language file is provided as an example.

0.1.2

Updated description.

0.1.1

  • Fix parsin error on readme.txt file.

0.1.0

  • Initial Release