Clipboard Snippet Copier
| 开发者 | webcodingplace |
|---|---|
| 更新时间 | 2026年5月25日 14:03 |
| 捐献地址: | 去捐款 |
| PHP版本: | 7.2 及以上 |
| WordPress版本: | 6.9 |
| 版权: | GPLv2 or later |
| 版权网址: | 版权信息 |
详情介绍:
- Sell or showcase shortcodes — give buyers a "Copy Demo" button without exposing messy markup.
- Document your code — share PHP / JS / CSS examples on tutorial pages with a proper copy button.
- Reduce support tickets — eliminate "the shortcode didn't work" issues caused by smart quotes, missing brackets, or whitespace mangling.
- Track engagement — built-in per-snippet copy counter shows what your audience actually uses.
- 📋 One-click copy to clipboard with success/failure tooltip.
- 🔒 Hidden mode — the snippet is stored in the admin and fetched via AJAX only when copied (never rendered in the HTML).
- 👁️ Inline mode — render the snippet visibly as a
<pre><code>block with a copy button on top. - 🧱 Gutenberg block with sidebar controls (snippet ID, label, inline toggle, language hint).
- 🔢 Shortcode for the Classic Editor, WPBakery, Elementor and any other builder.
- 🧮 Copy counter — sortable "Copies" column on the admin list, so you can see what's popular.
- ⚙️ Settings page — default label, default CSS class, tooltip text, guest-access toggle.
- 📝 CodeMirror editor on the snippet edit screen — keeps your indentation and angle brackets intact.
- ⚡ Tiny footprint — no jQuery dependency on the frontend, no external libraries.
- 🌐 Translation-ready.
- You add a snippet in Code Snippets → Add New and note its ID.
- You drop the Clipboard Snippet block (or the
[clipsnco_code_copy_btn]shortcode) onto any page. - When a visitor clicks the button, the snippet is fetched over AJAX and written to their clipboard — without ever appearing in the page source (unless you turned on inline mode).
安装:
- Upload the plugin files to
/wp-content/plugins/clipboard-snippet-copier, or install it directly from the WordPress.org repository. - Activate the plugin through the Plugins screen.
- Go to Code Snippets → Add New to create your first snippet.
- Insert the Clipboard Snippet block on any page, or paste the shortcode below.
屏幕截图:
常见问题:
Can I use multiple buttons on the same page?
Yes. Drop as many blocks/shortcodes as you like — each one copies its own snippet.
Will the snippet appear in the page source?
Only if you enable inline mode. In the default hidden mode the snippet lives in the WordPress admin and is fetched over AJAX the moment the button is clicked.
Does it work with page builders like WPBakery or Elementor?
Yes. Place the [clipsnco_code_copy_btn] shortcode in any text/HTML widget, content block or builder element.
Can I show the code on the page AND have a copy button?
Yes — that's inline mode. Set inline="yes" on the shortcode or flip the Show code inline toggle on the block.
Does this play nicely with syntax highlighters?
Yes. In inline mode, add the language attribute (language="php", language="js", …) and the plugin emits a matching language-xxx class on the <code> element. Prism.js, highlight.js and most other highlighters pick that up automatically.
Where can I see how many times a snippet has been copied?
Go to Code Snippets in the admin. The Copies column shows the running total; click the header to sort.
Can I prevent non-logged-in visitors from copying snippets?
Yes. Code Snippets → Settings → Allow guests controls this.
Does the plugin require jQuery?
No. The frontend script uses native fetch and the Clipboard API, with an execCommand fallback for older/insecure contexts.
Is the plugin translation-ready?
Yes — text domain clipboard-snippet-copier, translations loaded from the /languages folder.
更新日志:
- New: Gutenberg block "Clipboard Snippet" with sidebar controls (id, label, inline toggle, language hint).
- New: Inline mode — render the snippet visibly as a
<pre><code>block with a copy button on top (inline="yes"). - New: Language hint attribute that emits a
language-xxxclass for syntax highlighters. - New: Settings page — default label, default CSS class, tooltip text, guest-access toggle.
- New: Copy counter per snippet, shown as a sortable admin column.
- New: CodeMirror editor on the snippet edit screen for proper code formatting.
- Improvement: Frontend script no longer depends on jQuery.
- Improvement: Centralised
CLIPSNCO_VERSIONconstant used across asset enqueues. - Improvement: Translations now properly loaded via
load_plugin_textdomain(). - Improvement: Escaped admin column output.
- Improvement: AJAX response now includes a
contentkey (legacyshortcodekey preserved for backwards compatibility). - Fix: Removed stray
console.logfrom the frontend script.
- Fixed: Resource version not set in call to
wp_enqueue_style().
- Bug fixes.
- Initial release of Clipboard Snippet Copier.